ブログデザインについて語り合う「第7回東京ブロガーミートアップ」に参加しました！ #tbmu

2013/04/23 | イベント

ブロガーのみなさん、ブログのデザイン意識してますか？
正直なところ、意識に対してスキルがついてきていないので思ったデザインにはなっていないおりじなる(@original_pe)です。

ブログのデザインがテーマの第7回東京ブロガーミートアップではいろいろなデザイン論を聞いてくる事ができました！

ブログデザインについて

ブロガーが20人集まれば20のブログデザイン論があるわけで、実に様々なデザイン論がありました。

同じ「デザイン」というテーマであっても

・文章の構成（起承転結なのか結論先だしなのか）
・文章の配置（行間や改行ペース）
・画像のサイズ
・読者の端末を意識したサイトデザイン
・色構成

などなどネタは尽きません。

以下、発表で気になったポイントを列挙します。

・デザインのポイントは「信頼」
・参考となるサイトを参考に真似られるところは真似る。
・読みやすい行間と文字サイズ
・Youtubeのサムネイル機能を利用した動画の導入
・SEO対策に2カラムデザインを使用
・デザインに強くない場合、有料プラグイン導入によるデザイン変更も効果あり
・ブログのテーマカラーを決めて、統一感を持たせる

大事な事は「読者の気持ち」

色々なデザイン論がありましたが共通しているのは「読者の気持ち」を考えているという事でした。

読みやすさだったり、イメージカラーから自分のブログだと判断できるようにしたり。

Flashばりばりで動きのある派手なブログを作っても重くて読めなかったり、スマホからは読みにくかったりしたら、それは「いいデザイン」とはいえないですよね。

たとえ文字しかないデフォルトのテンプレートだって文字の大きさや色を変えるだけでも読みやすくなるので、それだって十分デザインだと言える訳です。

画像の前に文章を入れよう！

おりじなるのプレゼンでは「画像の前に文章を入れよう！」と言う内容でプレゼンさせて頂きました。

当ブログは60−70％がスマホからのアクセスです。

画像に大して文章を説明で加える場合、

・画像→説明文
・説明文→画像

の２パターンが考えられますが、１つ目の「画像→説明文」だと、画像を見て気がつかなかった説明文があった場合に画像に戻る事があります。

つまり上から文章を読んでるのに逆走する必要が出てくる訳です。

これが画像の多い記事だと行ったり来たりするのでなかなか文章そのものの内容が入らない事があるので、当ブログでは画像の前に文章を入れるようにしています。

もちろんスマホサイトではなくPCからのアクセスにも効果があり、明日から実行できる簡単なデザイン変更なので、是非とも皆さん明日から実行してみて下さい！

関連リンク

第８回の募集が始まっています。

第8回東京ブロガーミートアップ参加者募集 | 東京ブロガーミートアップ | Fans:Fans

参加者のみなさま

[Mu]ムジログ　
http://musilog.net/　

スマートライト　
http://smartlight.jp　

インターネットの備忘録　
http://d.hatena.ne.jp/hase0831/　

むねさだブログ　
http://munesada.com　

kira-ism　
http://kira-ism.com/　

明日やります　
http://www.odaiji.com/blog/　

ジャンクワードの森　
http://blog.junkword.net/　

Box of Pictures　
http://www.monochrome-photo.info/　

しゅうまいの256倍ブログ neophilia++　
http://shumaiblog.com　

21世紀お取り寄せレビュー　
http://review.otoriyose21.com/　

Dohzen　
http://www.dohzen.net/　

ALPHA LABEL: アルファラベル　
http://www.alphalabel.net　

ビジネスマン向けおすすめiPhoneアプリ紹介　
http://reminder.tank.jp/　

体験ミシュラン　★★★★☆（4.0）　
http://rodohoing.blogspot.jp/　

ちわわのまま　
http://chiwamama.com/　

め～んずスタジオ　
http://blog.livedoor.jp/mensstudio/　

関連記事

新着記事