10 regras para design de tipo perfeito, sempre
Você já reparou que alguns projetos parecem brilhar com um ótimo tipo? Alguns designers têm um certo talento para projetar tipografia perfeita para cada projeto.
Você pode fazer isso também. Com algumas regras simples, você pode melhorar a aparência e o design da tipografia em todos os seus projetos, digitalmente e impressos. Se você tiver dificuldade em escolher tipos de letra e emparelhar fontes, essas regras o ajudarão a criar sempre o tipo perfeito. (Apenas siga-os.)
Explore o Envato Elements
1. Estabeleça metas para o projeto
Uma boa tipografia começa com uma sólida compreensão do que seu projeto deve fazer. Antes mesmo de começar a navegar no Google Fonts ou no Typekit, anote as respostas para algumas perguntas.
- Quem você está tentando alcançar com este projeto?
- O que os usuários devem fazer com o design?
- Quais são os pontos de conversão?
- Qual é o humor do projeto?
- Você precisa combinar ou coordenar com outros designs ou marcas?
As respostas ajudarão você a começar uma idéia de que tipo de tipografia você está procurando. (Aqui está um guia para o significado e o humor das fontes em projetos de design.)
2. Procure formas semelhantes
Quando se trata de combinar vários tipos de letra em um design, algo tão simples quanto a forma das letras pode criar ou alterar a combinação de fontes.
Então, como você garantir que você faça isso?
Procure fontes com formas semelhantes. Pense se cada tipo de letra é mais redondo ou oval, grosso ou fino, tem uma altura x curta ou alta ou inclui uma inclinação ou inclinação.
Escolha um tipo de letra principal ou de corpo que você goste e depois combine tipos de letra complementares com formas semelhantes.
- Veja o "o" minúsculo em cada família de tipos. A “tigela” interna é redonda ou oval? Corresponde a tipos de letra em que a parte interna do "o" é a mesma.
- Não há problema em emparelhar fontes grossas e finas. É melhor emparelhar um tipo de letra grosso ou fino e regular.
- Procure tipos de letra com alturas x semelhantes (o tamanho vertical de um "x").
- Não tenha medo de misturar e combinar estilos de tipos diferentes. Tente uma combinação com serifa e sem serifa. Apenas verifique se, se um tipo de letra é complexo, o outro é simples. E use o tipo de letra simples para o aplicativo mais amplo, como o texto do corpo.
- Preste atenção à inclinação e itálico. (Você pode olhar para o centro do “o” novamente como uma diretriz.) Não use mais de um tipo de letra inclinado e evite pares de caracteres inclinados em direções opostas. Eles podem ser dissonantes para os usuários.
Ainda não tem certeza? Aqui está um guia para misturar tipos de letra.
3. Defina uma escala de tipo para dimensionamento
O tamanho das letras pode criar ou quebrar um projeto. Se o texto for muito grande, resultará em padrões de leitura não naturais com muitas pausas e paradas. Se o texto for muito pequeno, poderá forçar os olhos e fazer com que os usuários abandonem o design.
Quando o texto está correto, os usuários percorrem as palavras livremente.
O texto com o tamanho adequado também é fornecido com uma escala para diferentes tamanhos no projeto. O texto do corpo é de um tamanho, os títulos são de outro tamanho e os subtítulos são de outro tamanho. E todos os tamanhos e uso devem ser consistentes em todo o design.
O que isso faz para os usuários é facilitar a leitura de tudo.
- O tamanho do texto prioriza as informações por importância. Tipo maior é mais importante e tem maior probabilidade de ser desnatado pela maioria dos usuários.
- Uma escala aumenta a capacidade de digitalização do texto, para que os usuários possam visualizá-lo rapidamente.
- Os itens relacionados têm a mesma aparência.
- Elementos de texto maiores, como subtítulos, ajudam a dividir longos blocos de texto, facilitando a leitura.
4. Preste atenção ao espaçamento
Não é o tipo em si, mas o espaçamento de tipos é importante.
Kerning, liderança, rastreamento e preenchimento podem renderizar seu tipo lindamente ou transformá-lo em uma bagunça quente.
Há uma arte para obter o espaçamento correto. E muito disso depende das combinações reais de letras usadas, tamanho e tipo de letra. Não há regra de kerning - a não ser fazê-lo quando necessário - e não há uma quantidade perfeita de preenchimento para texto e outros elementos.
Você terá que olhar para ele.
O teste é sentir. Se o design parecer “desligado” de uma maneira que você não pode identificar, o espaçamento problemático pode ser o culpado. É preciso prática - e um bom olho - para acertar.
5. Alinhar à esquerda para leitura
Em inglês, assim como em outros idiomas, os usuários leem da esquerda para a direita. Esse também é o alinhamento ideal para otimizar a legibilidade dentro de blocos de cópia.
Pequenos pedaços de texto - elementos de menu ou manchetes de heróis - não precisam se alinhar à esquerda porque são rápidos para ler. Grandes quantidades de cópia - qualquer coisa além de uma frase - provavelmente devem ficar alinhadas. (A justificação é discutível, embora possa causar alguns problemas de espaçamento se você não for muito cuidadoso.)
6. Escolha famílias de dois tipos
Essa regra provavelmente já foi especificada em sua cabeça: use apenas dois tipos de letra para um projeto.
Está sendo dito aqui novamente, porque poucos designers realmente prestam atenção a esta regra. Examine a web ou o site de um portfólio e você verá muitos projetos com "fontes enlouquecidas!"
Se você está planejando violar essa regra, pense novamente. O que você está ganhando ao adicionar outro tipo de letra à mistura? Em vez disso, observe o tipo de letra que você selecionou e veja se outro estilo - negrito, fino ou itálico - pode ser uma solução melhor.
7. Não altere fontes
Nunca estique, torça ou incline um tipo de letra. Se você precisar de algo diferente do que possui, escolha uma opção diferente.
Os designers de texto gastam muito tempo criando letras que funcionam como apresentadas. Alterar a forma das letras prejudica a legibilidade e pode fazer com que as fontes se “separem” da maneira que uma foto fica pixelizada quando você usa um tamanho maior que o original.
8. Use muito contraste
Uma das coisas que causa problemas aos designers é colocar texto em uma imagem ou elemento de plano de fundo. Só funciona quando você tem bastante contraste entre os elementos para criar separação e garantir a legibilidade.
Se você precisar adicionar uma sombra projetada às letras, não haverá contraste suficiente.
A luz no escuro ou no escuro pode garantir a legibilidade. Também ajuda a usar um tipo de letra com um traçado regular ou mais amplo.
Mas nem sempre é esse o caso. Uma foto pode incluir espaços claros e escuros, ou deixar incluir traços grossos e finos.
As opções incluem texto de boxe, escolha um tipo de letra mais pesado ou adicione uma sobreposição de cores à imagem. Todas essas técnicas podem ajudar a criar mais contraste e tornar o texto mais legível. (Além disso, eles tendem a se sustentar quando usados em vários pontos de interrupção responsivos, nos quais textos e imagens se movimentam.)
9. Lembre-se da tipografia móvel
Quando se trata de tipografia para a web, a legibilidade móvel deve ser uma das principais preocupações. Técnicas divertidas, como adicionar um padrão ou textura às letras, podem funcionar na impressão e em algumas telas da área de trabalho, mas ficam aquém em dispositivos menores.
Você precisa pensar em como as fontes serão renderizadas em todos os usos. (Volte para a sua escala de tipografia e lembre-se de incluir especificações para o tipo em telas grandes e pequenas.)
A tipografia móvel geralmente é um pouco grande e inclui um pouco mais de espaço do que a tipografia em computadores. Também ajuda se os parágrafos forem mais curtos, para que você não acabe com blocos de texto que levam vários pergaminhos para serem lidos, o que pode intimidar os usuários.
10. Siga um guia de estilo
Depois de ter uma idéia sólida de como o tipo deve parecer em um projeto, crie um guia de estilo com todas as suas regras exatas de uso.
Faça cópias. Coloque-o online em um local acessível. E use-o sempre que fizer alterações no design.
A consistência é um componente essencial do design perfeito da tipografia.
Conclusão
O problema da tipografia boa versus ruim é que a maioria dos usuários pode identificar um ou outro. Eles só sabem quando o design simplesmente não está certo.
A principal preocupação quando se trata de criar uma tipografia perfeita é a legibilidade. O tipo deve ser fácil de ler e entender. Deve corresponder ao humor da cópia. E deve parecer quase invisível para os usuários; funciona quando eles não precisam pensar nisso e podem ler com facilidade.
