カラフルな色使いはお好きですか。
ウェブサイトにおいては利用する配色を変更するだけで、ガラリと印象を変えてしまうことも可能です。
海外デザインブログWeb Design Ledgerで、カラフルな色使いが参考になりそうなウェブサイトデザインを35個まとめたエントリー「35 Colorful Web Deisgns to Inspire You」が公開されていたので、今回はご紹介します。
使われている配色はアイデアやインスピレーションの参考になるのではないでしょうか。
詳細は以下から。
カラフルな色使いが魅力的なウェブサイトデザインまとめ
カラフルな色使いがアクセントとなったヘッダー部分が立体的にスライドするユニークなウェブサイト。
テキスト部分には落ちついた緑色を使用しています。
鮮やかな水色を使ったグラデーションが立体感を表現しているシンプルなウェブサイトデザインのひとつ。
イラスト風に描かれたマスコットキャラクターが引き立つデザインとなっています。
グリッドラインで区切られたスペースをカラフルな色使いの正方形をレイアウトしたデザイン。
それぞれのコンテンツに応じて背景デザインを切り替えるなど見た目だけでもたのしませてくれます。
オンラインでプロジェクト管理ができるツールを公開しているウェブサイトで、綺麗なオレンジ色を使った背景デザインにはノート風テクスチャパターンが利用されています。
目がチカチカしそうな黄色も発色を考えることで、デザインのアクセントとして利用することができそうですね。
企業用ウェブサイトレイアウトの参考になりそうなウェブサイトデザインのひとつ。
グリッドを利用したモダンでエレガントな印象を与えることができそうです。
すぐにでも食べたくなるメキシカン料理の品々をそのままヘッダーデザインとして利用したユニークなデザイン。
飲食店などのウェブサイトデザインなどにいかがでしょう。
ウェブサイトを開くたびにランダムに表示されるカラフルなグラデーションカラーを背景に利用したデザイン。
個人的に配色の参考としてメモ。
手書きのアートデザインと落ち着いたカラーリングが魅力的なウェブサイトデザインのひとつ。
背景デザインとして利用されているグランジ風ざらざらテクスチャ素材が素朴なテイストを表現しています。
こちらもエレガントでオシャレな配色が参考になりそうなウェブサイトデザイン。
古いレトロテイストをデザインしたホームページデザインの好例として。
グランジテイストを取り入れ、枠組みなどを軽くぼかすことがポイント。
黄色と水色を使い、大胆な巨大タイポグラフィーなどマガジン風レイアウトの参考用ウェブサイトデザイン。
特にフッタの色使いは参考になりそうです。
活動的で元気な印象を与えてくれるピンクとオレンジの組み合わせが、企業用ウェブサイトデザインの参考になるのではにでしょうか。
色使いも参考になるのですが、それ以上にこのサイトは一度のぞいてもらうと、、すごいです。
フルスクリーンで写真をスライドさせるデザイン性の高いウェブサイトのひとつ。
利用する画像によって、色々なアイデア、プロジェクトなどに利用することができそうです。
むらさき色と黒を基調にデザインされたスタイリッシュな印象のダーク系ウェブサイトデザインのひとつ。
グリッドレイアウトを利用することで、すっきりとまとまりのあるレイアウトに仕上げることができます。
虹色ストライプ柄とウッドテクスチャ素材をあわせたユニークな世界観が可愛いポートフォリオ。
巨大なタイポグラフィーを余白たっぷりで利用することで、わかりやすく、オシャレにレイアウトすることができそうですね。
ペンキを飛び散らしたようなスプラッターデザインとハーフトーンデザインを組み合わせたポップなデザイン。
色使いやレイアウトの参考になりそうなので、メモとしてエントリー。
企業用コーポレイトサイトデザインの参考になりそうなウェブレイアウトの好例。
みどり色を利用することで、親しみやすく、やさしい印象を表現することができそうです。
美味しそうなスイーツをレイアウトしたカフェや飲食店などのウェブサイトの参考になりそうなレイアウトデザイン。
ヘッダ部分のスライダーを切り替えることで、背景カラーも同時に切り替えます。
ゆるーいイラストデザインのみでレイアウトされたユニークで遊び心たっぷりなウェブサイト。
こちらも一度ホームページをのぞいてもらうことで色々な仕掛けを見つけることができます。
カラフルで鮮やかな印象が魅力的なウェブサイトデザインのひとつで、配色が参考になるのでメモとして。
使われているフォントもシンプルでかわいいですよ。
イラストを利用したウェブサイトデザインのひとつで、オシャレな色使いのストライプ柄はアイデアの参考へいかがでしょう。
たっぷりとした余白スペースを利用することで、ユーザーに的確に情報を、わかりやすく伝えることができそうです。
一度ご紹介したことがあるかもしれませんが、奥行き感たっぷりに表現されたヘッダーデザインがうつくしいお気に入りデザインのひとつ。
背景に淡くテクスチャ素材を利用することで質感の高いデザインを表現することができるようです。
[参照元 : 35 Colorful Web Designs to Inspire You – Web Design Ledger]