海外デザインブログVandelay Design Blogで、カラフルな色使いが美しい、Webサイトデザインをまとめたエントリー「25 Beautifully Colorful Websites」が公開されていたので、今回はご紹介します。
ビジュアル面にこだわっているのはもちろん、多彩なアニメーションなどが追加されることで、よりインタラクティブなWeb体験を実感することができるサイトが多くなっています。Webサイト制作のデザイン参考にしてみてはいかがでしょう。
詳細は以下から。
クリエイティブにたのしむ、魅力的なWebサイトデザインまとめ
ビビッドな配色に太字フォントの組み合わせが印象的で、コンテンツを色分けすることで、よりユーザーにわかりやすく伝えています。
動きでたのしむパララックスエフェクトを使い、イベントの様子を撮影した写真を、スクロールしながら閲覧できます。
イメージ写真と太字フォントの組み合わせが、スタイリッシュに魅せる、コンテンツ作りとなっています。
車で有名なLexusが手がけたWebマガジンサイトで、太字フォントを使ったデザインが採用されています。
行きたい場所に応じて、その人に合ったプラン付きで、旅行を提供してくれる、ユニークなWebサービス系サイト。
デザインポートフォリオのひとつで、とくに制作実績ページで使われている、フルワイズを利用したレイアウトが素敵です。
どこかレトロな印象を受ける配色と、ノイズテクスチャの質感が素敵な、Webサイトデザイン。
業務内容を分かりやすいイラストで紹介することで、やさしい印象を与えてくれるWebサイトデザイン。
みどりと青のフラットな配色に、太字フォントがよく映える、デザイン事務所のポートフォリオサイト。
ポップなカラーリングに加え、マウススクロールで変化する、ナビゲーションメニューにも注目です。
まるでゲームをしているようなデザインが個性的で、マスクスクロールによって、コンテンツがストーリーのように進みます。
3D感たっぷりのタイポグラフィーデザインがインパクト大な、デザイン事務所の公式ページ。
3Dで切り替わるサムネイルなど、アニメーションを積極的に活用したWebサイトデザイン。
グリッドラインを引くことで、コンテンツを明確に分けることができ、よりスッキリとまとまった印象を演出します。
マウスをホバーすると、イメージ写真が表示される、モノクロベースに水色をアクセントカラーに使ったサイト。
こちらもグリッドを活用したレイアウトで、 太字フォントが印象的なデザイン。
革新的で、雑誌を見ているようなレイアウトを採用した、ファッション系Webサイトのひとつで、各サムネイルがアイコンの代わりとなっています。
プレゼン形式でまとめられたコンテンツは、商品のコンセプトや詳細などを、より詳しく伝えることができ、参考にしたいレイアウトのひとつ。
感覚的なマウス操作で、たくさんのメガネフレームを閲覧することができる、ユニークなショッピングサイト。
アパレルブランドのWebサイトで、シーズンごとのコレクションをルックブックという形で、まとめてサイト上に表示した、斬新なアイデア。
映像作品を中心に、制作を行うアメリカ、ミズーリ州にある会社で、左側メニューより過去の作品を閲覧できます。
キューバのこれまでの歴史を振り返る、ドキュメンタリー仕立てに作成されたサイト。動画や写真など、さまざまな参考文献が使われています。
フルスクリーンで表示される、ヘッダー部分、アニメーションの他にも、ウィンドウ幅に応じたレイアウトが、すっきりとした印象を与えます。
各種プロダクト商品を、本物そっくりな立体的な棚に並べ、実際に手に取り、詳細を確認することができます。
何種類もの果物や野菜などが、フワフワと宙を舞っている様子が描かれた、エコロジー系Webサイトデザイン。
サムネイル@ : I Enjoy Life as A Graphic Designer – Janne Koivistoinen
参照元リンク : 25 Beautifully Colorful Webistes – Vandelay Design Blog