現在のデザイントレンドは、ここ数年で Web デザインの概念を完全に変え、少なくとも来年は本格化するでしょう。縦スクロール、フラットデザイン、レトロなカラーマッチング、ミニマルなカラーマッチング、スライドアニメーション表示などはすでに触れていますが、もちろんレスポンシブデザインがトレンドです。
最近、透明なスライド ショーやロング プロジェクション デザインが見られますが、この記事の場合、これらのトレンドが以前のスキュアモーフィックなデザインを覆し、新しいトレンドの波となっていることがわかります。モバイルデバイスの利用が拡大するにつれ、新しいデザイントレンドにいかに創造性を注入するかがデザイナーの責任の重要性を増しています。
CSS デザイン賞、2013 年 1 月 5 日
このポートフォリオは、現在のデザイン トレンドの多くを取り入れており、それらをシームレスに紹介しています。グリッド レイアウトのランディング ページがあり、リンクをクリックすると、対応するコンテンツ ブロックにジャンプします。ページはとてもきれいです。
2013年1月1日受賞
ホームページの本文は2行写植です。赤い部分が変化しています。最初の行は、白い固定の「Paper Tiger」とピンクのフォントで構成されています。ピンクのフォントは反転して変化します。フォントには「Develops/Consults/Designs」が含まれています。 2 行目の白い静的なフォントは「for the」、動的な赤いフォントは「ブランド メッセージ/ビジネス目標/ユーザー エクスペリエンス」です。したがって、文全体には多くの組み合わせが含まれています。背景にはレコードが再生されているアニメーション画像が表示されており、黒、白、赤のクラシックな配色になっています。
2013年12月31日に受賞
これはシングルページの縦スクロールデザインのウェブサイトです。ランディング ページのデザイナーは眼鏡を点滅させます。ページを下にスクロールすると、ページの下部にデザイナーの足元が白黒のグリッド レイアウトで表示されます。この Web サイトのメッセージは、デザイナーが独自の 1 ページの Web サイトを作成するということです。非常に価値のある。
Css Design Award、2013 年 12 月 26 日
この Web サイトには、非常に素晴らしい垂直スクロール効果があります。中央には三角形ベースのグリッドレイアウトもあります。ウェブサイト全体は非常にシンプルで寛大で美しいです。
CSS デザイン賞を受賞。 2013 年 12 月 12 日
Web サイトのランディング ページは、Etec Minds による事務作業のアニメーション シーンです。ホームページには、優れた垂直スクロール効果と、快適なフラット デザインが備わっています。これはレスポンシブ Web サイトではありませんが、モバイル デバイス専用のモバイル バージョンがあります。
Css Design Award、2013年12月9日
このウェブサイトのトップページはとても明るいです!すべての要素が線画で構成されていますが、まったく汚くなく、非常に美しいです。
2013 年 12 月 8 日に受賞
無限スクロール、レスポンシブな Web サイト。フラットなデザイン。グリッドレイアウト。一言：かっこいい！
2013年11月27日に受賞
このウェブサイトのランディングページには、飛んでいる幾何学模様のアニメーションがあります。下にスクロールすると、すべての要素が小さく絶妙に設計されていることがわかります。フラットなデザイン。次に 4 つのスライドがあります。矢印をクリックすると、スライドがページのサイズに自動的に拡大され、ページは自動的に元のサイズに戻ります。これはとても美しくクリエイティブなウェブサイトです。
2013 年 11 月 20 日に受賞
別のスクロール Web サイト。レスポンシブでフラットなデザイン。スクロールのプロセスは必ずしもスムーズで自然ではありませんが、刺激的でもあります。
2013 年 11 月 16 日に受賞
TeamGeek は、垂直スクロール、フラット デザイン、レトロなカラー マッチング、ミニマリスト デザイン、グリッド ベースのレイアウトなど、現在のデザイン トレンドをすべて示しています。ただし、レスポンシブウェブサイトではありませんが、モバイル端末用の別バージョンがあります。
2013 年 10 月 13 日に受賞
スクロールする Web サイトの人気は爆発寸前です。フラット デザイン、レトロなカラー マッチング、スライドショー表示がまた登場です。上記同様レスポンシブ対応ではありませんが、モバイル端末向けのバージョンもございます。
2013 年 10 月 12 日に受賞
このページを開くときは、マウスの位置を慎重に制御する必要があります =。 =女の子がガムの泡を吹いているのを見てもパニックにならないでください=。 =マウスがページ内を移動すると、ページ上の女の子は自然に消え、表示されるのはテキストリンクです。バブルの下にあるそれらをクリックすると、新しい世界に入ります。このページは非常にクリエイティブなので、迷わず賞を獲得します。
2013年9月21日に受賞
この Web サイトのランディング ページには、ワーカホリックのビデオ クリップがあります。これは視差スクロール サイトで、下にスクロールすると頭の上にビデオが常に表示されます。このデザインはあなたに新鮮さと新しさを感じさせます。さらに、ウェブサイトは完全にレスポンシブです。
2013 年 9 月 12 日に受賞
多くのデザイン トレンドをカバーする別のサイト。たとえば、垂直スクロール、グリッド レイアウト、フラット デザインなどです。ただし、WebサイトはPC版のみでモバイル版はなく、PCまたはタブレットでのみ閲覧できるのが残念です。
2013年9月7日に受賞
こする!なんとクリエイティブなウェブサイトでしょう！何という危険な試みでしょう！ホームページを開いて通知バーを閉じると、目の前に地図が表示されます。フラットで半透明のデザイン。マウスが手に変わりました。ページマップをドラッグするだけで拡張できます。この地図がどのくらいの大きさなのか分かりませんが、おそらく都市でしょうか？もしかしてこの地球？とにかく反応が良いです。
2013 年 9 月 7 日に受賞
ああ!グリッド、グリッド、グリッド！ウェブサイトにはグリッド レイアウトしかありません。黒と白の色の組み合わせは非常に魅力的に見えます。
2013 年 8 月 31 日に受賞
この Web サイトは、現在のデザイン トレンドを示すことだけを目的としています?? フラット デザイン、垂直スクロール、完全なレスポンシブ、グリッド レイアウトに基づく、多くの機能単色...他の要素を追加する必要がありますか?このサイトは非常に受賞に値します。
NIQUE WOODHOUSE
2013年7月29日に受賞
LUCAS NIKITCZUK
2013 年 7 月 28 日に受賞
秘密の握手
2013 年 7 月 21 日に受賞
ADAM RUDZKI
2013 年 6 月 7 日に受賞
まとめ
実際、これらのトレンドは過去数年間でしばらく人気があり、いくつかは新たに出現しており、時間の試練に耐えられない可能性があります。実際、レスポンシブ デザインとフラット デザインの人気により、Web サイトのデザイン ニーズに多くの創造性を注ぎ込むことができなくなりました。上記の例から、レスポンシブ デザインが無視され、表示する必要があるコンテンツに置き換えられていることがわかります。ただし、ほとんどの Web サイトにはモバイル版がまだあります。
一般に、応答性を機能させたい場合、いくつかの良いアイデアは途中で忘れられる可能性があります。 フラットデザインとレスポンシブデザインは時間が経っても残ると思いますか?この2つのデザインを強調するにはどうすればよいでしょうか? 透明なデザインと長い影がトレンドになるかもしれません! Web デザインのトレンドについての意見をコメント ボックスに残してください。
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
