細かいところまで素敵なデザインのブログ5つ

日本国内でも、結構利用者の多い海外ブログ。
改めてよく見ると、なかなか細かいところまで作りこまれている事に気が付きます。
今回はそんな素敵ブログの、細かいところに焦点を当ててみます。
Deziner Folio

ロゴからして素敵なわけですが、細かいパーツも結構手が込んでいてクール。
結構前にも紹介しましたが、再度見てみます。
まずRSSアイコンがいい味出してます。

吊られちゃってますね。
RSSアイコンが目立たせる効果を演出する配色センスのなせる技でしょうか。

ページの送りもさりげなく反射効果を持たせてあり、しっかりCSSで表現してます。

フッターにもflickerの配置によって足元綺麗になってます。
ダウンロードページには、オリジナルダウンロードボタンがあり、これまた素敵なんですよね。

N.Design Studio - Blog & Design
N.Design Studio

私の中ではかなり印象が強く残っているブログの一つ。

透明の使い方も気になるところですが、何よりもインパクトのあるデザイン。

記事に必ず130px 115pxの画像が添付されている。
一定のルールを守り投稿する事で、一定のUIデザインを確立。

AdSenseのはまり方も一つのデザインとなってますね。
Web Designer Wall
Web Designer Wall

私の中では最高のブログデザイン。
一度みたら忘れられないですが、細かいところが本当に良く作られていて勉強になります。
一つ一つ分解していきます。

feedburnerのRSS購読者を表示。圧倒的数字ですが、デザインの一部に。

エントリの上に、さりげなく矢印でタグを表示。
同じようなカテゴリをここから探していける。UIとしても素敵な機能。

エントリ名の右に噴出しによってコメント数を表示。コメントの多いブログならではの技でしょうか。
また、先ほどのブログ同様、記事には必ず一定のサイズの画像が張り付いています。
エントリを、エントリとして判断する為の、一定のルールが徹底しています。
記事を開くと、その画像の部分がAdSenseに切り替わると言うにくい演出も好きですね。

メニューも手書き感たっぷりのデザイン。
マウスオーバーによって、鉛筆で丸をつけたようなイラストに切り替わるのも見逃せません。

エントリの最後にいる『digg it』
ソーシャルブックマークのdigg押してくれ、と言っているわけですが嫌味に見えないのが素敵。
Goto CSS3
Goto CSS3


なんだかよくわからない岩にCSS3と彫って有り、そこに目がいった時点でこのブログはなんだろうと興味を抱く事に。

桜の飛び出しと水がフッターまで流れ落ちているのが印象的。
IEではきちんと見えて、firefoxだと、バックグラウンド落ちしている部分があるのは気にしない。
Freelance Folder
Freelance Folder

ロゴにさりげなく隠れているRSSアイコンが印象的。

記事の一番下に配備されている『関連エントリ』の横に、各種ソーシャルブックマークボタンと、広告を配置。
ついでにRSSボタンも配置。
結構いいアイデアではないでしょうか。
以上。
私の頭に残った印象的な5つのブログデザインでした。