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

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

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

ジオメトリ

ジオメトリは、画面の UI 要素の形状、サイズ、位置を表しています。 これらの基本的なデザイン要素は、デザイン システム全体でエクスペリエンスの一貫性を持たせるのに役立ちます。 Windows 11 の機能によってジオメトリが更新され、よりわかりやすく魅力的で最新のエクスペリエンスが実現されます。

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



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

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

レイヤー化と昇格

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

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

素材

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

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

図像

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

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

文字体裁

言語の視覚的表現である文字体裁において、何よりも重要な役割は情報を伝達することです。 Windows 11 書体システムを使用すると、コンテンツ内に構造と階層を作り出すのに役立ち、UI の読みやすさと読みやすさを最大限に高めます。

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

モーション

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