2020年がやってきました。昨年は、どのUIトレンドが機能し、今年も引き続き機能する可能性が高いかを確認する機会があります。新年の始まりは、人気が高まり続ける新しいUIデザインのトレンドを見る絶好の機会を提供します。

デザイン業界の最新情報、有用なもの（またはそうでないもの）、そして支持されなくなったものを常に把握することは、 UIデザイナー クライアントに革新的なアイデアを提供できるようにしたい人。その取り組みには、トレンドを確認し、トレンドがどのように進化するかを検討することが不可欠です。

UIトレンド2020には、UIデザインのストーリーテリング（UXだけでプロジェクトを考えるのではなく）、3Dグラフィックスとアニメーション、独自のマイクロインタラクション、ダークテーマ、シンプルさ、音声インタラクションなどが含まれます。

ストーリーテリング

ストーリーテリング 多くの場合、UXの観点からのみ考えられます。ただし、UIデザイナーは、ストーリーテリングプロセスでも重要な役割を果たすことができます。

色、タイポグラフィ、アニメーション、インタラクションデザインを使用することで、UIデザイナーは ストーリー 優れたUXに必要です。

Googleの Pixelイヤフォン ランディングページは、UIストーリーテリングの説得力のある例です。思いやりのあるアニメーション、関連性のある画像、恒星のタイポグラフィを通じて製品のメリットを訪問者に案内し、ポジティブな感情的反応を生み出します。

3Dグラフィックスとアニメーション

3Dグラフィックスとアニメーションは、UIデザインの初心者ではありません。それらの頻度は、近年、複数の製品カテゴリーにわたって増加しています。特にVRアプリやARアプリは、実際の部屋で家具を見るなど、これらの要素を活用しています。もう1つの一般的な例は、eコマースサイトで人気が高まっている360度の製品ビューです。

UIデザインを特に人目を引く必要がある場合は、3Dグラフィックスがそれを実現するための優れた方法です。アニメーションは視覚的な魅力を高めます。これらの効果は2Dバージョンよりも時間がかかり、特別なスキルセットが必要ですが、全体的なユーザーエクスペリエンスに追加する場合は、追加のリソースの価値があります。

ユニークなマイクロインタラクション

マイクロインタラクションは、優れたデジタル製品設計に欠かせない要素です。それでも、多くのUIデザイナーや利害関係者には見過ごされています。

マイクロインタラクションは、ユーザーに追加の洞察とフィードバックを提供します。インタラクションアニメーション、さまざまな状態を表示するための色の変更、モバイルアプリでの触覚フィードバックなどを含めることができます。マイクロインタラクションは、デザインを機能的なものから並外れたものに高めることができます。

Webおよびモバイルアプリケーションの開発

ダークテーマ

ダークテーマは数年前から存在していましたが、2019年に発売されました。Appleは、Mojaveアップデートをリリースしたときに、それをサポートするアプリでダークテーマを自動的にデフォルトにする機能を使用して、このトレンドを支援するために多くのことを行いました。また、同じダークモード機能を提供するiOS用のアップデートもリリースしました。

ダークUIテーマは2020年も成長を続けます。視覚的な魅力を超えた最も重要な利点の1つは、 一部の人にとっては 、適切なコントラストの暗いテーマは、目の疲れを和らげることができます。

ダークテーマの扱いを受ける最新の重要なアプリの1つはGmailで、9月にオプションの展開を開始しました。 3つの主要なテクノロジー大手（Apple、Google、さらにはFacebookのモバイルアプリ）がすべてダークテーマの時流に乗った今、この傾向は近い将来消えることはないでしょう。

シンプルさ

シンプルさとミニマリズムは、数年ごとにUIデザインで流行します。今、彼らは入っています。

シンプルなデザインで機能性が最前線にあります。シンプルさは、単一のトレンドというよりも、デザイン原則の集まりです。シンプルなデザインはしばしば組み込まれます ゲシュタルトの原則 、大胆なタイポグラフィ、ミニマリスト カラーパレット 、そしてたくさん 空白 。

デザインのシンプルさは簡単に作成できません。デザイナーの側には自信が必要です。疑わしいデザインの選択を隠すものは何もないため、すべての要素が完璧でなければなりません。うまくやれば、人々が愛用するエレガントで高品質な感覚を生み出します。

音声対話

音声対話は、かつてサイエンスフィクションの領域のために予約されていました。スマートフォンとモバイルアプリはそれを変え、音声対話を可能にするだけでなく主流にしました。人々が音声コマンドを介してアプリケーションと対話できるようにすることで、製品との対話の可能性の世界が開かれます。消費者が音声コマンドを実行できる場合、運転中やレシピやチュートリアルに従うときなど、タッチインターフェースが安全または実用的でない状況でアプリを使用できます。

音声対話 新しくない 、しかし初期の反復は不格好で、しばしばうまく機能しませんでした。ここ数年で、音声インタラクションは（通常はAIを利用した支援によって）進化し、アプリとの実用的なコミュニケーション方法になりました。音声制御がさらに向上するにつれて、それがなくなることはないでしょう。グーグルはその大幅なアップグレードを発表しました Googleアシスタント I / O 2019の機能で、一部の推測は音声インタラクションの開始である可能性があります 交換 インタラクションにほぼ完全に触れます。

UIデザイナー 音声インタラクションがどのように機能し、それらを製品、特にモバイルアプリに最適に統合する方法を理解することでメリットが得られます。最終的に、音声インタラクションは、Webを含む他のタイプのインタラクションを追い抜く可能性があります。

タイポグラフィUIデザインのトレンド

新しいタイポグラフィのトレンドは毎年出現し、昨年も例外ではありませんでした。 2020年に続く可能性が高いより顕著なUIトレンドのいくつかには、セリフ書体への復帰、それほど特大ではないヒーローテキスト、および他の要素とのレイヤータイプが含まれます。

グラフィカルユーザーインターフェイスデザインが最初に登場し始めたとき、セリフは一般的に次のように嫌われていました。 読みにくい 画面上。画面の解像度が低いということは、文字の細かい部分（および一般に小規模な視覚的な詳細）が失われることを意味し、従来は印刷でうまく機能していた多くの書体がコンピューター画面でひどく見えます。

画面の解像度が上がるにつれ、セリフが画面上で読みにくいという考えが何とか持続しました。これは近年変更されており、セリフはヘッダーやヒーローのテキストを含め、いたるところに出現しています。これらのテキストは通常​​、サンセリフやディスプレイフォントのテキストよりも一般的ではありませんでした。

ヒーローのテキストは年々大きくなっているようで、ウェブサイトの「スクロールせずに見える範囲」のスペース全体を占めることがよくあります。これは2019年に変更され、ヒーローとヘッダーの画像の上に小さい（まだ目立つ）テキストが使用されました。ヒーローデザインの貴重な部分として空白を再導入することは歓迎すべき変更です。

画像の下または上（場合によっては両方）にグラフィック要素を含むレイヤータイプは、もう1つの成長傾向です。テキストがボックス化された画像や色でオーバーレイまたはアンダーレイされている場合もあれば、他の視覚要素と完全に統合されている場合もあります。

UIトレンド2020の展望

最高のUIトレンドは、デジタル製品の全体的なエクスペリエンスと有用性を向上させながら、視覚的に魅力的です。上記のトレンドは進化し続け、2020年には新しいトレンドが出現する可能性があります。

より大きなブランドがトレンドを採用し、よりユビキタスになるにつれて、それらは標準に進化し、デジタルランドスケープの一部になります。この進化は、ダークテーマのようなトレンドですでに起こっています。

他のケースでは、トレンドは数年間続き、その後、より良いアイデアや方法が出現するにつれて道に迷います。この一例は 視差スクロールUI 、数年前は信じられないほど人気が​​ありましたが、2020年にはそれほど目立つものではありません。

2020年には新しいトレンドが出現し、ここに含まれるトレンドのいくつかは年末までに衰退する可能性があります。エキスパート UIデザイナー コンテンツを提示するためのより良い方法を常に模索しています。つまり、2020年のUIトレンドの一部は、2021年までにデジタル時代精神から事実上姿を消します。

•••

ApeeScapeデザインブログの詳細：

• 未来を見据えて– 2020年のデザイントレンド
• ApeeScapeデザインブログカラーオブザイヤー2020
• UXデザイントレンドレトロスペクティブ2019
• すべてのトレンドは価値がありますか？ Webデザイナーが犯す最も一般的なUXの間違いトップ5
• 次の傾向：オマージュとデザインの盗用

基本を理解する

デザイン思考におけるストーリーテリングとは何ですか？

ストーリーテリングは、デザイン思考プロセスにおけるユーザーテストの重要な側面であり、人々からの意見を収集し、人々とつながり、共感を築くためのものです。 UIデザインのトレンドの中で、ストーリーテリングは、機能的でユーザーを魅了するストーリーを視覚的に解釈することにより、異なる方法で実装されます。

3Dインターフェースとは何ですか？

3Dインターフェースは、人が3次元環境（x、y、z軸を含む環境）と直接対話できるインターフェースです。このUIデザインのトレンドには、3次元入力デバイス（ビデオゲームコンソールで最も一般的）を含めることも、マウスなどの従来の入力デバイスを介して使用することもできます。

マイクロアニメーションとは何ですか？

マイクロアニメーションは、小さくて一般的に機能的なアニメーションを使用して、ユーザーがインターフェースをどのように操作しているかを知る手がかりを与える、最新のUIデザインパターンです。これらはユーザーに視覚的なフィードバックを提供し、インターフェースへの変更をより明確に示します。マイクロアニメーションは、インターフェイスをより直感的に使用できるようにします。

マイクロインタラクションが重要なのはなぜですか？

マイクロインタラクションは、デジタル製品を使いやすくする重要なUIデザインのトレンドです。インターフェース内で実行したアクションに対してポジティブフィードバックとネガティブフィードバックの両方を提供し、インターフェース内のアクションが結果を生み出したことを明確にすることで混乱を防ぎます。

UIデザインのタイポグラフィとは何ですか？

UIデザインのタイポグラフィには、デジタル製品内のすべてのテキストベースのコンテンツが含まれます。これには、UIのすべてのテキスト要素（タイトル、字幕、本文のコピー、キャプション、ヘルパーテキスト、メニューコピーなど）が含まれ、適切に実行されると、最新のUIデザイン内に視覚的な階層が提供されます。