Dicas e considerações ao escolher um tipo de letra (com infográfico)

Publicados: 2022-03-11

Escolher um tipo de letra para qualquer projeto de design pode ser estressante. Alguns designers usam como padrão o mesmo punhado de fontes com as quais se sentem confortáveis ​​para cada projeto. Outros passam horas tentando descobrir o tipo de letra certo para o trabalho sem nunca se sentirem realmente confiantes em sua escolha final. Não é surpreendente, considerando que existem mais de meio milhão de fontes.

O tipo de letra certo pode fazer um design, enquanto o errado pode definitivamente quebrá-lo. A experimentação e a prática são importantes para dominar a seleção de tipos de letra. Mas há algumas coisas que os designers podem ter em mente para tornar a seleção do tipo de letra mais fácil e mais focada.

Alcance

O escopo do projeto ou projetos em que uma fonte será usada é uma das primeiras coisas que os designers devem considerar ao escolher um tipo de letra. Uma fonte que será usada apenas para um escopo limitado, como um conjunto de slides, precisará ser menos flexível do que uma que será usada em toda a presença visual de uma marca.

Os designers devem pensar se o tipo de letra será usado apenas para projetos digitais ou também impressos. Eles também devem pensar se as fontes serão usadas por tempo limitado ou indefinidamente. Pode ser útil fazer uma lista de todos os projetos potenciais para os quais um tipo de letra será usado no início da escolha de uma nova fonte.

Considere todas as aplicações ao escolher um tipo de letra
plano. usa um tipo de letra em todos os seus materiais de marca, incluindo seu logotipo. (Design de Alan Grynberg)

Humor

Cada projeto tem um humor. Seja esse clima formal ou informal, divertido ou sério, moderno ou clássico, ou algo completamente diferente. E como todo projeto, todo tipo de letra tem um clima.

É importante que os designers considerem o clima do projeto e como os tipos de letra que estão considerando reforçam ou colidem com esse clima. Por exemplo, usar Comic Sans em um site de um escritório de advocacia entraria em conflito. Algo como Crimson Text ou Helvetica funcionaria muito melhor.

Mood boards são uma boa maneira de avaliar as escolhas de tipo de letra
Os quadros de humor são uma ótima maneira de avaliar como as escolhas de tipo de letra se encaixam no clima geral de um design. (Design de Olivia Maya)

Funcionalidade

Nem todo tipo de letra fica bem em todos os pesos e tamanhos. Fontes de exibição que parecem incríveis em tamanhos maiores podem se tornar ilegíveis em tamanhos menores. Tipos de letra que ficam ótimos em tamanhos pequenos no corpo do texto às vezes podem parecer muito simples ou até chatos quando usados ​​em tamanhos de exibição.

Alguns tipos de letra podem ficar bem em praticamente qualquer tamanho, no entanto. Os designers devem testar as fontes que estão considerando em cada tamanho que podem usar essas fontes para garantir que sejam legíveis e não afetem negativamente o UX.

Como escolher o tipo de letra certo: considere a legibilidade em todos os tamanhos necessários
Roboto é um dos muitos tipos de letra que podem ser usados ​​em tamanhos grandes e pequenos de forma eficaz.

Versatilidade

Fontes que são perfeitas para uso na web podem não traduzir bem para uso impresso e vice-versa. Fontes como Georgia que foram projetadas especificamente para legibilidade em telas de baixa resolução não são tão adequadas para trabalhos de impressão quanto uma fonte como Book Antiqua pode ser.

Se uma fonte for usada apenas para um único projeto, é fácil determinar se a funcionalidade de impressão ou tela é mais importante. Mas para fontes que podem ser usadas em vários projetos, os designers devem certificar-se de que a fonte funcionará em todos os meios em que pode ser usada.

Estilos de tipografia: escolha uma fonte que funcione em uma variedade de mídias
A escolha da fonte da Drop Co funciona em designs impressos e digitais. (Design por Marka Network e Mustafa Akulker)

Mensagem

A mensagem do projeto – seja uma apresentação de slides ou a identidade visual de uma marca – é vital para determinar a melhor fonte a ser usada. Se a mensagem for séria, a fonte também deve ser séria e vice-versa.

A fonte errada pode inviabilizar completamente a mensagem que uma marca está tentando enviar. Por exemplo, usar algo moderno como Open Sans em um design para um site de sociedade histórica realmente não reforça a mensagem. Uma fonte como o Crimson Text funcionaria muito melhor.

Combinações de fontes que reforçam a mensagem de uma marca
As fontes do site Olivia Palermo reforçam perfeitamente a mensagem sofisticada e elegante da marca.

Legibilidade

A legibilidade é sem dúvida a característica mais importante de um tipo de letra. Como o tipo é usado para comunicar uma mensagem, se essa mensagem não puder ser lida, o tipo de letra falhou em seu trabalho.

Legibilidade e legibilidade não são exatamente a mesma coisa. Legibilidade refere-se a quão fácil é distinguir formas de letras dentro de uma fonte. A legibilidade leva isso um passo adiante e refere-se à facilidade com que palavras diferentes podem ser distinguidas e lidas.

A legibilidade e a legibilidade podem ser afetadas drasticamente pelo tamanho da fonte usada. Uma fonte que parece ótima em 18 pixels pode ficar ilegível em 10 pixels. Isso não é necessariamente um fator decisivo, a menos que o designer saiba que a fonte precisará ser usada em tamanhos menores.

Características do tipo de letra: o tamanho da fonte é importante para a legibilidade
O tamanho da fonte tem um impacto significativo na legibilidade das fontes.

línguas

Nem todo site ou projeto de design será traduzido para vários idiomas. Mas é uma boa ideia determinar no início de um projeto se a tradução é provável. Nem todos os tipos de letra suportam caracteres especiais (como aqueles que são acentuados), muito menos alfabetos como cirílico e grego.

Em quase todos os projetos, é importante que o tipo de letra usado suporte pelo menos caracteres latinos estendidos, como acentos e tremas. Não ser capaz de soletrar palavras ou nomes porque os sotaques não são suportados pode fazer com que um projeto pareça pouco profissional na melhor das hipóteses.

Elementos tipográficos: o suporte ao idioma pode ser importante para alguns designs
O suporte para vários idiomas pode ser importante ao escolher um tipo de letra para alguns projetos.

Estilo

Existem quatro estilos básicos de fonte: serif, sans serif, display e script. As fontes com serifa são frequentemente vistas como mais tradicionais e formais (embora nem todas sejam). As fontes sem serifa podem ser vistas como mais modernas e minimalistas. As fontes de exibição não são adequadas para uso em tamanhos pequenos, mas sua aparência varia muito. As fontes de script lembram caligrafia ou caligrafia. As fontes de script e de exibição são usadas principalmente para pequenos blocos de texto ou coisas como títulos e títulos.

Para facilitar a leitura, as fontes com serifa já foram vistas como mais fáceis de ler na impressão, enquanto as fontes sem serifa como mais fáceis de ler na tela. Mas a maioria dos tipos de letra modernos em ambos os estilos podem funcionar bem em qualquer meio, especialmente com avanços nas resoluções de tela.

Os designers devem considerar se desejam usar fontes de exibição ou script para seus títulos e títulos e decidir se os tipos de letra serif ou sans serif melhor se adequam à sua mensagem e à marca do projeto. Decidir isso restringe as opções de fonte para um designer, o que pode facilitar a escolha de uma seleção final.

Opções de tipo de letra: Combinando tipos de letra com serifa e sem serifa
Obachan usa fontes serif e sans serif em todo o site.

Marca

Cada marca tem um humor e uma mensagem. É importante que todos os elementos visuais - não apenas os tipos de letra - correspondam e suportem a impressão que a marca deseja dar ao público.

Restringir as opções de tipo de letra com base na adequação da marca pode começar com a criação de uma lista de palavras-chave que representam a marca. A partir daí, os designers podem pesquisar fontes que incluam essas palavras-chave ou sinônimos.

Por exemplo, se uma marca for formal e tradicional, uma fonte como Garamond ou Caslon seria uma boa opção. Se uma marca é moderna e de ponta, o designer pode escolher algo como Roboto ou Raleway.

Boas combinações de fontes podem reforçar a mensagem e o humor da marca
A mistura da Pureskin de uma fonte de script informal com uma fonte limpa sem serifa reforça sua marca moderna e feminina. (Design por Marka Network e Mustafa Akulker)

Licenciamento

Embora muitas fontes tenham licenças gerais que permitem o uso em praticamente qualquer situação, outras não. Algumas licenças só permitem o uso em uma mídia ou outra. Outros permitem o uso em materiais promocionais, mas agora podem permitir o uso em um produto que está sendo vendido.

Outra consideração é que, se vários designers estiverem trabalhando em um único projeto, cada um deles poderá precisar de uma versão licenciada da fonte. Os designers devem ter certeza de que entendem o licenciamento de todas as fontes que estão pensando em usar e quais limitações essas licenças podem impor.

Combinações

Nem todas as fontes funcionam bem com outras. Alguns tipos de letra são neutros o suficiente para que possam ser combinados com centenas de outras fontes. Mas outros têm um caráter tão único que as combinações adequadas são limitadas.

Há vantagens para ambos. Combinações limitadas podem tornar mais rápido encontrar uma adequada, já que os designers podem ter apenas uma dúzia para escolher. Mas ter opções mais amplas pode oferecer mais flexibilidade em projetos futuros. Escolher combinações de fontes é uma arte e uma ciência e exige muita experimentação e prática para os designers dominarem.

Combinações de fontes: fontes com serifa e sem serifa funcionam bem juntas
Combinar vários tipos de letra sem serifa e serifa funciona bem neste design de embalagem para o Chá de Sophia. (Design por Marka Network e Mustafa Akulker)

Famílias de fontes grandes

Famílias de fontes grandes, como Roboto ou Baskerville, que têm vários pesos e estilos podem facilitar para os designers criarem designs tipográficos complexos sem o estresse de descobrir quais tipos de letra funcionam bem juntos. Algumas famílias de fontes grandes incluem versões com serifa e sem serifa, o que oferece ainda mais flexibilidade ao designer.

Em projetos de longo prazo, como a identidade visual de uma marca, famílias de fontes maiores também oferecem mais versatilidade. Ser capaz de alternar entre vários pesos ou estilos com base nas necessidades exatas do projeto oferece aos designers mais flexibilidade sem ter que se desviar da identidade estabelecida da marca.

Elementos tipográficos: grandes famílias tipográficas oferecem mais versatilidade
Grandes famílias de fontes como Nimbus Sans oferecem muita versatilidade aos designers, o que é especialmente útil em projetos de longo prazo ou de grande escala.

Como escolher o tipo de letra certo

Manter essas dicas em mente para qualquer projeto de design pode tornar a escolha de um tipo de letra um processo muito mais suave. Designers que desejam refinar suas habilidades de seleção de tipos podem trabalhar em projetos práticos, como escolher um novo tipo de letra para uma marca conhecida ou um projeto fictício. Então, quando confrontados com projetos do mundo real, eles estarão mais confiantes em suas habilidades e escolhas.

Uma compreensão completa do que cada projeto envolve permite que os designers entendam melhor qual tipo de letra atenderá melhor a essas necessidades. Uma vez que o escopo do projeto tenha sido definido, as outras considerações – como humor, versatilidade, mensagem e marca – podem orientar os designers para as melhores opções de fonte. Outras considerações, como legibilidade, funcionalidade e suporte ao idioma, podem ajudar os designers a refinar ainda mais essas opções para encontrar a fonte perfeita para seu trabalho de design.

Infográfico tipográfico

Baixe uma versão em PDF deste infográfico.
Incorpore este infográfico em um site.

• • •

Leia mais no Blog Toptal Design:

  • Como estruturar uma hierarquia tipográfica eficaz
  • Dissecando os meandros da anatomia tipográfica (com infográfico)
  • Projetando para legibilidade - Um guia para tipografia da Web (com infográfico)
  • Compreendendo as nuances da classificação de tipo de letra
  • Minitutorial - Um guia para combinações de fontes