落ち着きがないですが、またデザイン変えちゃいました(;^ω^A
これでWordpress3つ目の自作テーマ。

※すみません、この記事からさらにさらにブログをリデザインして古い情報になっています。。。(2014/05/07 現在)

ステキブログを研究してみた

ブログの目的っていろいろあると思うんです。

• ほんとに単純に自分の日記、自己満ブログ
• 人に情報を供給したい、便利ブログ
• メモ帳代わりの備忘録ブログ
• アフィリエイトでお小遣い稼ぎブログ

などなど。
自己満ブログなんかは、自分が読めれば、または書くことでストレス発散になれば、
それでいいと思うんです。
私の場合は、自分のメモってのもありますが、
誰かと語りたい、共有したい（できれば教えてほしい(´ε｀#)・・・）ブログなので、
他の人が見たときに見やすいブログにしないと見てもらえないよなぁと…思いまして。

少しでも見てもらえるようにを気にしつつデザインしたのですが、なかなか難しいのです・・・

今回のリニューアルでその見やすさを追求するにあたって、いつもたのしく読ませていただいてる人気ブロガーさんのブログをじっっっっと見てみたんです。

大好きなブログはたくさんあってフィード登録してるものは必ずかかさず見てるのですが、その中でもとくにデザインがきれいなWebデザイナーさんの超有名ブログ。

• ホームページを作る人のネタ帳
• Webクリエイターボックス
• Webデザインレシピ
• VIVID COLORS＋BLOG

デザインがステキで読みやすい”ステキブログ”を、とにかくじっっっっっっっっっと見つめたんです。

記事部分の背景が白。

私の前のテーマは記事部分の背景が黒だったんです。
やっぱり背景黒って読みにくいよなぁ・・・とずっと前から気になってはいたのですが…。

やっぱ紙で文字を見慣れてるので、背景白が一番見やすいんですね。
読みやすいブログはやっぱり白背景が多いように思います。
Webデザインレシピさんは真っ白ではなく、テクスチャが入ってるうすーいグレーですが明るめの色なので文字見やすくて素敵ですよね。(しかもかわいい。よだれが出るほどかわいい（´q｀*）)

記事部分のwidth(横幅)

最近のデザインとちょっと昔のデザインの大きな違いの一つは、
ホームページ全体の横幅だと思います。
モニターの画面解像度やらウィンドウサイズが昔と変わってきてるのが原因ですが、
昔の横幅狭いデザインだと、でっかいモニタで見ると”ぽちょん”ってしてて、
しょぼく見えちゃうんですよね。

最近のデザインは「枠」を感じさせないですよね。
昔はグローがかかった背景の中にすべてのコンテンツを詰め込む、
といったデザインが多い感じでしたが、最近はきっちりした枠を設けず、
枠を作ってたとしても、headerやらnaviやらfooterが横に突き抜けてる感じが多い。
どんなモニタでみてもサイトの幅ってものが気にならず、
シュッとしてて広々、見栄えが良い感じですよね。

有名ブロガー様たちもサイト全体はゆったりサイズ。
だけど、記事が書かれている部分の横幅がほぼ520px前後でした。
人が横書きの文字を読むとき、あんまり横に長ーい文章は読みづらいものです。

いい感じのとこで改行してくれないと読みづらい。
520pxくらいがちょうどいい感じに目が動くのかと思われます。

↓VIVID COLORS＋BLOGさん。↓
全体はゆったりしてるのに、記事の文章は目が追っていきやすい絶妙なバランス！かわいー（´q｀*）・・・。

私の今回のデザインは記事部分が560pxくらい。

・・・・・・・・・広いじゃないか(･ε･。)

前回よりはだいぶせまくしたのですが、すでに投稿している記事内の画像がでっかかったので、
これが限界…
早くもダメじゃないかｗ

余白を十分に、文字は大きく。

全・ステキブログ共通にline-height（行の高さ）は160％以上
pタグ(段落)ごとの余白をしっかりとっていて、1つのまとまりがすっきりみやすいんですよね～。

余談ですが、アメブロってやたらと改行を使いたくなるみたいですね。
一言書いていっぱい余白、一言書いていっぱい余白、、、ってよくみかけませんか？
原因はデフォルトの文字サイズが小さいことと行間がぎゅうぎゅうなんですよね。

こんなかんじ。

で、ユーザーは見やすくなるようにいっぱい改行してるんですが、ガラケーで見る人にとっては、画面下をおしておして・・・、いっぱいページ遷移・・・っていうめんどくさいことに(;^ω^A

「読みやすい絶妙なバランス」…ってなかなか難しいことですね。

統一感＆対比

ステキブログは、リンク色がほぼ統一されていて、文字色をいろいろ使いすぎてないんですよね。
私の前のテーマは気分でコロコロ文字色変えてたので、今回は修正するよう心がけました。
また、ステキブログはhタグ(見出し)、ｐタグ(段落)、liタグ(リスト)、strong(強調)など、それぞれのデザインがわかりやすく指定されていて、情報が整理されていて見やすい。

単調に同じ文字でつらつら書いると読みづらいですが、
しっかりメリハリがきいてて目で見てわかりやすいです。
画像もたくさん使ってて、そのへんのセンスがこれまたステキ。

そのほかにも、左カラムに記事、右カラムにカテゴリーやタグなどの情報ってのも共通事項。
ブログってほぼこの形が多いですが、なんでだろう？
でももうこれに慣れちゃってもうブログはこんなもんッて感じがするけど・・・。
で、全部2カラム。3カラムにすると必然的に十分な余白をとることが厳しくなるからかな？
あと、Wordpressだ。。。

ステキブログの素敵さは、何といっても見やすいはもちろん、全部、
デザインがステキ。
記事がためになる。
これにつきますｗ

ブログでなくっても、情報を整理して見やすく提供するのって、なんて難しいんでしょう、、、って日々思います。
なんとなく吸収できるところはやってみようと思うのですが、あのシュッとした読みやすさ、そう簡単に表現できるものではなく。。。
私には気付けない何か秘密があるのかな(;^ω^A
なにかお気づきの点、こうしたら良くなるんだぜっ、なんてのがありましたら教えてください(._.)

まだまだ私の落ち着きのないテーマ変更は続きそうです。。。