インパクト大、フルスクリーン写真を使ったウェブデザイン35個まとめ
Travel 2 minutes ago
0
スポンサーリンク
2016年のウェブデザイントレンドの参考にしたい、美しい最新Webサイトをまとめています。今後のデザイン制作のインスピレーションにいかがでしょう。
動画やフルスクリーンスライダー、ゲーム形式のコンテンツなどを駆使した、新しいウェブサイトの魅せ方を提案したサイトが多く目立ちます。どのような素敵なデザインが、今年も登場するのかこれから楽しみです。
詳細は以下から。
【最新版】2016年のトレンドを押さえた、参考にしたいWebデザイン40選
ページを開いた瞬間、滑らかなアニメーションに合わせて、ステーショナリーグッズがスライドインします。
美しいグラデーションカラーを利用したデザインに、フルスクリーンで切り替わるスライダーが素敵です。
ユニークなイラストを利用して、オレゴン州ポートランドの問題を、アルファベット順に紹介しています。
サイトをスクロールすることで、美味しそうな料理がレイアウトされた、目で楽しむことができるデザイン。
グリッドを意識したシンプルなレイアウトに、スクロールすることでコンテンツがふわりと出現するエフェクトも。
映しだされるガレージから、全部で66個の映画に関するモノを見つけ、映画タイトルを入力して進めるゲーム。あなたはいくつ分かりますか。
全面水彩ペイントで統一した、今年のデザイントレンドのひとつを採用し、マウス操作で自由にカンバスを移動することができます。
ページに表示されたボタンをクリックすると、ロゴがアニメーション付きで出現します。この他にもインタラクティブすぎるコンテンツが満載。
ビンテージなイラストに、アクセントカラーの黄色で統一したシンプルなデザイン。
熊本県にある黒川温泉を舞台に、マウス操作によるインタラクティブなWeb体験を実現しています。
新聞のようなレイアウトに、ピンク色の背景が印象的なデザイン。文字量の多いコンテンツの魅せ方に。
2色の鮮やかな配色が印象的な作品で、煙がでるような切り替えエフェクトも素敵です。
マウスホバーでビデオ動画が開始する、インタラクティブな仕掛けに、ミニマルなUIデザインを採用しています。
季節を終わってしまいましたが、アイデアが素敵だったのでメモ。書いた手紙をサンタクロースに届けてくれます。
アウトドアメーカーらしく、5つのロケーションをバックに、商品紹介を行うインタラクティブなデザイン。
まるで映画のようなドキュメンタリー仕立てのコンテンツは、思わずじっくり見たくなる、ゴージャスなインターフェースも素敵。
ビデオ動画シリーズの新しい魅せ方で、思わず色々なコンテンツを見たくなるインタラクティブな体験を。
レイアウトを真ん中で分割し、スクロールすることで反対方向にスライドする、素敵なアニメーションを実装しています。
工場での歴史を音声と動画で魅せるコンテンツは、グリッドレイアウトを採用しています。
Googleの新ロゴ作成プロジェクトにも参加したデザインオフィスで、ビデオ動画をフルスクリーンで活用しています。
自社の強みをダイナミックなアニメーションとタイポグラフィーで魅せる、コーポレートサイト。
How Much is Your Spare Time Worth
7問のイラストを使った質問に答えると、自分の1時間あたりの価格を調べてくれるゲーム。
対象年齢34歳以上という、なんとも渋いサイトですが、シンプルで統一感のあるイラストが美しいデザイン。
配色を統一したかわいいイラストに、ブランド名だけを記載した、シンプルで効果的な組み合わせ。
今年のデザイントレンドにも挙げられている、ビデオ動画をフルスクリーン背景に利用しています。
野菜や果物と一緒に、文字テキストをブレンドしたエフェクトがインパクトのある、イメージスライダーを実装しています。
GIFアニメーションを利用したブランドロゴが魅力的な、タイポグラフィーを基本としたミニマルスタイル。
写真に文字テキストを加えることができるモバイルアプリで、ブランドカラーを反映したフラットスタイル。
ナビメニューや3Dエフェクト、アニメーションなどさまざまな仕掛けを盛り込んだ、体験型ウェブデザイン。
2015年に話題となった、ポリゴンスタイルと多重露光エフェクトを組み合わせたクリエイティブな作品。
コンテンツがカーテン式に切り替わることで、フルスクリーンを最大限に活かした作品。
鎌倉時代の旧正月から行われている、一年の安泰を願う行事「弓はじめ」を、入力した住所でバーチャル体験することができます。
先日公開した2016年のWebデザイントレンドにも目を向けながら、新しいアイデアを形にしてみてはいかがでしょう。
posted with ヨメレバ
瀧上 園枝 ソシム 2014-12-25
サムネイル@ : Mambo Mambo | Branding, web, imprime
0
シェア
.
.
.
