Tipo
.png "a palavra Windows com atributos de tipo em texto explicativo")
Considere com que frequência lemos texto em nossas vidas diárias - em emails, livros, sinais de trânsito, preços em um cardápio, marcas de pressão dos pneus ou cartazes em postes. Somos constantemente inundados com textos que são divertidos, informativos, instrutivos e significativos. No centro de tudo isso estão a tipografia e o layout.
.png "Texto de bom dia em um aplicativo de Alarmes")
Embora imagens possam criar visuais atraentes, é a tipografia que comunica o conteúdo para um leitor e garante um design bem-sucedido. Para criar uma tipografia atraente, focalize-se nos seguintes aspectos:
- Opção de tipo
- Espaço em branco
- Hierarquia
- Altura da linha
- Tamanho do texto
A aplicação correta desses aspectos resulta em designs efetivos de alta qualidade que são bem-definidos, significativos e fáceis de navegar.
Tipografia no Windows
No Windows, usamos uma abordagem de "conteúdo primeiro" que remove itens de interface do usuário e elementos desnecessários. Nesse ambiente minimalista, a tipografia tem ainda maior destaque e é crucial para a navegação.
.jpg "Aplicativo de metereologia")
Dispomos de profundas diretrizes de tipo que estão ancoradas pela rampa de tipos. A rampa de tipos estabelece uma relação de design fundamental desde os títulos até o corpo do texto, garantindo uma hierarquia clara e compreensível entre os diferentes níveis. Os usuários compreendem imediatamente onde encontrar as informações e como analisar a página.
.png "rampa de tipos")
Também consideramos cuidadosamente os detalhes da nossa tipografia, incluindo traços, reticências, caixetins, apóstrofos e aspas. O somatório de todas essas considerações, juntamente com a rampa de tipos, cria uma marca e uma identidade consistentes para experiências do Windows e demonstra a nossa dedicação aos detalhes específicos de uma boa tipografia.
Como você pode usar tipografia
O uso ponderado da tipografia pode fazer muito mais do que simplesmente comunicar conteúdo. Ele também reforça e enfatiza identidades de marca. Vamos dar uma olhada em alguns exemplos.
Este aplicativo ESPN usa efetivamente a fonte Sans Benton da Font Bureau em títulos para estabelecer uma aparência específica para o aplicativo. Em vez de uma opção de face de tipos genérica e padrão, a Benton Sans introduz uma aparência ativa, poderosa e engajada para o aplicativo. Isso diferencia o aplicativo dos demais, além de dar suporte para a marca da ESPN.
.jpg "Aplicativo ESPN")
A Expedia é um pouco mais simples no que diz respeito a reforçar sua marca. Neste aplicativo, a Expedia usa uma fonte que se alinha estreitamente ao seu logotipo. Isso garante que cada linha de texto do cabeçalho lembre os usuários de qual aplicativo eles estão usando, além de garantir uma identidade visual consistente em todo o aplicativo.
.jpg "Aplicativo da Expedia")
O aplicativo Princess Dress-up Sticker Book da Disney usa a fonte Goudy Bookletter 1911 da League of Moveable Type para suas sessões narrativas que contam a história de cada princesa. Essa face de tipos tem uma aparência fantasiosa e amigável, o que faz com que o texto aparente ser comunicativo para os leitores. Além disso, o aplicativo usa texto grande com amplo espaçamento entre linhas para garantir que os elementos da história sejam fáceis de ler, mesmo para leitores mais jovens.
.jpg "Aplicativo Disney Princess Dress-Up Sticker Book")
Cut the Rope é um aplicativo bem conhecido e bastante apreciado, conhecido pela paixão por doces de seu pequeno monstrinho. Com um tema tão divertido e cativante, o aplicativo precisa de um faca de tipos que seja divertida e legível para transmitir instruções importantes sobre como distribuir doces para o monstro. Os criadores do aplicativo usaram a fonte Good Dog da Fonthead. Ela passa uma impressão despreocupada e manuscrita e expressa efetivamente a marca do produto. Não há fontes chatas aqui!
.jpg "Aplicativo Cut the Rope")