Os erros mais comuns na tipografia

Última atualização
31 maio 2023
Tempo de leitura
5 min

Essa disciplina do design gráfico é essencial para uma comunicação efetiva das peças; conheça os segredos para evitar distorções em seus desenhos de letras e números e leve seu trabalho para o próximo nível!

A tipografia é a arte, estudo, criação e aplicação de caracteres, estilos, formatos e composição visual de fontes e palavras. Como um importante elemento do design gráfico, seu principal objetivo é ordenar estruturalmente e visualmente a comunicação através das fontes. Aproveitando o trocadilho, as letras dizem muito além daquilo que está escrito.

O professor Leonardo Buggy, designer especialista em tipografia, afirma que todas as letras e números feitos para tipografias ou letterings possuem uma série de ilusões conhecidas como efeitos óticos e estruturais.

“Alguns fundamentos são elementares, básicos, na tipografia. Porém, a maioria das pessoas não os percebem e continuam repetindo o erro e tendo uma sensação de ‘algo está errado’ mas sem identificar o que é”, explica Leonardo. “Isso é extremamente comum, mesmo entre designers, porque a gente pensa que tem uma intimidade com as formas numéricas ou do alfabeto, mas essa familiaridade é apenas na escala de uso, não de projeto. Para trabalhar com elas em escala de projeto, você tem que observá-las de maneira microscópica e a maioria de nós não tem esse costume.”
Conhecer as principais distorções que afetam esses caracteres, vai fazer com que você aprenda a corrigir seus desenhos e levar seu trabalho para o próximo nível.

Efeitos óticos e estruturais elementares da tipografia

“Eles são as distorções visuais entre a imagem impressa e a percebida. Ao tipógrafo, o que interessa é o que é percebido, não o que é impresso. Isso porque, para as pessoas, a sensibilidade óptica é superior à sensibilidade geométrica. Ou seja, o que ela percebe ao olhar para uma forma importa mais do que a simetria perfeita.”
Então, o tipógrafo precisa trabalhar sempre fazendo compensações visuais.
A seguir, ele explica quais são esses efeitos e como fazer essa compensação:

“as áreas internas das letras e números devem ser desenhadas ligeiramente menores do que se deseja que sejam percebidas.”

Expansão do branco
“O preto é uma área de cegueira numa superfície, não tem luz ali, então, na verdade você tem que desenhar pensando no branco em volta da letra, não na letra. Ao ver dessa maneira, muita coisa começa a fazer mais sentido”, diz o tipógrafo.
O branco é transmitido para o cérebro ligeiramente maior do que o tamanho que possui originalmente. Portanto, as áreas internas das letras e números devem ser desenhadas ligeiramente menores do que se deseja que sejam percebidas.

Halos luminosos

“As áreas brancas de fronteira com o preto aparentam ser mais brancas e brilhantes que o próprio papel, formando halos luminosos que circulam as letras.Quanto maior a diferença entre fino e grosso, maior esse halo luminoso. É isso que acontece com a letra negrito, ou bold. Ela não fica mais marcante porque aumenta a área do preto mas porque aumenta essa diferença entre os finos e grossos.”Logo, se sua ideia é dar mais ênfase a certas letras e palavras, aumente essa diferença.

Irradiação e hot spot

“A irradiação do branco afeta nosso julgamento da proporção de letras. Quando você tem um elemento preto muito pesado, o halo em volta dele vai ser bem marcante. Quando ele encontra com outro elemento preto pesado, a irradiação de branco entre eles forma um hot spot. Isso é usado na fonte face buster, por exemplo, você pode usar uma risca branca finíssima mas ela vai ser tão vibrante que vai ser percebida sem problemas porque os elementos pretos nas duas extremidades são bem pesados.”

Expansão central do branco

“A retina tem mais sensores para perceber luz no centro da visão do que nas extremidades, ocasionando uma deformação na percepção. A gente vai perceber os espaços brancos no centro maiores do que os espaços nas extremidades, então isso precisa ser compensado. O centro geométrico da letra, então, não é o ‘correto’, mas sim o centro óptico, que fica levemente acima do centro geométrico. Um exemplo é a letra H, se a haste fica exatamente no meio, ele é percebido de forma estranha, então devemos colocar a haste ligeiramente para cima”, explica.
É por isso também que a “barriga” de cima do B é ligeiramente menor, para que não tenha a distorção óptica que aconteceria se eles fossem simétricos.

Gravidade“Essa é uma percepção psicológica, o cérebro transfere a gravidade na nossa realidade ao olhar para letras, dando mais peso para o que está deitado. Exemplo: um T com a haste superior mais fina que a vertical fica mais harmonioso do que se as duas tiverem o mesmo peso.”
Para evitar esse erro comum, os traços horizontais devem sempre ser mais finos que os verticais.

Overshoot
“Se a letra é curva em cima e reta embaixo, ou vice-versa, isso vai modificar a dimensão da letra na nossa percepção. O cérebro faz essa compensação visual quanto há pontas e curvas nas extremidades. Portanto, o tipógrafo deve compensar essa percepção no desenho, fazendo as extremidades curvas ou pontudas ligeiramente maiores que as extremidades retas.”

Página inicial / Design
Equipe EBAC

O conteúdo

Profissão: UX/UI Designer

Aprenda a projetar interfaces para ambientes móveis e web com foco na experiência do usuário. Torne-se um UX/UI Designer para atender as necessidades do usuário através de soluções visuais e inovadoras que trarão grandes benefícios para qualquer negócio.

20 horas
12x de
R$ 420,42
(parcelas sem juros no cartão de crédito)
Investimento pelo curso completo
R$ 5.045
R$ 10.085
Inscreva-se no curso
Compartilhe sua opinião
Notificar sobre comentários

Ou como convidado

Cadastre-se Cadastre-se Cadastre-se Cadastre-se Cadastre-se

Artigos Relacionados

25 jan 2024
6 min
O que faz um full stack designer e como se tornar um?

Requisitado pelas empresas, esse profissional domina diferentes áreas do design

25 jan 2024
6 min
09 jan 2024
11 min
O que é identidade visual?

Entenda qual a importância e os benefícios de uma identidade visual para uma empresa e como desenvolver uma.

09 jan 2024
11 min
23 dez 2023
6 min
O que é e no que consiste o design editorial?

Seus textos vão se tornar mais interessantes e fáceis de ler, se você pensar em cada elemento visual da apresentação dele.

23 dez 2023
6 min
17 dez 2023
8 min
O que faz um ilustrador e como se tornar um

Um ilustrador capta a essência visual de um texto e ajuda o leitor a processar a informação

17 dez 2023
8 min
11 dez 2023
5 min
Estudantes da EBAC participam de workshop no escritório da Adobe

Com foco na Adobe MAX 2023, os estudantes da EBAC ficaram por dentro das atualizações que estão sendo implementadas nas ferramentas da Adobe

11 dez 2023
5 min
27 nov 2023
8 min
5 geradores de imagens com IA que você precisa conhecer

Pinte um quadro sem usar pincel nem tinta.

27 nov 2023
8 min