カラフルな色使いが参考になるウェブサイトデザイン35個まとめ

 

 

カラフルな色使いはお好きですか。

ウェブサイトにおいては利用する配色を変更するだけで、ガラリと印象を変えてしまうことも可能です。

 

海外デザインブログWeb Design Ledgerで、カラフルな色使いが参考になりそうなウェブサイトデザインを35個まとめたエントリー「35 Colorful Web Deisgns to Inspire You」が公開されていたので、今回はご紹介します。

使われている配色はアイデアやインスピレーションの参考になるのではないでしょうか。

 

 

詳細は以下から。

 

 

カラフルな色使いが魅力的なウェブサイトデザインまとめ


 

Puma Running

カラフルな色使いがアクセントとなったヘッダー部分が立体的にスライドするユニークなウェブサイト。

テキスト部分には落ちついた緑色を使用しています。

 

 

Walt

鮮やかな水色を使ったグラデーションが立体感を表現しているシンプルなウェブサイトデザインのひとつ。

イラスト風に描かれたマスコットキャラクターが引き立つデザインとなっています。

 

 

Pixelslave

グリッドラインで区切られたスペースをカラフルな色使いの正方形をレイアウトしたデザイン。

それぞれのコンテンツに応じて背景デザインを切り替えるなど見た目だけでもたのしませてくれます。

 

 

So1o

オンラインでプロジェクト管理ができるツールを公開しているウェブサイトで、綺麗なオレンジ色を使った背景デザインにはノート風テクスチャパターンが利用されています。

 

 

Postmark

目がチカチカしそうな黄色も発色を考えることで、デザインのアクセントとして利用することができそうですね。

 

 

Tricycle Inc

企業用ウェブサイトレイアウトの参考になりそうなウェブサイトデザインのひとつ。

グリッドを利用したモダンでエレガントな印象を与えることができそうです。

 

 

Restaurant Nuevo Aurich

すぐにでも食べたくなるメキシカン料理の品々をそのままヘッダーデザインとして利用したユニークなデザイン。

飲食店などのウェブサイトデザインなどにいかがでしょう。

 

 

Served

ウェブサイトを開くたびにランダムに表示されるカラフルなグラデーションカラーを背景に利用したデザイン。

個人的に配色の参考としてメモ。

 

 

Hugs for Monsters

手書きのアートデザインと落ち着いたカラーリングが魅力的なウェブサイトデザインのひとつ。

背景デザインとして利用されているグランジ風ざらざらテクスチャ素材が素朴なテイストを表現しています。

 

 

Brand New Conference

こちらもエレガントでオシャレな配色が参考になりそうなウェブサイトデザイン。

 

 

Flight of the Conchords

古いレトロテイストをデザインしたホームページデザインの好例として。

グランジテイストを取り入れ、枠組みなどを軽くぼかすことがポイント。

 

 

Ryan Keiser

黄色と水色を使い、大胆な巨大タイポグラフィーなどマガジン風レイアウトの参考用ウェブサイトデザイン。

特にフッタの色使いは参考になりそうです。

 

 

Life Lab

活動的で元気な印象を与えてくれるピンクとオレンジの組み合わせが、企業用ウェブサイトデザインの参考になるのではにでしょうか。

 

 

There

色使いも参考になるのですが、それ以上にこのサイトは一度のぞいてもらうと、、すごいです。

 

 

Vivo Group

フルスクリーンで写真をスライドさせるデザイン性の高いウェブサイトのひとつ。

利用する画像によって、色々なアイデア、プロジェクトなどに利用することができそうです。

 

 

Cassius

むらさき色と黒を基調にデザインされたスタイリッシュな印象のダーク系ウェブサイトデザインのひとつ。

グリッドレイアウトを利用することで、すっきりとまとまりのあるレイアウトに仕上げることができます。

 

 

Designfabrika

虹色ストライプ柄とウッドテクスチャ素材をあわせたユニークな世界観が可愛いポートフォリオ。

巨大なタイポグラフィーを余白たっぷりで利用することで、わかりやすく、オシャレにレイアウトすることができそうですね。

 

 

River City Church

ペンキを飛び散らしたようなスプラッターデザインとハーフトーンデザインを組み合わせたポップなデザイン。

色使いやレイアウトの参考になりそうなので、メモとしてエントリー。

 

 

ZenDesk

企業用コーポレイトサイトデザインの参考になりそうなウェブレイアウトの好例。

みどり色を利用することで、親しみやすく、やさしい印象を表現することができそうです。

 

 

Daguia Tortas Finas

美味しそうなスイーツをレイアウトしたカフェや飲食店などのウェブサイトの参考になりそうなレイアウトデザイン。

ヘッダ部分のスライダーを切り替えることで、背景カラーも同時に切り替えます。

 

 

Feed the King

ゆるーいイラストデザインのみでレイアウトされたユニークで遊び心たっぷりなウェブサイト。

こちらも一度ホームページをのぞいてもらうことで色々な仕掛けを見つけることができます。

 

 

Eight Hour Day

カラフルで鮮やかな印象が魅力的なウェブサイトデザインのひとつで、配色が参考になるのでメモとして。

使われているフォントもシンプルでかわいいですよ。

 

 

Toasted Digital

イラストを利用したウェブサイトデザインのひとつで、オシャレな色使いのストライプ柄はアイデアの参考へいかがでしょう。

たっぷりとした余白スペースを利用することで、ユーザーに的確に情報を、わかりやすく伝えることができそうです。

 

 

Le 28 Theirs

一度ご紹介したことがあるかもしれませんが、奥行き感たっぷりに表現されたヘッダーデザインがうつくしいお気に入りデザインのひとつ。

背景に淡くテクスチャ素材を利用することで質感の高いデザインを表現することができるようです。

 

[参照元 : 35 Colorful Web Designs to Inspire You – Web Design Ledger]