Compartilhar via


Geometria no Windows

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 foi criada para dar suporte a experiências de aplicativos modernas. 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.

Dica

Este artigo descreve como a linguagem de Design Fluente é aplicada a aplicativos do Windows. Para obter mais informações, consulte Design fluente - Formas.

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.