ウェブデザインのトレンド

Webデザインのトレンドは常に変化し、2020年も例外ではありません.


今年、多くのデザイナーが大胆な実験を開始しています。ルールを破り、既存のスタイルを再発明し、インダストリアルデザインとプリントデザインからさらにインスピレーションを得ています。一方で、過去数年間で人気のある遊び心のあるタイポグラフィと大胆なミニマリズムの境界を押し広げているデザイナーもいます。.

設計風景の鳥瞰図により、設計アプローチがこれまで以上に多様化していることが明らかになります.

しかし、この多様な美学と根底にあるアプローチの背後にあるのは、亀裂の拡大です。 UXデザインとその使いやすさと機能への焦点がますます主流になっている一方で、デザイナーが利用できる技術の柔軟性の高まりにより、別のグループは芸術的媒体としてWebデザインにさらに焦点を当てるようになりました.

これはすべて、2020年が設計の極限の年であることを意味します。 Webを一挙に利用する単一のアプローチ(2012年のフラットデザインを覚えていますか?)の時代は終わりました。残されたものははるかにニュアンスがあり、はるかに興味深いです.

2020年の主なデザイントレンドを見てみましょう.

2020年の美的Webデザインのトレンド

1.黒が帰ってきた

AppleとGoogleが2019年にほぼ同時にダークモード設定をリリースしたとき、それらは人気のないWebサイトが低照度の状況用に特別に設計された代替テーマを開発するトレンドを開始しました.

ただし、ダークモードの長期的な影響はさらに大きくなる可能性があります。突然、1997年以降のGeocitiesのWebサイトは、暗い背景とネオン色を独占しなくなりました。そして2020年のデザイナーは活用しています.

何千人ものデザイナーが今年、暗いテーマのウェブサイトをリリースしており、そのデザインは暗い場所での使用のみを目的としたものではありません。暗い背景が再び主流になりました。黒が帰ってきた.

DevArtダークテーマ

Googleの DevArt そして 2つのチンパンジーコーヒー スタイルの2つの素晴らしい例です.

2. Didone書体

デザイナーはタイポグラフィ2019で幅広く実験を行いましたが、この傾向はすでに2020年にスピードを上げており、Didonesと呼ばれる書体の特定のサブセットで結晶化しています.

ジドン 長くて細いセリフ、太い縦線、対照的な細い横線の書体.

プリンタは1800年代初頭にDidonesを普及させ、これらの書体は2020年に再び復活しています。 ジドンと呼ばれる 「次の10年のタイポグラフィ」、そして私たちは同意する傾向があります.

ディドンロゴ

Allswell、Vox、およびWincのロゴは、スタイルの印象的な例ですが、それは、消費者向けブランドやメディア企業がトレンドに参入しているだけではありません。多くのテック系スタートアップ、 スキルシェア そして ロビン, 二次書体としてDidonesを使用して、2020年には少し冷たくてロボットのように感じるブランドに人間味のタッチをもたらします.

Skillshareはジドン文字体裁を使用します

3.特大タイプ

書体といえば、今年はDidonesだけが活版印刷デザインのトレンドではありません.

2020年の初めには、多数のサイトが劇的に特大のタイプで実験されています。多くの場合、デザイナーはフォントのサイズを非常に大きくするため、1行または2行のテキストがビューポートのほとんどまたはすべてを占めます。.

カウボーイ自転車は大きなフォントを使用します

デザイナーはこの傾向を大胆な色とイラストと組み合わせ、タイプ自体と密接に結び付けることがよくあります. カウボーイ自転車 スタイルの素晴らしい例です.

4.ヴィンテージスタイル

復活した遺物は書体だけではありません。今年はヴィンテージスタイルが大きく復活.

60年代のサイケデリックな色と70年代の暖かい地球の色調から、80年代のアーケードの感性、90年代のグランジテクスチャまで、今年の懐かしさは数回クリックするだけです.

これらのデザインのいくつかは、グッチの グリップスケートボードゲーム, 明らかにパロディですが、他の人のデザインは 数十 そして NudieJeans, 自分をもっと真剣に受け止める.

グッチのグリップスケートボードゲーム

もちろん、ノスタルジアはノスタルジックなものがあったので強力な販売ツールであり、Apple、Nike、Instagramなどの人気のあるブランドは何年もの間それをうまく活用してきました。それでも、この傾向は高まっており、今後10年間は​​ヴィンテージスタイルが会話の一部として残ると思われます.

5.深さを受け入れる

2020年の初めに、多くのブランドが、レイヤーとシャドウを使用して奥行きを作成するフェイク3Dスタイルを備えたデザインを発表しました.

2000年代初頭のスキューモーフィズムやそれに続くフラットなデザイントレンドとは異なり、このスタイルは非機能的な装飾主義を完全に受け入れることも、完全に回避することもしません。代わりに、設計者は、行動を促すフレーズや機能のイラストなど、主要なコンテンツ要素に視点から注意を喚起しようとします.

簡単に言えば、平らではありません。それは平らです.

Fullstoryのホームページの例

FullStoryの現在のホームページ すべてのグラフィックがぼやけた影とぼやけていない影の両方、複数のレイヤー、写真とイラスト要素の両方の組み合わせを備えたスタイルの明確な例です。 Didone風の副次的な書体もあり、適切に測定できます.

6.大胆なミニマリズム

ミニマリズムは、過去数年と同じくらい人気がありますが、それ以上ではありません.

実際、多くのシンプルなサイトはこれまで以上に大胆に感じ、美しさを生み出すためにほとんどタイポグラフィと飽和色にのみ依存しています. サード&グローブのサイト 素晴らしい例です。フルビューポートのカラーブロックが交互に表示され、遊び心のあるDidoneタイポグラフィ、呼吸室用のネガティブスペースがたくさんあります.

他の例、 イノベーションは難しい, イラストは完全に避けますが、代わりにアニメーションを使用してストーリーを伝えます.サードアンドグローブミニマリストサイト

2020年にはミニマリズムは革新的ではないように思えるかもしれませんが、このように成長し続け、進化し続けるのは素晴らしいことです。そして、デザイナーがそのような印象的な影響でそれを使い続けるなら、ミニマリズムはおそらく今後数年間の傾向のままです.

7.未来的なテーマ(および配色)

サイエンスフィクションのスタイリングは2020年に大きく戻っているようです.

UFOにインスパイアされたデザインから BrightScoutのサイト InVisionのスペース植民地化グラフィックに DesignBetter業界レポート, デザイナーは、1950年代に対応したのと同じように、スペースとSFをイノベーションの代役として使用しています。.

ブライトスカウトサイトの未来的なテーマ

伝統的な支柱も 金融サービスのように 明るい色のスキームを利用して、さもなければ鈍いサイトを明るくする、流行に乗ってジャンプしています.

8.抽象イラスト

パステルシルエットで構成されることが多い抽象的なイラストは、2019年の至る所にありました。2020年の初めの部分が何らかの兆候である場合、この傾向は今後も拡大します.

のようなウェブサイト GitHub そして HelloSign 他の人が好きな間、これらのイラストは微妙に使用してください エアテーブル 強引に感じる。わかりました。実際の人間はあなたの抽象的なソフトウェアを使用します.

エアテーブルホームページの例

それでも、そのメリットに関係なく、この傾向はどこかに行っているようには見えません.

9.没入型3D

いわゆる専門家は、現代のWebサイトでの3D要素の増加を長年予測してきましたが、2020年は、それが実際に大規模に発生する年になる可能性があります.

Shopifyはインタラクティブな3D要素を作成しています

Googleストアのほとんどの製品ページでは、3D要素を使用してGoogleの物理的な製品の工業デザインを説明しています。ShopifyなどのSaaS企業でもインタラクティブな3D要素を作成していますが、ドラッグ可能なグローブアニメーションのユーティリティには疑問があります.

10.実験的なストーリーテリング

2020年はまた、実験的でインタラクティブなオンラインストーリーテリングの全盛期かもしれません.

サイトが好きな間 ボコを倒す 漫画のストーリーブックインターフェイスを使用して、ユーザーエクスペリエンステクニックを普及させる TraffickWatch 人身売買のような重要な問題にドキュメンタリースタイルで取り組む.

トラフィックウォッチの例

このタイプの長い物語の物語は、かつて印刷雑誌や雑誌で人気がありましたが、メディアの人気が薄れるにつれて、よりインタラクティブでより内臓的なウェブ版に置き換えられるのを見るのは素晴らしいことです。.

2020年のユーザビリティと製品設計のトレンド

上記のすべてが少し主観的で芸術的であると感じた場合、あなたは一人ではありません.

ユーザーエクスペリエンスデザインは長年にわたって人気が高まっており、デザイナーの幹部は、美学よりもデザインの機能的影響を重視しています。.

2020年のユーザビリティの主なトレンドをいくつか紹介します.

1.情報アーキテクチャのリターン

情報アーキテクチャは、UXデザインの不気味な叔父と長い間考えられてきましたが、2020年に大成功を収めています.

のような設計システムとデータ駆動型パターンライブラリの出現により GoodUI, デザイナーはに戻ってきて 再発明, Webの黎明期から着実に無視されてきた情報アーキテクチャパターン.

2.アクセシビリティが主流に

支持者と同盟国は長年ウェブアクセシビリティを推進してきており、結果はまちまちです。今日まで、設計者は標準を広く認識していなければ広く無視してきました。ほとんどの小規模企業は、アクセシビリティのために設計する余裕がないと考えています。.

2020年はすべての変化の年かもしれない.

アクセシビリティを主流にすることに焦点を当てた多くのスタートアップが人気を集めている. AccessiBe そして UserWay, たとえば、Webサイトをアクセシブルにすることに関する多くの課題を自動化するSaaSプラットフォームを提供する.

accessiBeホームページの例

AccessiBeはすでに、Fiverr、Hilton、BMWなどの著名な顧客の長いリストに対応していますが、UserWayはDisney、eBay、Coca-Colaなどのクライアントを誇っています。アクセシビリティ基準が不十分な企業に対する消費者主導の訴訟が2019年に多数発生した後、両方の新興企業は2020年に大幅に成長する準備ができているようです.

3.透明性は今

GDPRやCCPAなどのインターネット消費者プライバシー法は、氷山の一角に過ぎない可能性があります。 2020年、消費者はデータの透明性と制御のレベルの向上を要求しています.

2000年代と2010年代、企業は顧客のデータを所有していました。 2020年以降、そのスクリプトは反転するようです.

4.デザインファイルが消える

2019年は、ラップトップにローカルに保存されたファイルを使用して実際に設計する最後の年になるでしょうか?増え続けるデザイナーのグループがそう思う.

figma, バージョン管理が組み込まれたコラボレーティブUXデザインプラットフォーム。2019年に非常に人気が高まり、最新バージョンのデザインを同僚にメールで送信することが過去のものとなっている世界を想像するのは難しくありません。.

figmaホームページ例

この勇敢な新しい世界では、複数の設計者が同じファイルで共同作業を行うことができ、クライアントと利害関係者はリアルタイムでフィードバックを提供でき、ツールは非常に簡単に使用できるようになったため、ほとんどの人が貢献できます.

5.テスト、測定、実験

他のほとんどすべてがオンラインで変更されましたが、A / Bテストと製品分析は、時の試練に耐えてきました。 2020年も例外ではありません.

GDPRの終焉の予測者があなたに信じてほしいと思っていることにもかかわらず、測定と実験は健在です。ダイレクトレスポンスマーケティングと分析レポートは2020年にさらに困難になる可能性がありますが、Webは進化してその課題に対応します.

最適化されたコンバージョン率とユーザー維持率がすべてに勝る世界では、企業は革新を続けます.

進むべき道

10年以上にわたるウェブの設計と開発が私たちに何かを教えてくれたのなら、それは懐疑的な目でトレンドを考慮し、誇大広告に巻き込まれないようにすることです.

光沢のあるオブジェクト症候群に注意してください.

オンラインビジネスを運営している場合や、ウェブベースの仕事をしている場合は、計画に焦点を当て、目標を達成するのに役立つ可能性が最も高い戦略と戦術を選択するのが最善の策です。.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map