Tipografia em Windows 11

  • Artigo
  • 2 minutos para o fim da leitura

Several words rendered in Segoe UI Variable

Como a representação visual da linguagem, a principal tarefa da tipografia é informar. O sistema de tipos do Windows 11 ajuda você a criar estrutura e hierarquia em seu conteúdo para maximizar a legibilidade na interface do usuário.

A variável segoe UI é a nova fonte do sistema para Windows. É uma visão atualizada do Segoe clássico e usa a tecnologia de fonte variável para fornecer dinamicamente uma grande legibilidade em tamanhos muito pequenos e contornos aprimorados em tamanhos de exibição.

Métricas

The word 'Segoe' rendered in Segoe UI Variable with several aspects of the typeface highlighted

Pesos

Nome do peso Valor do eixo de peso Visual
Claro 300 The word 'Segoe' rendered in Segoe UI Variable light
Semilight 350 The word 'Segoe' rendered in Segoe UI Variable semilight
Regular 400 The word 'Segoe' rendered in Segoe UI Variable regular
Semibold 600 The word 'Segoe' rendered in Segoe UI Variable semibold
Negrito 700 The word 'Segoe' rendered in Segoe UI Variable bold

Eixo óptico

A lower case letter a rendered in Segoe UI Variable with outlines of the different shapes it can have based on the context in which it is being rendered

A Variável de Interface do Usuário do Segoe dá suporte a dois eixos: peso e tamanho óptico. O eixo de peso é incremental, enquanto o eixo de tamanho óptico é automático e ativado por padrão. O eixo de tamanho óptico controla a forma e o tamanho dos contadores na fonte, para priorizar a legibilidade nos tamanhos pequenos e na personalidade nos tamanhos grandes.

Usando a variável Segoe Fluent

Rampa de tipos

Windows 11 usa os seguintes valores para vários tipos de texto na interface do usuário.

Exemplo Peso Altura de tamanho/linha
Example of caption text Pequena 16/12 epx
Example of body text Texto 14/20 epx
Example of body strong text Semiaberto de texto 14/20 epx
Example of body large text Texto 18/24 epx
Example of subtitle text Exibir semiaberto 20/28 epx
Example of title text Exibir semiaberto 28/36 epx
Example of title large text Exibir semiaberto 40/52 epx
Example of display text Exibir semiaberto 68/92 epx

Práticas recomendadas de tipografia em Windows 11

Windows 11 usa a Variável de Interface do Usuário do Segoe com os atributos a seguir com base no contexto em que o texto está sendo exibido.

Atributo Valor Observações
Weight Regular, Semibold Use o peso regular para a maioria dos textos, use Semibold para títulos
Alinhamento Esquerda, Centro Alinhar à esquerda por padrão, Alinhar centro somente em casos raros, como ícones de texto abaixo
Valores mínimos 14px Semibold, 12px Regular Texto menor que esses tamanhos e pesos são ilegíveis em alguns idiomas
Capitalização Caso de sentença Usar maiúsculas e minúsculas para todos os textos da interface do usuário, incluindo títulos
Truncation Reticências e recorte Usar reticências na maioria dos casos; o recorte é usado apenas em casos raros