8 coisas para parar de fazer com tipografia (agora mesmo!)

Uma boa tipografia é uma arte que não deve ser muito bagunçada. As formas das letras fluem juntas para formar palavras e frases legíveis e com significado visual sutil.

Mas se você não tomar cuidado, é fácil arruinar a beleza tipográfica em um instante.

Se você escorregou em alguma dessas armadilhas de design, é hora de parar de fazer qualquer coisa nesta lista para digitar e limpar suas peças de design. (Seu portfólio agradecerá.)

Explorar recursos de design

Adicionando sombras projetadas

A maioria das fontes é perfeita do jeito que é. (Estou falando sério.)

Se as letras não funcionarem para o seu design, talvez você deva considerar outra opção de tipo. Não use a opção preguiçosa e adicione um sombreamento ou contorno óbvio demais ao texto.

… As melhores sombras passam completamente despercebidas

Existe essa regra geral sobre sombras projetadas que mais pessoas devem seguir - as melhores sombras passam completamente despercebidas. Se você puder ver a sombra em um elemento de texto, é provável que seja muito grande, muito escura e atrapalhe a legibilidade.

Honestamente, usar esses efeitos é uma maneira bastante preguiçosa de tentar fazer o texto funcionar. (Você geralmente vê sombras e contornos no texto que devem ter mais contraste com o plano de fundo.)

Por outro lado, você pode criar alguns elementos legais de texto do tipo arte com sombras e contornos. Mas é uma técnica que você provavelmente só usará algumas vezes em sua carreira de design.

Usando muitas fontes

Não é preciso dizer. Mas isso requer repetição.

O uso de muitas fontes arruina toda a tipografia em um design. Usar fontes que não se combinam bem (ou o conteúdo) pode arruinar o design.

Escolha uma paleta de tipografia para projetos. Defina uma hierarquia de tipos e trabalhe a partir daí. Obedeça às regras de estilo de tipo que você definiu para o projeto e as chances são de que tudo acabe bem.

Não sabe como emparelhar fontes? Saber mais.

Ignorando o contraste

Contraste é o que torna cada tipo do tipo legível. Isso vale para materiais impressos, sites e até itens táteis, como camisas ou outdoors.

Não ter contraste suficiente entre o plano de fundo e a tipografia - ou não levar em conta as alterações no contraste devido à luz de fundo ou a elementos ambientais - é um erro comum. E isso pode matar a eficácia de cada palavra no design.

... a tipografia de fácil leitura com forte contraste também é positiva em termos de acessibilidade do site.

Você tem apenas alguns segundos para capturar a atenção de alguém com um design. Não perca esse tempo precioso, pois os usuários lutam para entender as palavras que você deseja que eles leiam.

Para garantir a legibilidade, você deseja colocar texto claro em um fundo escuro (ou vice-versa) e não usar cores saturadas da mesma forma umas contra as outras. Como regra geral, usar texto preto (ou cinza escuro) e branco é a melhor opção, quando você tiver dúvidas sobre combinações de cores.

Uma ferramenta como o WebAIM Color Contrast Checker pode ajudar a determinar o contraste para os elementos de texto. Como bônus, a tipografia altamente legível com forte contraste também é positiva em termos de acessibilidade do site.

Uso excessivo de maiúsculas, negrito e itálico

Você sabia que muitos estilos de texto podem causar problemas quando se trata de acessibilidade?

O uso de muitas variações de tipo - todas maiúsculas, negrito, itálico e sublinhado - pode fazer com que o texto apareça muito mais compactado e espremido do que realmente é. Isso é um problema quando se trata de legibilidade.

Se você estiver usando esses efeitos de texto para acentuar ou enfatizar, pare e pergunte a si mesmo se existe uma maneira melhor. Todas essas coisas são boas quando usadas com moderação, mas não devem estar presentes no design geral.

Espaçamento duplo

Pare de colocar dois espaços entre pontos (e outras pontuações) no final das frases e no início da próxima frase. Só deixa uma lacuna estranha. Essa lacuna pode ficar ainda mais estranha no final das linhas e resultar em espaços no início de uma frase em uma nova linha.

A composição digital moderna foi projetada para cuidar do espaçamento entre as frases para você. Embora ocasionalmente seja necessário algum ajuste manual, raramente são necessários dois espaços (a menos que você esteja criando elementos de design em uma máquina de escrever).

Esquecendo o tamanho do dispositivo / tela

Não se esqueça dos usuários de dispositivos móveis ao definir tamanhos de fonte para o design do site, e-mails ou mesmo imagens de mídia social que serão exibidas em telas pequenas (e contêm texto).

O espaço entre as linhas é tão importante quanto o tamanho do próprio texto.

Embora isso não seja algo que você faça tipograficamente, o tamanho tem um grande impacto sobre se as pessoas podem entender a mensagem. Alguns tipos de letra também são feitos para tamanhos menores e renderizados bem, enquanto outras famílias de tipos são muito mais adequadas para telas grandes.

Quando se trata de pensar em ajustes de fonte, considere o tamanho e a orientação. O espaço entre as linhas é tão importante quanto o tamanho do próprio texto.

Pense em usar e escolher fontes de acordo. (Mesmo que você precise ajustar para diferentes tamanhos de tela, é provável que sim.)

Usando hífens no visor

Normalmente, não é uma grande preocupação para os designers da web, mas é importante para todos os outros: não hifenize palavras no tipo de exibição.

É apenas feio. E difícil de ler.

Não faça isso.

Continuando e continuando…

É hora de parar de pensar que você pode continuar e continuar com o tipo, porque está na web. Ninguém está lendo tudo isso, não importa quão bonita seja a letra.

Atenha-se às palavras que importam. Ele fará melhor uso da sua escolha de tipo, para que as pessoas realmente a leiam.

Quanto mais texto você tiver no design, mais tipografia se tornará.

Quando se trata de texto que continua, pense no tamanho dos blocos de texto. Os parágrafos são curtos e digeríveis? Você usa listas e formatação que facilitam a digitalização?

Pense no número de caracteres por linha - isso ajuda a determinar o tamanho da fonte - e aponte para 40 a 60 caracteres por linha (um pouco menos para as telas menores). Isso pode ajudá-lo a descobrir se os blocos de texto são muito grandes ou difíceis de ler.

Atenha-se ao alinhamento padrão para tudo, exceto títulos. Blocos longos de texto centralizado são incrivelmente difíceis de ler. As pessoas não gostam ou esperam isso - fora da poesia - e isso causa muita fadiga ocular. Blocos de texto justificados são igualmente difíceis de ler se forem longos e podem causar problemas de espaçamento desajeitados que são um desafio a ser resolvido em estruturas responsivas.

Quanto mais texto você tiver no design, mais tipografia se tornará. Use uma fonte clara e fácil de ler sem formatação difícil em blocos longos para facilitar a legibilidade.

Conclusão

Tipografia ruim pode arruinar um projeto mais rapidamente do que quase qualquer outro problema de design. Para que um design seja eficaz, as pessoas devem ser capazes de lê-lo e entendê-lo. Mais comumente, isso é na forma de tipografia.

Decoração em excesso, contraste ou escala inadequada e elementos de execução exagerados são os problemas mais comuns que você encontrará quando se trata de tipografia. Lembre-se de deixar as letras sozinhas, fornecer contraste suficiente para facilitar a leitura e usar fontes com palavras que tenham significado e contexto compartilhado.