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

2013/04/23 | イベント
tbmu201304
  • このエントリーをはてなブックマークに追加

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

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

ブログデザインについて

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

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

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

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

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

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

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

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

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

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

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

Blog20130430

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

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

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

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

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

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

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

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

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

関連リンク

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

第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/ 

  • このエントリーをはてなブックマークに追加

関連記事

20160925-bloggersfes2016-1-01

受付スタッフの1日 #ブロフェス2016

2016年9月24日、今年で4回目となるブロガーズフェスティバルの当日...

記事を読む

hmwallet_00

小銭の見やすさが半端ない!ハンモックウォレットイベントレポート

みなさんの普段使っている財布はどんな財布ですか? 私は社会人になった...

記事を読む

rakugakicafe-00

大人も子供もおねーさんも楽しめるrakugaki cafeで心を癒されました

ぺんてるが主催の落書きをコンセプトにしたカフェである「rakugaki...

記事を読む

diga-event-140514-00

チャンネル録画初体験!DIGAの新商品を見て来て触ってみました!

「チャンネル録画」って知ってますか? チャンネル録画機能をもった...

記事を読む

20140316-blog-crowd-00

ブログ談義だけじゃない!?Blog Crowd 2014 Vol.0 参加レポ #BlogCrowd

[email protected]ベント「Bl...

記事を読む

新着記事

20161020-nintendo-switch-pv-00

3分半の映像で無限のドキドキを手に入れた!Nintendo Switch映像から妄想しよう #NSW

ニンテンドーNXと呼ばれていた任天堂の新ハードである「Nintendo...

記事を読む

■photo by the Italian voice

たまにはプロフィールを見直そう!

欲しいものがあると仕様のページをわりとよく見ているおりじなる(@ori...

記事を読む

slooProImg_20160929010122.jpg

ポケモンGOプラスでできること #ポケモンGO

やっとレベル26になりました、ポケモンマスター見習いのおりじなる(@o...

記事を読む

20160927-loft-logo

ロフトの在庫の探し方

今年から使い始めているジブン手帳がめちゃくちゃ良かったので今年もジブン...

記事を読む

20160925-bloggersfes2016-1-01

受付スタッフの1日 #ブロフェス2016

2016年9月24日、今年で4回目となるブロガーズフェスティバルの当日...

記事を読む

スポンサードリンク

  • track feed RPGLIFE
PAGE TOP ↑