Superposition et élévation dans Windows 11

Windows 11 utilise la superposition et l’élévation en tant que fondement de la hiérarchie d’applications. La hiérarchie communique des informations importantes sur la façon de naviguer dans une application tout en gardant l’attention de l’utilisateur sur le contenu le plus important. La superposition et l’élévation sont des signaux visuels puissants qui modernisent les expériences et les aident à se sentir cohérents dans Windows.

Superposition

La superposition est le concept de chevauchement d’une surface avec une autre, créant deux zones ou plus visuellement distinguées au sein de la même application.

Remarque

La superposition dans Windows 11 est étroitement couplée à l’utilisation de matériaux. Reportez-vous à la section matériels pour obtenir des conseils spécifiques sur la façon dont celles-ci sont appliquées.

Windows 11 utilise un système à deux couches pour les applications. Ces deux couches créent une hiérarchie et fournissent une clarté, ce qui permet aux utilisateurs de se concentrer sur ce qui est le plus important.

• La couche de base est la base d’une application. Il s’agit de la couche la plus basse de chaque application et contient des contrôles liés aux menus, commandes et navigation de l’application.
• La couche de contenu concentre l’utilisateur sur l’expérience centrale de l’application. La couche de contenu peut être sur un élément contigu ou séparée en cartes qui segmentent le contenu.

Elevation

L’élévation est le composant de profondeur de la relation spatiale qu’une surface a à un autre en ce qui concerne sa position sur le bureau. Lorsque deux objets ou plus occupent le même emplacement sur l’écran, seul l’objet avec l’élévation la plus élevée est affiché à cet emplacement.

Les ombres et contours (contours) sont utilisés sur les contrôles et les surfaces pour communiquer subtilement l’élévation d’un objet et pour aider à dessiner le focus si nécessaire dans une expérience. Windows 11 utilise les valeurs suivantes pour exprimer l’élévation avec l’ombre et le contour.

Window
Valeur d’élévation : 128
Largeur du trait : 1

Dialogue
Valeur d’élévation : 128
Largeur du trait : 1

Flyout
Valeur d’élévation : 32
Largeur du trait : 1

Info-bulle
Valeur d’élévation : 16
Largeur du trait : 1

Carte
Valeur d’élévation : 8
Largeur du trait : 1

Control
Valeur d’élévation : 2
Largeur du trait : 1

Couche
Valeur d’élévation : 1
Largeur du trait : 1

Les contrôles dans Windows 11 varient leur élévation et leur contour pour indiquer l’état. L’intensité de l’ombre rendue change selon le thème à parité de valeur.

Rest
Valeur d’élévation : 2
Largeur du trait : 1

Pointage
Valeur d’élévation : 2
Largeur du trait : 1

Pressed
Valeur d’élévation : 1
Largeur du trait : 1