« 魅力的なブログデザインのトレンド(その2) | メイン | ウェブデザイナーとウェブ開発者のためのChromeアプリ10選(その1) »
魅力的なブログデザインのトレンド(その3)
2010年12月22日
今回もブログデザインにとても役立つ様々なタイプのサイトをいくつか紹介していきます。
・遠近法と奥行き
様々な重複や傾斜角、あるいは陰影のおかげで、デザイナーは現在目の錯覚をよく起こさせるレイアウトを作ることが出来るようになりました。
これは魅力的かつリアルなヴィジュアルで訪問者をそのページをより長く滞在させるための策略なのです。
Viget.com
http://www.viget.com/inspire/
いくつかの奥行きを用いています。2つ目の山の向こうからブログタイトルが見えますね
Acrossamerica.robweychert.com
http://acrossamerica.robweychert.com/
黄色の線が地平線の向こうからずっと伸びてきているように見えます。
Clubjuicy.no
http://www.clubjuicy.no/
二人の男性が、ブログを支えているように見えます。ブログって一人で持つには重いのでしょうか
・大きな画像
ブログデザインで用いられていた画像やそのクオリティは今やかなり大きくなりました。
こういった画像はあなたのサイトに引きこむための巨大なロゴやヘッダーと全く同じ働きをしています。
加えて、このような傾向は魅力的で生き生きとしたデザインに確実に影響を与えているのです。
Darjanpanic.com
http://www.darjanpanic.com/
背景の巨大な画像が目を引きます。これは海洋系の生物をモチーフにしているのでしょうか
Pleppo.fi
http://www.pleppo.fi/
北欧のサイトです。サイト全体が大きな部屋になっており、メニューをクリックすると…
Fritz-quadrata.de
http://www.fritz-quadrata.de/
背景の画像が目を引きます…と言いたいところですがこっちに向かってニカっと笑っている牛が一番目立っているように思います
・インフォメーションボックス
通常サイトの左上にはブログ主の能力や経験といった知らせる必要のある個人的な情報が書かれています。
そういった短い紹介をするのは、所謂「プロフィール」といったページを用いずに自己紹介をするのには良い方法です。
加えて、サイトを訪問してブログを読んでいる人にフレンドリーで感じのいい印象を与えやすくなります。
Prowseed.com
http://www.prowseed.com/blog/
名前だけざっくり書いてありますが、あるとないとでは全然印象が違いますね
Hicksdesign.co.uk
http://www.hicksdesign.co.uk/journal/
こちらは名前とブログの説明があります。そして簡単な読者に向けてのメッセージが加えてあります
Justincline.com
http://www.justincline.com/
シンプルですが、簡潔に自己紹介が書いてあります。しかも顔写真付き。写真の有無で印象って変わるものですね
・中央揃えのレイアウト
ブログを立ち上げる際、ウェブデザイナーは融通が利くウェブサイトを作るためにしばしば中央揃えのレイアウトを用います。
左右に余白を使うことで、ユーザーを記事に集中させやすいようにしています。
Rudeworks.com
http://rudeworks.com/
背景を真っ黒にすることで、記事と背景の境界をなくしています。良い意味でブログらしくないデザインです
Thedesigncubicle.com
http://www.thedesigncubicle.com/
記事ではない部分、例えばメニューボタンといったものが、とてもすっきりとまとまっています
Blog.iso50.com
http://blog.iso50.com/
シンプルにまとめながら音楽のプレイリストや注目の記事など、必要なものも削らないようにしています
テンプレートモンスター ジャパンのWordPress（ワードプレス）テンプレートはとても先進的なウェブデザイントレンドを取り入れており、数分間でインストール出来ます。下記のデザインを見てください。
残りのワードプレステンプレートもあなたのユニークなブログデザインを叶えられるエレガントで流行のものだということが分かるでしょう。
テンプレートモンスター ジャパンのワードプレステンプレート、一例です。
テンプレートNo.29577 FOOTBALL BLOG
中央寄せと大きな画像をうまく組み合わせて使っています。インパクトと見やすさを両立させていますね
テンプレートNo.29527 Jensen Design Studio
グリッドと中央寄せを組み合わせています。見やすさを極力重視したデザインです
テンプレートNo.31525 Webo Creative Design Studio
余白、中央寄せ、グリッドをブレンドしています。アイコンだけにすることによって直感的に行きたい所に飛べるようになっています
これらのテンプレートはあくまで一例です。ワードプレステンプレート一覧はこちらから
3回に渡ってブログデザインのトレンドをご紹介してきましたが、いかがだったでしょうか。
このトレンドを上手く組み合わせてあなただけのブログデザインを考えてみてください。
スポンサードリンク
トラックバック
このエントリーのトラックバックURL:
http://blog.templatemonster.jp/mt-tb.cgi/111