むねさだブログ

またの名を「わんぱくブログ」食・写真・ガジェットを使用した感想や情報を発信中!!

第7回東京ブロガーミートアップで「ブログのデザインについて」話し合ってきたぞ! #tbmu

      2013/04/12

  • Pocket
  • このエントリーをはてなブックマークに追加
  • Clip to Evernote
  • LINEで送る

第7回東京ブロガーミートアップに参加してきました。

今回のテーマは「ブログのデザインについて」。

東京ブロガーミートアップは、参加しているブロガーが、それぞれ3分間プレゼンを行うスタイル。
しかも聞いている側にも不意に質問が来るようになっているので聞く方も気を抜けないんです。

ということで毎回楽しくも緊張感を持って参加させてもらっている東京ブロガーミートアップ。
今回もプレゼン資料を作って参加してきました。

場所は今回も、渋谷にある「gooya CREATOR’S HUB 勉強会スペース」。
IT系勉強会だと無料で使わせていただけるという素敵な会場です。


スポンサード リンク

それぞれが思うブログデザインについて発表

今回の参加者は17人。

17人もブロガーがいれば、色々なデザインの解釈があります。

それぞれ初めて聞くことや改めて大切だと気付かせてもらえる内容が多かったのですがその中からいくつか皆さんに紹介したいと思います。

 

文字組もデザイン

みんな、それぞれブログのデザインとは何ぞや?という所から話し始めるのですが、大きく分けると、

・「コンテンツ自体がデザインだ!」として、文字のマージンやサイズをしっかりと考えて読みやすくしよう。

という人と、

・ロゴや配色、テーマやウィジェットなどのグラフィカルなデザインの話をする人との2通りでした。

 

文字のサイズ、行間、改行位置については、PCで見るのとスマホで見るのとでは印象が違うので注意している人が多かったです。
だいたい、パソコンでは長くても4行に1回は改行を入れる。という意見が多かったです。
 

スマホを意識するならコンテンツの前に説明文を書こう!

写真を配置した後に説明文を書くよりも、
説明文を書いてから写真を置いた方がスマホで見ていて優しい。

というもの。

確かにそうですね。
僕のブログも、基本的には説明文の後に写真を配置。その後に補足文章。という書き方をするようにしています。

 

僕のプレゼン内容

僕のプレゼン内容をざっとご紹介したいと思います。
今回は4つのポイントに絞っての発表です。

テーマカラー

むねさだブログのテーマカラーは緑です。

初期の頃は特にカラーパレットなどを考えずに適当に緑を組み合わせていましたが、最近は使う緑やグレー色を決めてパレット化するようにしています。
テーマカラー

ロゴ

ブログのタイトルロゴって、そのブログを印象づけるかなり大きな要素の1つです。

ただのテキストで入力されただけのブログよりは、「あ、このブログ前に見た事がある」という印象を付けやすくなります。
ということで、むねさだブログのロゴもかなり色々案を出して現状の案になりました。
ロゴデザイン

最終的には、「やきとりフォント」というフォントを元に文字をかすれさせたり傾けたりしながら現在のロゴになっています。

 

レイアウト

今のむねさだブログのテーマは、SuffusionというWordpressの無料テーマを元にカスタマイズしています。
レイアウト

自分で大きくカスタマイズしたのは、ロゴを入れ、その下にカテゴリー一覧を配置。
右下にSNSのソーシャルボックスを配置させた感じです。

 

広告の入れ方(悩み中)

先日のブロネクでは、「俺はもっと成長する為にあえて目立つ所には広告ではなく顔アイコン載せてるぜ!」的な事を申しましたが、あれから色々な人からご意見をもらって、「入れるならば初めから堂々と入れろ!後から入れると色々言われるぞ」という意見が多かったため、僕も少し広告の入れ方を考えてみたいと思います。

もちろん、メインのブログ記事を読みにくくする事が無いようにしつつ、僕のブログに関係するような何か面白そうなモノが表示してくれるならばそれはそれで読者の人に有益な情報になり得るかもしれないですし。

例えばこんな感じに。いや、ホント一例です。
広告レイアウト

ということで、入れ方はまだまだ悩んでおりますが近いうちブログのデザイン変更含めて広告の配置も検討したいと思います。

 

わんぱくブロガー的まとめ

ブログのデザインと言ってもみんなこだわる部分って少しずつ違うなーと思ったり。

ただ、共通して言えるのは、
読みに来てくれた人に、「いかに読みやすいようにするか」と、「印象を良く残せるか」ということを考えている人がほとんど。

 

そして、大切だけどなかなか出来ないこととして、
PCだけじゃなくスマホ(出来ればAndroidとiPhone両方から)、タブレットなどで表示確認をするということ。

案外自分が普段見ていない環境から見ると、レイアウトが崩れていたりボタンが押せないようになっていたりするかもしれません。

 
今回も勉強になった東京ブロガーミートアップでした!

 

過去の東京ブロガーミートアップの記事はこちらです。

自己紹介をすることでそのものの根本が見えてくる! 第一回東京ブロガーミートアップに参加して #tbmu

仲間と共に成長できていると実感した、第2回東京ブロガーミートアップに参加してきたぞ!

僕がブログを書く理由はなんだろう?と色々と考えてみたぞ!

第5回東京ブロガーミートアップに参加!他のブロガーの写真や動画の使い方について聞いてきたぞ! #tbmu

 

今日教えてもらったブログカスタマイズ系の本はこちら。

 

 

今回の参加者リスト

と、いうことで今回の参加者リストはこちらです。
(不参加だった方が一部リストに入っていたため削除しました)

[Mu]ムジログ

スマートライト

インターネットの備忘録

ニシザワのブログ

むねさだブログ

kira-ism

明日やります

RPGLIFE

ジャンクワードの森

Box of Pictures

しゅうまいの256倍ブログ neophilia++

21世紀お取り寄せレビュー

Dohzen

ALPHA LABEL: アルファラベル

ビジネスマン向けおすすめiPhoneアプリ紹介

体験ミシュラン ★★★★☆(4.0)

ちわわのまま

め~んずスタジオ

 - イベント , ,

        
  • Pocket
  • このエントリーをはてなブックマークに追加
  • Clip to Evernote
  • LINEで送る
コメントはこちら。

  関連記事

Dyson新商品「Airblade」発表イベントでジェームズ・ダイソン本人と握手してきたぞ!

トイレに行くとついついズボンで手を拭いてしまいます、むねさだ(@mu_ne3)で …

「川崎ブログバカ!3代目!」開催!今回はみんなでブログデザインをいじってみたぞ!

川崎ブログ合宿改め、川崎ブログバカ!3代目!という、ブロガーが集まるイベントを主 …

Windows8って仕事で使えるの?そんな疑問を解決するため、Microsoft本社に行って来たぞ!

日本マイクロソフトさん主催のブロガーイベント、 Windows8の魅力を一挙紹介 …

ブログを使って自分はどうなりたい?2014ブロガーフェスティバルに参加してきたぞ! #ブロフェス2014

このむねさだブログを始めて、約2年半が経ちます、むねさだ(@mu_ne3)です。 …

第2回川崎ブログ合宿を開催!直接会ってじっくり話し合うことで多くの刺激を得たぞ!

8月末に行った、川崎ブログ合宿。 これの第二回目を、前回と同じくうちのマンション …

2016ブロガーフェスティバルは9/24開催!登壇内容をチラッと紹介するぞ! #ブロフェス2016

ブログ歴はもうすぐ7年になる、むねさだ(@mu_ne3)です。 先日ブログでも紹 …

「瀬戸弘司さんのYouTube動画作成・編集セミナー」に参加してきたぞ! #YouTuberSeto

動画を撮るときは、デジタル一眼の動画機能を使っています、むねさだ(@mu_ne3 …

次回は300年後の金環日食まであと1週間切っていた!みんな準備は良いか!?

2012年5月21日。   この日は、関東・大阪・名古屋でばっちりと金 …

プロカメラマン水咲奈々さんに水族館写真撮影のコツを教わったぞ! (Adobe主催イベント)

写真を撮るのが大好きな、むねさだ(@mu_ne3)です。 先日、久しぶりにデジタ …

【8/27開催!】第二回ふるさと甲子園でご当地グルメ、何食べる!?これはめっちゃ楽しみだぞ!

美味しいものが大好きな、むねさだ(@mu_ne3)です。 ついに、ついに、第二回 …