デザイントレンドをリード！最新 24 件の受賞歴のある Web 作品を紹介_html/css_WEB-ITnose

現在のデザイントレンドは、ここ数年で Web デザインの概念を完全に変え、少なくとも来年は本格化するでしょう。縦スクロール、フラットデザイン、レトロなカラーマッチング、ミニマルなカラーマッチング、スライドアニメーション表示などはすでに触れていますが、もちろんレスポンシブデザインがトレンドです。

最近、透明なスライド ショーやロング プロジェクション デザインが見られますが、この記事の場合、これらのトレンドが以前のスキュアモーフィックなデザインを覆し、新しいトレンドの波となっていることがわかります。モバイルデバイスの利用が拡大するにつれ、新しいデザイントレンドにいかに創造性を注入するかがデザイナーの責任の重要性を増しています。

DANIEL J DIGGLE

CSS デザイン賞、2013 年 1 月 5 日

このポートフォリオは、現在のデザイン トレンドの多くを取り入れており、それらをシームレスに紹介しています。グリッド レイアウトのランディング ページがあり、リンクをクリックすると、対応するコンテンツ ブロックにジャンプします。ページはとてもきれいです。

PAPER TIGER AGENCY

2013年1月1日受賞

ホームページの本文は2行写植です。赤い部分が変化しています。最初の行は、白い固定の「Paper Tiger」とピンクのフォントで構成されています。ピンクのフォントは反転して変化します。フォントには「Develops/Consults/Designs」が含まれています。 2 行目の白い静的なフォントは「for the」、動的な赤いフォントは「ブランド メッセージ/ビジネス目標/ユーザー エクスペリエンス」です。したがって、文全体には多くの組み合わせが含まれています。背景にはレコードが再生されているアニメーション画像が表示されており、黒、白、赤のクラシックな配色になっています。

MICHEAL NGO

2013年12月31日に受賞

これはシングルページの縦スクロールデザインのウェブサイトです。ランディング ページのデザイナーは眼鏡を点滅させます。ページを下にスクロールすると、ページの下部にデザイナーの足元が白黒のグリッド レイアウトで表示されます。この Web サイトのメッセージは、デザイナーが独自の 1 ページの Web サイトを作成するということです。非常に価値のある。

ALEE FOROUGHI

Css Design Award、2013 年 12 月 26 日

この Web サイトには、非常に素晴らしい垂直スクロール効果があります。中央には三角形ベースのグリッドレイアウトもあります。ウェブサイト全体は非常にシンプルで寛大で美しいです。

ETEC MINDS

CSS デザイン賞を受賞。 2013 年 12 月 12 日

Web サイトのランディング ページは、Etec Minds による事務作業のアニメーション シーンです。ホームページには、優れた垂直スクロール効果と、快適なフラット デザインが備わっています。これはレスポンシブ Web サイトではありませんが、モバイル デバイス専用のモバイル バージョンがあります。

FIXATE

Css Design Award、2013年12月9日

このウェブサイトのトップページはとても明るいです!すべての要素が線画で構成されていますが、まったく汚くなく、非常に美しいです。

Department Creatif

2013 年 12 月 8 日に受賞

無限スクロール、レスポンシブな Web サイト。フラットなデザイン。グリッドレイアウト。一言：かっこいい！

ANTRO

2013年11月27日に受賞

このウェブサイトのランディングページには、飛んでいる幾何学模様のアニメーションがあります。下にスクロールすると、すべての要素が小さく絶妙に設計されていることがわかります。フラットなデザイン。次に 4 つのスライドがあります。矢印をクリックすると、スライドがページのサイズに自動的に拡大され、ページは自動的に元のサイズに戻ります。これはとても美しくクリエイティブなウェブサイトです。

ELEGANT SEAGULLS

2013 年 11 月 20 日に受賞

別のスクロール Web サイト。レスポンシブでフラットなデザイン。スクロールのプロセスは必ずしもスムーズで自然ではありませんが、刺激的でもあります。

TEAMGEEK

2013 年 11 月 16 日に受賞

TeamGeek は、垂直スクロール、フラット デザイン、レトロなカラー マッチング、ミニマリスト デザイン、グリッド ベースのレイアウトなど、現在のデザイン トレンドをすべて示しています。ただし、レスポンシブウェブサイトではありませんが、モバイル端末用の別バージョンがあります。

ステレオ クリエイティブ

2013 年 10 月 13 日に受賞

スクロールする Web サイトの人気は爆発寸前です。フラット デザイン、レトロなカラー マッチング、スライドショー表示がまた登場です。上記同様レスポンシブ対応ではありませんが、モバイル端末向けのバージョンもございます。

TRIA

2013 年 10 月 12 日に受賞

このページを開くときは、マウスの位置を慎重に制御する必要があります =。 =女の子がガムの泡を吹いているのを見てもパニックにならないでください=。 =マウスがページ内を移動すると、ページ上の女の子は自然に消え、表示されるのはテキストリンクです。バブルの下にあるそれらをクリックすると、新しい世界に入ります。このページは非常にクリエイティブなので、迷わず賞を獲得します。

シナモントースト

2013年9月21日に受賞

この Web サイトのランディング ページには、ワーカホリックのビデオ クリップがあります。これは視差スクロール サイトで、下にスクロールすると頭の上にビデオが常に表示されます。このデザインはあなたに新鮮さと新しさを感じさせます。さらに、ウェブサイトは完全にレスポンシブです。

MIAGUI

2013 年 9 月 12 日に受賞

多くのデザイン トレンドをカバーする別のサイト。たとえば、垂直スクロール、グリッド レイアウト、フラット デザインなどです。ただし、WebサイトはPC版のみでモバイル版はなく、PCまたはタブレットでのみ閲覧できるのが残念です。

アビー・プーチンスキー

2013年9月7日に受賞

こする!なんとクリエイティブなウェブサイトでしょう！何という危険な試みでしょう！ホームページを開いて通知バーを閉じると、目の前に地図が表示されます。フラットで半透明のデザイン。マウスが手に変わりました。ページマップをドラッグするだけで拡張できます。この地図がどのくらいの大きさなのか分かりませんが、おそらく都市でしょうか？もしかしてこの地球？とにかく反応が良いです。

THE BIG BAD WOLF

2013 年 9 月 7 日に受賞

ああ!グリッド、グリッド、グリッド！ウェブサイトにはグリッド レイアウトしかありません。黒と白の色の組み合わせは非常に魅力的に見えます。

MOVING THINGS DESIGN

2013 年 8 月 31 日に受賞

この Web サイトは、現在のデザイン トレンドを示すことだけを目的としています?? フラット デザイン、垂直スクロール、完全なレスポンシブ、グリッド レイアウトに基づく、多くの機能単色...他の要素を追加する必要がありますか?このサイトは非常に受賞に値します。

エージェントまた、このウェブサイトはレスポンシブ対応です。

NIQUE WOODHOUSE

2013年7月29日に受賞

このサイトのナビゲーションは非常に珍しいです。ページを直接ドラッグすると、ページが水平方向と垂直方向に変形します。右上隅に小さなナビゲーションがあり、現在どのページにいるかを示します。最初はこのような高級なデザインに慣れることができないかもしれませんが、とても完璧です。

LUCAS NIKITCZUK

2013 年 7 月 28 日に受賞

デザイナーの個人的な視差スクロール Web サイト。ページを下にスクロールすると、円にデザイナーの個人プロジェクトが表示されます。フラットデザインを採用しており、レスポンスも抜群です。

秘密の握手

2013 年 7 月 21 日に受賞

このウェブサイトは、グリッド レイアウト、フラット デザイン、大きなフォント デザインに基づいています。全面的に対応してください。

ADAM RUDZKI

2013 年 6 月 7 日に受賞

さて、これもかなりのデザイン トレンドを含む Web サイトです: 垂直スクロール、フラット デザイン、巨大なカラー ブロック、グリッド ベースのレイアウト。しかし、反応しません。

まとめ

実際、これらのトレンドは過去数年間でしばらく人気があり、いくつかは新たに出現しており、時間の試練に耐えられない可能性があります。実際、レスポンシブ デザインとフラット デザインの人気により、Web サイトのデザイン ニーズに多くの創造性を注ぎ込むことができなくなりました。上記の例から、レスポンシブ デザインが無視され、表示する必要があるコンテンツに置き換えられていることがわかります。ただし、ほとんどの Web サイトにはモバイル版がまだあります。

一般に、応答性を機能させたい場合、いくつかの良いアイデアは途中で忘れられる可能性があります。 フラットデザインとレスポンシブデザインは時間が経っても残ると思いますか?この2つのデザインを強調するにはどうすればよいでしょうか? 透明なデザインと長い影がトレンドになるかもしれません! Web デザインのトレンドについての意見をコメント ボックスに残してください。