CALENDAR
S M T W T F S
   1234
567891011
12131415161718
19202122232425
262728293031 
<< March 2017 >>
ARCHIVES
CATEGORIES
Nihon Metto Rengo Nihon Metto Rengo shin D-tracker Nihon Metto Rengo ami CRM250AR Nihon Metto Rengo Take-shit D-tracker Nihon Metto Rengo tanabe CRM250R Nihon Metto Rengo masaya YZ125 Nihon Metto Rengo jun D-tracker Nihon Metto Rengo madz KTM250EXC-R Nihon Metto Rengo n@k D-tracker Nihon Metto Rengo shin ape
MOBILE
qrcode
<< MOTO1AS2012最終戦モテギ! | main | 江ノ島モタミ! >>
デザインのチカラ
 どもー。

明日の土曜、江ノ島モタードミーティングなんてものがアルそーですよ、気分が乗れば行くと思いますが、どーかなw
アタクシ主催じゃ無いので勝手に告知していーもんかシランですがサラッとふれてみましたwww


そんなわけで久しぶりにフェイスブックのヘッダー画像を変更してみました(・∀・)
てか、フェイスブックやってる事も特に言ってませんでしたがね。


モタードライダーて感じでイイっしょ♪
ちなみにPCで見た場合の画面です。
スマホやアプリ等で見ると端末によって見え方変わって、背景画像が無かったり、サイズが変更されたりします。
アタクシのBlackBerryだとFBアプリでは画像は表示されずブラウザならこんな感じ。

BlackBerryBold OS 7.1↓


iPhone OS6.0.1、FBアプリだと↓

あらら、左右が切れちゃって悲しい感じになっちゃいますねwww
まぁPCメインで考えてるんでしゃーないっす。
※この辺の対処法は下の方で紹介しています。



せっかくなので作り方を紹介してみます。

①Facebookのカバー画像は2枚の画像で構成されています。
PCサイトメインで考えた場合は背景側の大きい画像を「左右851px」「天地315px」で作成すればちょーどピッタリになります。


左下に自分のプロフィール画像が来るので、それを計算に入れて作成しましょう。
自分で写真撮ってトリミングを変換できるアプリなんかを使って設定すればキレイにはまりますね。

②んでもう1枚の画像がプロフィール画像としても使われる「180px」の正方形画像。


実際、カバー画像部分で使用される時は自動的に160pxに縮小されているので、背景の画像とデザインを連携させたい場合はその辺の考えて調整が必要ですね。
アタクシは吹き出しで「俺だよ、俺!」とオレオレ詐欺風のセリフを言わせる為にちょいと工夫しています。


ちなみにiphoneでもちゃんと見せたい場合はセンターの「385px」以内に要素を入れ込む必要があります。


上記画像のようにiphone版FBアプリを使用してカバー画像を見ると画像のセンター部分しか表示されていないわけです。
まったくメンドクセー携帯だw
アイホンでの表示や見え方を意識した場合はセンターに文字等を配置して、左右は切れても大丈夫な画像等を使用するといいです。
自分がセンターにいる写真とかねw


フォトショがあればサクッとできると思いますが誰でも持ってるわけじゃないっすよね。。
いちおー下記にpsdデータアップしたんで作ってみたい人はご自由にどーぞ。



作り方を紹介したついでにオモロイなと思うFBカバーをちょろっと紹介。





どこの誰だかしりませんが皆さんセンスが良いですね〜。
こーゆーの見るとワクワクして記憶に残りますよね?
そのワクワクが重要なんです。
てか、こーやって見ると誰ひとりスマホ版のことなんて考えてないんすね。。。



で、グダグダ書いてきて何が言いたいかとゆーと。。

たかがFacebook、たかがwebやblogですがこういった細かいアピールや露出の違いが後々大きくなってくるんですよ〜とゆーこと。
NMRだって最初からblogとかのアクセス多かったわけじゃないですから。
(今では月間ページビュー50,000超えました。あざす。)
NMRは普通のバイク好きの集まりだしテキトーにサーキット走ってるだけですが、web等でのアピールは継続的に行ってきましたからねw

より多くの露出と、的確なデザインでのアピール。
これを続ける事によってファンが少しづつ増えていくわけです。
良い表現や良い写真、そして良いwebコミュニケーションには人を引きつけるチカラがあります。
これがデザインのチカラですね。

レースで勝つ事も重要ですが、より強くそして新しい層へアピールする方法はコレしかないです。
ま、そんなもん急に出来るかー!って思うかもしれませんが、とりあえず頑張ってやってみましょーwww

ってな感じで。
では、またー。

NMR連絡簿-------------------------------------------------------------------------------------------------
はー、バイク乗りたいねー。サーキット走りたいねー。

にほんブログ村 バイクブログ モタードへ 【ブログ村】モタード乗りのブログがいっぱい!
| その他デザイン/Design | 19:26 | comments(4) | trackbacks(0) | pookmark |




コメント
宣伝ありがとうございます(^^)

さすがshinさんですね!何をやってもカッコいい!僕もそろそろFBのカバー変えようかと思っていたんで参考になります!
学校のフォトショでやってみますー。
| みどり | 2012/11/09 9:14 PM |
お久しぶりです!!
画像の仕組みが良く分かりました^^
寒くなってきたので、バイク乗るのも大変になってきましたが、ぶらり楽しく走りたいですねw
| ぐっちょ | 2012/11/09 9:28 PM |
師匠勉強になります。
がんばります!!
| FIVE SPEED | 2012/11/10 11:38 AM |
>みどりくん
いえいえ〜w
そうそう、デザインが良ければイメージアップにもツナガルってわけで☆
がんばってやってみてちょ。


>ぐっちょさん
おいっす!
ほんと急に寒くなってきたけど、ぶらりやりたいね〜^^
新年会計画もあるんでよろしゅー。


>FIVE SPEEDさん
師匠ってwww
参考になれば幸いです〜^^
| NMR_shin_ | 2012/11/10 5:03 PM |
コメントする









この記事のトラックバックURL
http://blog.nmr-net.com/trackback/1089314
トラックバック