Advertisement

55colorfulwebsite

 

3月に入り、季節的にもあたたかい春がやってきていることを実感しています。

あたたかくなるにつれて、カラフルな色彩を使ったデザインを見かけるようになります。

ウェブデザインにおいては、ポップな色使いによって、ページを訪問したときのインパクトを与えることもできますし、デザイン性にもすぐれたレイアウトが印象的です。

今回は見ているだけでもたのしくなる、カラフルな色使いのウェブサイト55個をまとめた「55 Colorful Web Designs to Inspire You」をご紹介します。

どのウェブサイトもユニークな色使いが魅力となっており、ウェブレイアウトやボタン、ナビゲーションなどのUIデザインも参考となるデザインがたくさん使われていますよ。

 

 

詳細は以下から。

 

 

カラフルな色使いのウェブサイトまとめ


 Haäfe & Haph

 

いろいろなシェイプにデザインされた「&マーク(ampersand)」をイラストレーターで編集可能なEPSファイルでダウンロード販売しているユニークなウェブサイト。

カラフルなグラデーションを使ったテクスチャに、型押し風文字をデザインしています。

colorfulsites14

 

 

Havaianas

 

ブラジルで生まれたカラフルなビーチサンダルを販売している企業用ウェブサイト。

水彩絵の具を使って描いたような淡い色の組み合わせが、ブランドイメージともうまくはまっています。

ウィンドウ幅を考えずに、大きな背景画像を使うことでレイアウトもすっきりと魅せていますね。

colorfulsites32

 

 

Colorchakra

 

全編フラッシュを使ったデザインオフィスのポートフォリオサイト。

カラフルなデジタルグラフィックをウェブサイト全体にデザインしており、伝えたいポイントに目がいくように施されてます。

ウェブサイトのスムーズでなめらかな動きも、個人的には好印象です。

colorfulsites46

 

 

Christmastweets

 

クリスマスに関するtwitterのtweetsをまとめて、ジャンルごとに統計などを公開しているコミュニティーサイト。

淡い青とピンクのグラデーションに光がきらきらしたようなボケデザインがきれいにデザインされています。

colorfulsites05

 

 

Frances Cycles

 

自転車をフレームなどのパーツごとにオンライン販売しているウェブサイト。

作業の様子が伝わってくる写真を背景に大きく使っており、黄色のフレームがかわいいです。

colorfulsites07

 

 

Gulcone-R

 

写真をスライドさせることで、背景画像も一緒にスライドするユニークなデザイン。

写真と背景に共通するポップなカラーリングが写真を見ることに集中させてくれます。

colorfulsites08

 

 

Rareview

 

半透明のデザインを使ったウェブサイトでも紹介しましたが、カラーリングもとてもきれいなので再度エントリー。

ありがちな虹色グラデーションを円形にデザインし、さらにグランジテクスチャを加えることで、ウェブサイトに奥行きを与えています。

colorfulsites06

 

 

Leaf A Legacy

 

ポップな色使いを表現するときにはイラストを用いたサイトもよく見かけます。

独特な色彩感覚でデザインされたユニークなキャラクターがいい味出しています。

colorfulsites10

 

 

Fuel

 

こちらもうつくしいグラデーションを使ったウェブサイトで紹介されてましたが、コンテンツごとにカラフルなグラデーションを使ったデザインとなっています。

colorfulsites11

 

 

The House Media

 

デザインオフィスのポートフォリオサイトのひとつ。

イラストレーターでデザインしたようなベクター素材をヘッダー部分にレイアウトしています。

カラフルなウェブサイトには淡いグラデーションをデザインによく使用しているように感じます。

colorfulsites16

 

 

Stefan Asemota

 

ポップなカラーリングをさらに効果的に魅せる方法として、背景画像のデザインが重要になってきます。

こちらのサイトには、淡い青のグラデーションを背景全体にレイアウトすることでエレガントな雰囲気に仕上がっています。

1pxの白ライン、立体的リボンデザインなど今年のウェブトレンドにも配慮したデザインではないでしょうか。

colorfulsites17

 

 

The Touch Agency

 

背景全体に写真画像を表示することで、カラフルなイメージを描くこともできそうです。

こちらは片付けられていない乱れた机の上をそのまま撮影しているようです。

タイトルに使われているフォントはヘルベチカとなっており、ポップなイメージとマッチしています。

colorfulsites18

 

 

Kiki and Bree

 

きれいな配色だけでなく、かわいい子供モデルを効果的に使ったバナーデザインが特長のショッピングサイトのひとつ。

背景は淡い色でデザインすることで、写真画像がさらに鮮やかに見えてしまいます。

colorfulsites19

 

 

Rekkiabilly

 

テクスチャの使い方がとても参考になるレトロデザインを使ったウェブデザイン。

colorfulsites20

 

 

Teleios Man

 

大きなタイポグラフィーを画面全体に表示するだけでも、色使いによってインパクトのあるデザインに仕上がります。

シンプルなデザインとなっていますが、背景に淡いグラデーションをかけ、テクスチャ素材を組み合わせることで質感の良いウェブサイトのひとつではないでしょうか。

colorfulsites26

 

 

Aussie BBQ Legends

 

デザインがとてもユニークだったので、メモとしてエントリー。

継ぎ目のないパターンをウェブサイトの背景デザインに使いたいときに参考になりそうです。

colorfulsites30

 

参照元サイトにはこのほかにもデザインのインスピレーションになるようなユニークなウェブサイトがいろいろまとめられています。

よろしかったら、一緒にどうぞ。

 

[参照元 : 55 colorful Web Designs to Inspire You – Web Design Ledger]