Windows 11 の設計原則

Windows 11 のさまざまな設計要素

Windows 11 によって、オペレーティング システムの外観が進化します。 Fluent と共にデザイン言語を進化させ、人間的で普遍的で、本当に Windows のように感じるデザインを作成しました。

下の設計原則で、Windows を Fluent の最高クラスの実装とするための取り組みをガイドします。

手間いらず

Windows 11 は、より高速で、より直感的です。 フォーカスと正確さを保ちながら、必要な操作を簡単に行うことができます。

穏やか

Windows 11 は、より柔らかく、すっきりとしたデザインです。背景に溶け込むことで、落ち着いて集中できるようにします。 その体験は、温かみがあり、幻想的で、親しみやすい印象です。

個人

Windows 11 は、デバイスの使用方法にシームレスに適応します。 それは私一人ひとりのニーズや好みに合わせて柔軟に変化し、私が本当に自分らしく表現できるようにしてくれます。

おなじみの

Windows 11 では、今まで慣れ親しんだ Windows の感覚と、新しく更新された外観のバランスが保たれています。 習得に苦労することはなく、すぐに使い始められます。

完全かつ一貫性のある

Windows 11 では、プラットフォーム全体にわたって視覚的にシームレスなエクスペリエンスが提供されます。 一貫した Windows エクスペリエンスを保ったまま、多くのプラットフォームで作業できます。

Windows 11 の署名エクスペリエンス

署名エクスペリエンスは、Windows 11 で視覚言語を表現するために使用されるデザイン要素であり、Fluent エクスペリエンス全体で一貫性のある外観を備えています。

ウィンドウとモーダル ダイアログ (左側がライト モード、右側がダーク モード)



は、ユーザー インターフェイス要素間の視覚的階層と構造を示して、ユーザーがタスクに集中できるようにします。 Windows 11 では、落ち着きのある基本部分が用意され、ユーザーの操作性をさりげなく向上させ、必要な場合にのみ重要な項目が強調されるように色が使用されています。

1 つのコンテンツ領域を持つアプリケーション ウィンドウ

エレベーションとレイヤー

標高とレイヤー化 は、1 つのサーフェスを別のサーフェスと重ねて、同じサーフェス内に 2 つ以上の視覚的に区別された領域を作成する概念です。 Windows 11 では、昇格とレイヤーがアプリ階層の基盤として使用されます。

ショッピング カート アイコン

図像

アイコンとは、ユーザーがアプリを理解して移動するのに役立つ、一連の視覚的画像とシンボルのことです。 Windows 11 のアイコンは、デザイン言語と一緒に進化しています。 システム アイコン フォント内のすべてのグリフは、より柔らかいジオメトリとよりモダンなメタファーを受け入れるように再設計されました。

アクリルで作られた UI サーフェス

素材

素材 は、UI サーフェスを実際の人工物に似せる視覚効果です。 Windows 11 では、UI と環境とのつながりを保つために素材が使用されています。 素材は表面に命を吹き込み、フォーカスがあるアプリケーションとないアプリケーションを際立たせるのに役立ちます。

Windows 11 の新しいジオメトリを強調表示するいくつかの UI 要素

図形とジオメトリ

Geometry 画面上の UI 要素の形状、サイズ、位置を記述します。 これらの基本的なデザイン要素は、デザイン システム全体でエクスペリエンスの一貫性を持たせるのに役立ちます。 Windows 11 には、より近くて魅力的でモダンなエクスペリエンスを生み出す、更新されたジオメトリが搭載されています。

Segoe UI 変数でレンダリングされた単語

タイポグラフィ

言語の視覚的表現として、 typography の主なタスクは情報を伝達することです。 Windows 11 書体システムを使用すると、コンテンツ内に構造と階層を作り出すのに役立ち、UI の読みやすさと読みやすさを最大限に高めます。

Windows UI のモーションのいくつかの例を示すアニメーション画像。

モーション

モーションにより、インターフェイスがユーザーの操作に対してどのようにアニメーション化して応答するかが表されます。 Windows のモーションは、反応的、直接的であり、状況に応じて変化します。 ユーザーの入力をフィードバックし、目的地まで分かりやすく誘導する配置の枠組みを強化します。