Blog

白を引き立てる白のサイト

2012.12.05Cat:webデザイン デザイナー

白は、Webサイトのデザインの中で、最も多く使う色なのではないかと思います。

今回、白をメインテーマにしたサイトのデザインをすることになったので、

ただ白を使ったサイトではなく、白をうまく引き立てたデザインのWebサイトを探してみました。
website01
http://www.storia-wedding.jp/

上品な空の青が、新婦さんのドレスの白を綺麗に引き立てています。
website02
http://kuad-entrance.com/

余白を多く使い、白のイメージを強め、

淡いグレーが白の邪魔をすることなく、白の一部のようにして、白を引き立てています。
website03
http://g-u-k.jp/

極端に余白を大きくし、有彩色の色を使わないことで、白のイメージが印象に残ります。

 

まとめ

白を引き立てたサイトの特徴として、次のような印象を感じました。

・余白を大きく取り、白の印象を強める(色のついた場所を極力小さくする)

・上品な有彩色を背景に使って、白の白さを引き立てる

・淡いグレーやベージュを用いて、白を邪魔することなく、白の陰影のような印象にすることで、メリハリを付ける。

 

以上のようなことを、参考に、白のサイトのデザインをしてみたいと思います。

 

Author Profile

ninomiya
ninomiya

Webデザイナー兼コーダーです。
イラストを描くのも好きです。
SVGとCanvasを使ったWEBアプリにも興味があります。
よろしくお願いいたします。

» 投稿一覧
  • Launch Cart次世代ECサイト構築システム 初期月額無料
  • LaunchMovie ECに特化した動画制作サービス

Archive

ページTOPへ