余白スペースをうまく使ったおしゃれなウェブサイト20個まとめ

20whitewebsite

見やすくて、おしゃれなホームページとはどういうものでしょう。

通信速度の向上、ウェブデザインの進歩によって、ウェブデザインの可能性は広がっていると感じます。

画面表示サイズも960px以上のウェブサイトが主流になっており、余白をうまく活用することで、より読みやすいウェブサイトに仕上げることができます。

 

今回は、そんな余白をたっぷりと使った、おしゃれなウェブサイト20個をまとめた「20 Wonderful White Websites」をご紹介します。

どれも、とても読みやすいレイアウトになっており、ユーザーに対するアプローチがシンプルでとてもおしゃれです。

その中でも特に気になったサイトをいくつかまとめてみました。

 

詳細は以下より。

 

Alcain Blue

白黒のシンプルなウェブレイアウトが好印象です。

ヘッダー部分に細かくデザインされている版画風デザインがとてもクールに仕上がっています。

alcian_blue

 

Chemistry

ノートに手描きしたようなシンプルで分かりやすいレイアウトが魅力的です。

ちぎられたノートなどのデザインが遊び心があっていいですね。

カラフルなストライプもよいアクセントになっていて、色の参考によさそうです。

chemistry

 

Hyepr Island

こちらはモノクロデザインがシンプルですが、クールなブログタイプのウェブサイトになっています。

絶妙な白と黒のバランスがうまいです。

これを日本語に変更すると、、どうなんでしょう。

hyper_island

 

Mission Bicycle

個人的にとても気に入った色使いだったのがこちら。

サンフランシスコにある自転車屋さんのホームページなんですが、かっこいいです。

余白をたっぷり使ったメニューボタンは、初めて来たユーザーにも親切です。

紹介されている自転車も欲しくなるようなものばかりです。

mission_bicycle

 

Nick Finck

自己紹介用ポートフォリオサイトなどでは、余白スペースを広く使う傾向があります。

伝えたいことだけをシンプルに伝える、とても有効的なテクニックです。

nick_finck

 

Vitra Direct

ショッピングサイトにおいても、余白スペースを広く使うことで、商品を引き立てる効果があります。

また、サムネイル画像を大きくすることでユーサビリティの面においても、見やすくていいのではないでしょうか。

こちらは赤がデザインのアクセントになっている、家具オンラインショップです。

vitra_direct

 

まとめには掲載されていなかったのですが、いくつか個人的にもメモとして追記しています。

 

Morphica

日本のサイトで家具や雑貨などを扱っていらっしゃいます。

グリッドを使ったレイアウトが見やすくて、目的の商品を探しやすいです。

morphica

 

WeShootBootles

水平方向にスライドするユニークなウェブサイトです。

ビジネスもユニークで、「ボトルを専門に撮影」してくれるようです。

姉妹サイトに、「缶を専門に撮影」してくれる、WeShootCansもあります。

weshootbottles

 

PolarGold

ドイツを拠点に活動しているデザイン事務所のホームページなのですが、とても色使いが気に入っています。

また、極太フォントにカーソルを合わせたときの、ファンタジーなエフェクトは必見です。

polargold

 

よろしかったら、参照元サイトもあわせてどうぞ。

[参照元 : Web Designer Help >> 20 Wonderful White Websites]