2021年のウェブデザインとUIのトレンド

ダークモード

ダークモードはどこにでも普及しています。ほとんどのブラウザやモバイルデバイスにはライトモードとダークモードを切り替える機能があるため、たとえデフォルト設定でなくても、ダークモードを採用した場合のアプリの見た目を考慮する必要があります。

ダーク モードがユーザーの間で最も選ばれる選択肢となったため、Web サイト全体やユーザー インターフェイスのデザインに、より暗いカラー パレットを採用するデザイナーが増えています。

これらのプロジェクトは賛否両論の影響を与えることが多いため、オプションを切り替える予定がない場合でも、ダーク モードがメッセージングの全体的な雰囲気や Web サイト デザインのコンテンツにどのように影響するかを検討することが重要です。

より明るいインターフェースを作成するデザイナーは、ユーザーがダークモードを選択したときにどのように見えるかを考慮して設計する必要があります。ダークモードは単にカラーパレットを反転させるのではなく、ライトモードと同じ視覚効果を生み出し、読みやすさと機能性を維持する、暗い色と暗い色を意図的に組み合わせる必要があることに注意してください。

ウェブサイトのデザインでダーク モードを最大限に活用するためのヒントは次のとおりです。

「白」と「黒」を使う必要はありません。ライトモードとダークモードの明暗を考えてください。（濃い紫色の背景には薄いグレーを使うのも良いでしょう。）

暗い背景には、彩度の高い色は使用しないでください。

色のバリエーション（明るい色と暗い色）を使用して階層を確立します。

ユーザーが外観デザインを選択できるように、ライトモードとダークモードのトグルスイッチを提供します。

ダークモードでのアクセシビリティを忘れず、サイズとコントラストに注意してください。

実験的なフォント 

実験的なフォントは、Web サイトやモバイル アプリのプロジェクトでますます人気が高まっています。

これらのフォントは、プロジェクトに合わせてカスタマイズされ、独特で個性的なデザインです。実験的なフォントは、息を呑むような芸術作品から、標準的なフォントデザインの一部として驚きを与えるものまで、多岐にわたります。

実験的なフォントは、モノクロ スタイルであったり、カラーが含まれていたり、アニメーション化されていたり、完全な文字セットまたは省略された文字セットが含まれていたりする場合があります。

実験的なフォントを最大限に活用する方法は次のとおりです。

1. これらのフォントは視覚的に重くなりがちなので、デザインの残りの部分はシンプルに保ちます。

2. 読みやすいセカンダリフォントと組み合わせます。

3. Designmodo のロゴに使用されているような、主要な要素にカスタムの実験的なフォントを検討します。

あまり多くの顔のないデザイン

この傾向は、世界的なコロナウイルスのパンデミックによるデザイナーや顔の減少の直接的な結果である可能性があります。

理由は実用的です。大勢の人がマスクを着用していないため、デザイナーたちは既存の画像を活用して適切なイメージを構築する方法を模索しています。あるいは、人が写っていない画像を選んでいるのかもしれません。

さまざまな Web サイトを閲覧するのは初めてであり、あまり見たことがないかもしれません。

これは今のところ大きなトレンドですが、パンデミック後に人々が再び大規模な集まりを始めると、この傾向が長く続くとは期待しないでください。