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 au sein d’une application tout en gardant l’attention de l’utilisateur axée 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érentes dans Windows.

Superposition

La superposition est le concept de chevauchement d’une surface à une autre, créant au moins deux zones visuellement distinctes au sein d’une même application.

Notes

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

Windows 11 utilise un système à deux couches pour les applications. Ces deux couches créent une hiérarchie et fournissent de la clarté, ce qui permet aux utilisateurs de rester concentrés 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 inférieure de chaque application et contient des contrôles liés aux menus, aux commandes et à la navigation de l’application.
• La couche de contenu concentre l’utilisateur sur l’expérience centrale de l’application. La couche de contenu peut se trouver sur un élément contigu ou être séparée en cartes qui segmentent le contenu.

Elevation

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

Les ombres et le contour (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

Contrôle
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 en fonction du 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