Windows 11 のジオメトリ

11 の角と要素の間隔を丸Windows 11

ジオメトリは、画面の UI 要素の形状、サイズ、位置を表しています。 これらの基本的なデザイン要素は、デザイン システム全体でエクスペリエンスの一貫性を持たせるのに役立ちます。

Windows 11 ジオメトリは、最新のアプリ エクスペリエンスをサポートするために作成されています。 徐々に丸められた角、入れ子になった要素、一貫性のある gutter を組み合わせて、目的の統一と使いやすさを重視するソフトで落ち着いた、使いやすい効果を作成します。

丸い角

角が丸いダイアログ

Windows 11 では、すべてのトップ レベルのアプリ ウィンドウに角が丸く適用されます。 Button や ListView などの最も一般的なコントロールにも同じことが当てはまれます。 (詳細については、「最新のコモン コントロールを使用する」を参照してください)。

Windows 11 では、丸めされる UI コンポーネントと、そのコンポーネントを隣接する要素に対してどのように配置する方法に応じて、3 つのレベルの丸めが使用されます。

角の半径 使用法
8px アプリ ウィンドウ、フライアウト、ダイアログなどの上位レベルのコンテナーは、8 ピクセルの角半径を使用して丸められます。
4px ボタンやリスト バックプレートなどのページ内要素は、4 ピクセルの角半径を使用して丸められます。
0px 他の直線エッジと交差する直線エッジは丸めではありません。
0px ウィンドウがスナップまたは最大化されている場合、ウィンドウ の角は丸めされません。