Windows 11 でのレイヤー化と昇格

[アーティクル]
06/02/2023

Windows 11 では、アプリ階層の基本としてレイヤー化と昇格が使用されます。階層は、アプリ内での移動方法に関する重要な情報を伝えながら、最も重要なコンテンツにユーザーの注意が向けられたままになるようにします。レイヤー化と昇格は、エクスペリエンスを最新化し、Windows 内での一貫性が感じられるようにするうえで役立つ強力な視覚的手がかりです。

層の生成

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

複数のコンテンツ領域があるアプリケーションウィンドウ

レイヤー化とは、1 つのサーフェスを別のサーフェスに重ね合わせ、同じアプリケーション内に複数の視覚的に区別された領域を作成する概念です。

注意

Windows 11 のレイヤー化は、素材の使用と密接に連動しています。これらの適用方法に関する具体的なガイダンスについては、素材に関するセクションを参照してください。

Windows 11 では、アプリケーションに 2 レイヤーシステムを使用します。これら 2 つのレイヤーによって階層が作成されて明瞭になるため、最も重要な部分にユーザーの注意が引きつけられます。

基本レイヤーは、アプリの基礎となります。これはすべてのアプリの最下位層であり、アプリのメニュー、コマンド、およびナビゲーションに関連するコントロールが含まれています。
コンテンツ レイヤーは、ユーザーの注意をアプリの中心的なエクスペリエンスに集めます。コンテンツレイヤーは、連続した要素に配置することも、コンテンツをセグメント化するカードに分割することもできます。