Elevação no Windows

O Windows 11 usa disposição em camadas e elevação como base para a hierarquia de aplicativos. A hierarquia comunica informações importantes sobre como navegar em um aplicativo, mantendo a atenção do usuário focada no conteúdo mais importante. Camadas e elevação são dicas visuais poderosas que modernizam as experiências e as ajudam a parecer coerentes no Windows.

Elevação

A elevação é a dimensão de profundidade da relação espacial entre uma superfície e outra em relação à sua posição no ambiente de trabalho. Quando dois ou mais objetos ocupam o mesmo local na tela, somente o objeto com a maior elevação será renderizado nesse local.

Sombras e contornos são usados em controles e superfícies para comunicar sutilmente a elevação de um objeto e para ajudar a direcionar o foco quando necessário em uma experiência. Windows 11 usa os valores a seguir para expressar elevação com sombra e contorno.

Os controles no Windows 11 variam sua elevação e contorno para indicar o estado. A intensidade da sombra renderizada muda dependendo do tema na paridade de valor.

Disposição em camadas

A sobreposição de camadas é o conceito de sobrepor uma superfície a outra, criando duas ou mais áreas visualmente distintas dentro do mesmo aplicativo.

O Windows 11 usa um sistema de duas camadas para aplicativos. Essas duas camadas criam hierarquia e fornecem clareza, mantendo os usuários focados no que é mais importante.

• A camada base é o fundamento de um aplicativo. É a camada inferior de cada aplicativo e contém controles relacionados a menus, comandos e navegação do aplicativo.
• A camada de conteúdo concentra o usuário na experiência central do aplicativo. A camada de conteúdo pode estar em um elemento contíguo ou separada em cartões que segmentam o conteúdo.

Sombras

Sombras são uma indicação visual chave que reforça o conceito de elevação. Quando uma superfície é elevada acima de outra, ela lança uma sombra na camada abaixo dela , assim como os objetos fazem no mundo físico. Quanto maior a elevação, maior e mais suave a sombra se torna. Essa relação entre elevação e sombra ajuda os usuários a entender intuitivamente a hierarquia espacial da interface do aplicativo.

No Windows 11, as sombras funcionam em conjunto com contornos (linhas de contorno) para comunicar profundidade. Controles padrão, como submenus, caixas de diálogo e dicas de ferramentas, já incluem sombras apropriadas com base em seus valores de elevação. O uso proposital de sombras, em vez de decorativo, garante que elas permaneçam um sinal eficaz para chamar a atenção para os elementos mais importantes.

Ao projetar o layout do aplicativo, considere como as sombras podem esclarecer a relação entre superfícies sobrepostas. Por exemplo, uma caixa de diálogo exibida sobre a camada base deve projetar uma sombra perceptível para separá-la claramente do conteúdo atrás dele. No entanto, o excesso de sombras pode diminuir seu impacto e criar ruído visual.

Para saber como implementar sombras usando ThemeShadow e DropShadow em seu aplicativo, consulte Sombras em aplicativos do Windows.