2010年4月16日 
ウェブデザインにおいてよく使われている色のひとつは、ベージュを中心としたナチュラルカラーです。
主に紙テクスチャやグランジスタイルなどと一緒に使うことで、さらに自然な風合いに仕上げたホームページ、ブログなども見かけるようになっています。
このベージュ色を使うことのメリットとして、ナチュラルで中性的なイメージからどんなデザインにも合わせやすいという点があります。
今回はNettuts+で、ベージュ色を使ったやさしい印象のウェブサイト25個をまとめた「Colorful Inspiration : WOnderful Uses of Beige」が公開されていたので、ご紹介します。
どのウェブサイトもデザイン性にすぐれたクリエイティブな発想を感じさせてくれるものばかりとなっており、アイデアの参考としてみていただくとよいかもしれません。
詳細は以下から。
ナチュラルカラーを使ったウェブサイトデザインまとめ
WordPressのテンプレートを制作、販売しているウェブサイトのひとつ。
かすかなグランジ風の紙テクスチャを重ねることで、ナチュラルな仕上がりとなっています。
目にもやさしく親近感の沸くデザインではないでしょうか。
色あせた紙テクスチャを使い、そこに水彩画風デザインを加えたデザインが好印象。
緑色がよいアクセントカラーになっています。
型押しプレス風ロゴと背景色のバランスがとてもよく、参考になる配色としてメモ。
ベージュを使った人気デザインのひとつはやはりレトロデザインではないでしょうか。
こちらも配色の参考になりそうなのでメモ。
ざらざらした質感のノイズテクスチャを背景に使うことで、自然なぬくもりのあるイメージを与えることができそうです。
テキスト以外はロゴと簡単な円形シェイプのみのミニマルなウェブデザインのひとつ。
背景にベージュを使う場合、テキストも真っ黒ではなく灰色などを使うとよさそうですね。
ベージュ色は企業用サイトなどでもよく使われており、エレガントな印象を与えてくれます。
こちらのサイトでは、オーナメント風のベクターデザインを淡くグラデーションを使って重ねた魅力的なデザインを使っています。
ベージュ色にほんの少しのグランジスタイルを加えるだけで、自然な質感を演出してくれます。
余白スペースをたっぷり使うことで、とても見やすいデザインに仕上がっています。
アイコンなどでデザインにスパイスを加えてみるとよいでしょう。
グリッドを使い等間隔に4分割したデザインが分かりやすいウェブサイトのひとつ。
ボックス枠を統一することで、ユーザーに直感的なサービスを提供できるかもしれません。
イラストをヘッダー部分に大きく利用することで、アート性を高めオリジナリティーを出すことが可能です。
ヘッダー部分に大きくレイアウトされたイラストがインパクトがあり、一度訪れたら忘れそうにありません。
ウィンドウ幅に応じてレイアウトが変化するリキッドタイプのウェブデザインを使っています。
配色もベージュを基調に色の濃淡を変化させるだけですが、とてもオシャレに仕上がります。
水平方向にカーソルを動かすユニークなデザインとなっており、本物そっくりの紙テクスチャを使ったデザインはインパクトがあります。
ナチュラルなベージュ色には緑やオレンジといったカラフルな色合いがよいアクセントカラーになります。
手書き風デザインをかわいくレイアウトし、やさしい質感を表現しています。
こちらも緑、オレンジの配色を使ったデザインのひとつ。
親しみやすいデザインを作成したいときに参考になるかもしれません。
写真をメインに紹介しているポートフォリオサイトなどにおいてもデザインの邪魔をしない色としてベージュ色は使われているのをよく見かけます。
グランジスタイルのノート風デザインを背景に利用したウェブサイトのひとつ。
淡い質感を出したいときに参考にしてみるとよいかもしれませんね。
ビンテージ風デザインなどにおいても、古びた紙テクスチャにベージュ色は利用されています。
色別にさまざまなウェブサイトデザインを見ているだけでもアイデアの参考になりそうですね。
これまでには茶色をベースにしたウェブサイトをまとめたエントリーを公開していますので、エレガントなデザインがお好みの方は参考にしていただくとよいかもしれません。
茶色を使ったシンプル、エレガントなウェブサイトデザイン50個まとめ
参照元サイトにも今回紹介した以外の参考になるウェブサイトがたくさんまとめられていますので、こちらもよろしかったら一緒にどうぞ。
[参照元 : Color Inspiration : Wonderful Uses of Beige - Nettuts+]
