Partilhar via


Geometria no Windows 11

Cantos arredondados e espaçamento entre elementos no Windows 11

A geometria descreve a forma, o tamanho e a posição dos elementos da interface do usuário na tela. Esses elementos de design fundamentais ajudam as experiências a parecerem coerentes em todo o sistema de design.

A geometria do Windows 11 foi criada para dar suporte a experiências modernas do aplicativo. Cantos arredondados progressivamente, elementos aninhados e calhas consistentes se combinam para criar um efeito suave, calmo e acessível que enfatiza a unidade de propósito e a facilidade de uso.

Cantos arredondados

Diálogo com cantos arredondados

O Windows 11 aplica cantos arredondados a todas as janelas de aplicativos de nível superior. O mesmo se aplica aos controles mais comuns, como Button e ListView. (Para obter mais informações, consulte Use os controles comuns mais recentes.)

Windows 11 usa três níveis de arredondamento, dependendo de qual componente da interface do usuário está sendo arredondado e como esse componente é organizado em relação aos elementos vizinhos.

Raio de canto Uso
8px Contêineres de nível superior, como janelas de aplicativos, submenus e caixas de diálogo, são arredondados usando um raio de canto de 8px.
4px Elementos na página, como botões e placas traseiras de lista, são arredondados usando um raio de canto de 4px.
0px As arestas retas que se cruzam com outras arestas retas não são arredondadas.
0px Os cantos das janelas não são arredondados quando as janelas são ajustadas ou maximizadas.