Advertisement

janneme

 

海外デザインブログVandelay Design Blogで、カラフルな色使いが美しい、Webサイトデザインをまとめたエントリー「25 Beautifully Colorful Websites」が公開されていたので、今回はご紹介します。

 

ビジュアル面にこだわっているのはもちろん、多彩なアニメーションなどが追加されることで、よりインタラクティブなWeb体験を実感することができるサイトが多くなっています。Webサイト制作のデザイン参考にしてみてはいかがでしょう。

 

 

 

詳細は以下から。

 

 

 

クリエイティブにたのしむ、魅力的なWebサイトデザインまとめ

 

MintTwist

ビビッドな配色に太字フォントの組み合わせが印象的で、コンテンツを色分けすることで、よりユーザーにわかりやすく伝えています。

mint_twist

 

 

 

Ole Soiree

動きでたのしむパララックスエフェクトを使い、イベントの様子を撮影した写真を、スクロールしながら閲覧できます。

ole_soiree

 

 

 

Rock the Future

イメージ写真と太字フォントの組み合わせが、スタイリッシュに魅せる、コンテンツ作りとなっています。

rock_the_future

 

 

 

Beyond by Lexus Magazine

車で有名なLexusが手がけたWebマガジンサイトで、太字フォントを使ったデザインが採用されています。

lexus_beyond

 

 

 

Escape Flight

行きたい場所に応じて、その人に合ったプラン付きで、旅行を提供してくれる、ユニークなWebサービス系サイト。

escapeflight

 

 

 

Balind Sieber

デザインポートフォリオのひとつで、とくに制作実績ページで使われている、フルワイズを利用したレイアウトが素敵です。

Balind

 

 

 

Polecat

どこかレトロな印象を受ける配色と、ノイズテクスチャの質感が素敵な、Webサイトデザイン。

polecat

 

 

 

Staels Borco

業務内容を分かりやすいイラストで紹介することで、やさしい印象を与えてくれるWebサイトデザイン。

Staels_Borco

 

 

 

Residence Mixte

みどりと青のフラットな配色に、太字フォントがよく映える、デザイン事務所のポートフォリオサイト。

residence_mixte

 

 

 

Intro

ポップなカラーリングに加え、マウススクロールで変化する、ナビゲーションメニューにも注目です。

Intro_Musique_emergente

 

 

 

Robby Leonardi

まるでゲームをしているようなデザインが個性的で、マスクスクロールによって、コンテンツがストーリーのように進みます。

singlepage10

 

 

 

Milkable

3D感たっぷりのタイポグラフィーデザインがインパクト大な、デザイン事務所の公式ページ。

milkable

 

 

 

LEDbow

3Dで切り替わるサムネイルなど、アニメーションを積極的に活用したWebサイトデザイン。

LEDbow

 

 

 

Observatoire

グリッドラインを引くことで、コンテンツを明確に分けることができ、よりスッキリとまとまった印象を演出します。

Observatore_du_design_urbain

 

 

 

Jan Finnesand

マウスをホバーすると、イメージ写真が表示される、モノクロベースに水色をアクセントカラーに使ったサイト。

Jan_Finnesand

 

 

 

Nokia / The Zoom Project

こちらもグリッドを活用したレイアウトで、 太字フォントが印象的なデザイン。

The_Zoom_Project

 

 

 

RVLT/revolution

革新的で、雑誌を見ているようなレイアウトを採用した、ファッション系Webサイトのひとつで、各サムネイルがアイコンの代わりとなっています。

fashonapp

 

 

 

Peak Performance

プレゼン形式でまとめられたコンテンツは、商品のコンセプトや詳細などを、より詳しく伝えることができ、参考にしたいレイアウトのひとつ。

Peak-Performance-Black-Light

 

 

 

The House of Eyewear

感覚的なマウス操作で、たくさんのメガネフレームを閲覧することができる、ユニークなショッピングサイト。

Spellwood-and-House-Eyewear

 

 

 

House: Kampania

アパレルブランドのWebサイトで、シーズンごとのコレクションをルックブックという形で、まとめてサイト上に表示した、斬新なアイデア。

House

 

 

 

Mammoth Media

映像作品を中心に、制作を行うアメリカ、ミズーリ州にある会社で、左側メニューより過去の作品を閲覧できます。

mammoth2013

 

 

 

Clouds Over Cuba

キューバのこれまでの歴史を振り返る、ドキュメンタリー仕立てに作成されたサイト。動画や写真など、さまざまな参考文献が使われています。

cloudsovercuba

 

 

 

Draftfcb

フルスクリーンで表示される、ヘッダー部分、アニメーションの他にも、ウィンドウ幅に応じたレイアウトが、すっきりとした印象を与えます。

draftfcb

 

 

 

Santa Barbara Salsa

各種プロダクト商品を、本物そっくりな立体的な棚に並べ、実際に手に取り、詳細を確認することができます。

Santa-Barbara-Salsa

 

 

 

Quatro Folhas

何種類もの果物や野菜などが、フワフワと宙を舞っている様子が描かれた、エコロジー系Webサイトデザイン。

Quatro-Folhas

 

 

サムネイル@ : I Enjoy Life as A Graphic Designer – Janne Koivistoinen

参照元リンク : 25 Beautifully Colorful Webistes – Vandelay Design Blog