Webサイトやブログなどを制作しているときに、デザインアイデアに悩むことありませんか。
そんなとき頭をリフレッシュさせてくれる、カラフルなWebサイトデザインを集めてみました。
海外デザインブログWeb Design Ledgerで、カラフルでオシャレなレイアウトが印象的なWebサイトデザインを20個まとめたエントリー「20 Inspiring Examples of Colorful Web Designs」が公開されていたので、今回はご紹介します。
Webデザインアイデアの参考にしてみてはいかがでしょう。
詳細は以下から。
カラフルでオシャレ、クリエイティブなWebサイトデザインまとめ
ヘタウマなイラストをヘッダー全体に使ったWebサイトデザイン。余白スペースの取り方なども参考になりそうです。
オーストラリアにあるデザイン事務所のWebサイト、水平方向にコンテンツをスライドさせる、シングルページ完結型となっています。
画像とテキストをうまく組み合わせた参考サイト、それぞれのコンテンツも工夫いっぱいで飽きさせないデザインとなっています。
Athletic Sport Sunglass & Technology
最近よく見かけるようになったパララックスエフェクトを利用したWebサイトデザイン、遊びのあるコンテンツ切替が素敵。
三角形の使い方が面白い、水平方向に移動するWebサイトデザイン。使いやすさは？ですが、インパクトありますね。
トップページにキラキラ感のある写真を大胆に使ったWebサイトデザイン。クリエイティブなアイデアに脱帽です。
背景全体にさまざまな写真を貼付け、コンテンツを移動するたびに写真も切り替わるWebサイト。説明になっていませんね、。
トップページのタイポグラフィーデザインもオシャレですが、使われている配色がどれも参考になりすぎたのでメモとして。
背景全体にウッドテクスチャを利用したWebサイトデザイン、スクロールするとロゴがじわじわ消えていきます。
クリエイティブでかわいいイラストを使ったWebサイトデザイン、背景テクスチャの質感もばっちりです。
ヘタウマなイラストのみでデザインされたWebサイトデザイン、左上にあるメニューをクリックするとアニメーションでコンテンツが移動します。
ポーランドにあるレストランのWebサイトデザイン。パララックスエフェクトを利用して、次々にお皿のメニューが切り替わります。
パステルカラーを使ったやさしい色使いと、巨大なタイポグラフィーが印象的なWebデザイン。
Webトレンドを多数盛り込んだデザインとなっています。
矢印を追っていくことで、コンテンツがアニメーションで移動するユニークなWebサイトデザイン。
スライダーからはみ出したようなデザインを使った、インパクトのあるWebサイトデザイン。特にシングルページの作りはユニークですよ。
あるデザイン事務所の10年間の歩みを本にして、スライドショーで閲覧できるWebサイトデザイン。インターフェースもオシャレです。
シンプルなグリッドレイアウトで組まれたポートフォリオサイトですが、実はロゴにトリックが隠されていました。
グリッドを活用したレスポンシブデザインのWebサイトデザイン、配色もとてもきれいで参考になるかもしれません。
音楽プレイヤーの商品紹介ページですが、コンテンツの切替がユニークなパララックスエフェクト。左側のボタンでコンテンツ移動が可能となっています。
ユニークなフルスクリーンスライドショーをヘッダーにデザインしたWebデザイン、レトロなイラストがうまくマッチしています。
ロゴを真ん中に配置した、シンプルでモダンなWebサイトデザイン。ページの移動にはユニークなアニメーションが取り入れられています。
デザイナーさんの夢の職業をそのままレイアウトでデザインしたポートフォリオサイト。アイデアが面白すぎます。
[参照元 : 20 Inspiring Examples of Colorful Web Designs – Web Design Ledger]
