3月に入り、季節的にもあたたかい春がやってきていることを実感しています。
あたたかくなるにつれて、カラフルな色彩を使ったデザインを見かけるようになります。
ウェブデザインにおいては、ポップな色使いによって、ページを訪問したときのインパクトを与えることもできますし、デザイン性にもすぐれたレイアウトが印象的です。
今回は見ているだけでもたのしくなる、カラフルな色使いのウェブサイト55個をまとめた「55 Colorful Web Designs to Inspire You」をご紹介します。
どのウェブサイトもユニークな色使いが魅力となっており、ウェブレイアウトやボタン、ナビゲーションなどのUIデザインも参考となるデザインがたくさん使われていますよ。
詳細は以下から。
カラフルな色使いのウェブサイトまとめ
Haäfe & Haph
いろいろなシェイプにデザインされた「&マーク(ampersand)」をイラストレーターで編集可能なEPSファイルでダウンロード販売しているユニークなウェブサイト。
カラフルなグラデーションを使ったテクスチャに、型押し風文字をデザインしています。
Havaianas
ブラジルで生まれたカラフルなビーチサンダルを販売している企業用ウェブサイト。
水彩絵の具を使って描いたような淡い色の組み合わせが、ブランドイメージともうまくはまっています。
ウィンドウ幅を考えずに、大きな背景画像を使うことでレイアウトもすっきりと魅せていますね。
Colorchakra
全編フラッシュを使ったデザインオフィスのポートフォリオサイト。
カラフルなデジタルグラフィックをウェブサイト全体にデザインしており、伝えたいポイントに目がいくように施されてます。
ウェブサイトのスムーズでなめらかな動きも、個人的には好印象です。
Christmastweets
クリスマスに関するtwitterのtweetsをまとめて、ジャンルごとに統計などを公開しているコミュニティーサイト。
淡い青とピンクのグラデーションに光がきらきらしたようなボケデザインがきれいにデザインされています。
Frances Cycles
自転車をフレームなどのパーツごとにオンライン販売しているウェブサイト。
作業の様子が伝わってくる写真を背景に大きく使っており、黄色のフレームがかわいいです。
Gulcone-R
写真をスライドさせることで、背景画像も一緒にスライドするユニークなデザイン。
写真と背景に共通するポップなカラーリングが写真を見ることに集中させてくれます。
Rareview
半透明のデザインを使ったウェブサイトでも紹介しましたが、カラーリングもとてもきれいなので再度エントリー。
ありがちな虹色グラデーションを円形にデザインし、さらにグランジテクスチャを加えることで、ウェブサイトに奥行きを与えています。
Leaf A Legacy
ポップな色使いを表現するときにはイラストを用いたサイトもよく見かけます。
独特な色彩感覚でデザインされたユニークなキャラクターがいい味出しています。
Fuel
こちらもうつくしいグラデーションを使ったウェブサイトで紹介されてましたが、コンテンツごとにカラフルなグラデーションを使ったデザインとなっています。
The House Media
デザインオフィスのポートフォリオサイトのひとつ。
イラストレーターでデザインしたようなベクター素材をヘッダー部分にレイアウトしています。
カラフルなウェブサイトには淡いグラデーションをデザインによく使用しているように感じます。
Stefan Asemota
ポップなカラーリングをさらに効果的に魅せる方法として、背景画像のデザインが重要になってきます。
こちらのサイトには、淡い青のグラデーションを背景全体にレイアウトすることでエレガントな雰囲気に仕上がっています。
1pxの白ライン、立体的リボンデザインなど今年のウェブトレンドにも配慮したデザインではないでしょうか。
The Touch Agency
背景全体に写真画像を表示することで、カラフルなイメージを描くこともできそうです。
こちらは片付けられていない乱れた机の上をそのまま撮影しているようです。
タイトルに使われているフォントはヘルベチカとなっており、ポップなイメージとマッチしています。
Kiki and Bree
きれいな配色だけでなく、かわいい子供モデルを効果的に使ったバナーデザインが特長のショッピングサイトのひとつ。
背景は淡い色でデザインすることで、写真画像がさらに鮮やかに見えてしまいます。
Rekkiabilly
テクスチャの使い方がとても参考になるレトロデザインを使ったウェブデザイン。
Teleios Man
大きなタイポグラフィーを画面全体に表示するだけでも、色使いによってインパクトのあるデザインに仕上がります。
シンプルなデザインとなっていますが、背景に淡いグラデーションをかけ、テクスチャ素材を組み合わせることで質感の良いウェブサイトのひとつではないでしょうか。
Aussie BBQ Legends
デザインがとてもユニークだったので、メモとしてエントリー。
継ぎ目のないパターンをウェブサイトの背景デザインに使いたいときに参考になりそうです。
参照元サイトにはこのほかにもデザインのインスピレーションになるようなユニークなウェブサイトがいろいろまとめられています。
よろしかったら、一緒にどうぞ。
[参照元 : 55 colorful Web Designs to Inspire You – Web Design Ledger]