Tipografia: Guia de estudo sobre termos e variações

Design Gráfico | Essencial
Design Gráfico | Essencial
Tipografia: Guia de estudo sobre termos e variações
Loading
/

Em vez de ler, que tal ouvir o artigo? Experimente no player abaixo:

O termo tipografia surgiu para representar a impressão dos ‘tipos‘, como visto no episódio anterior, Typos vem do grego que significa símbolo. Antigamente as impressões eram ‘montadas’ por tipos (letras) e carimbadas para sair na impressão, hoje como a maioria das coisas são feitas digitalmente, o termo acabou abrangendo a forma de uso da criação e aplicação dos caracteres, para um conjunto visual das palavras.

A tipografia em qualquer peça precisa ser bem estudada, para poder passar a informação correta e com legibilidade para o leitor, e para isso precisamos considerar em que canal ela estará sendo divulgada, e para quem.

O que é Serifa?

São os pequenos traços e prolongamentos que ocorrem no fim das hastes das letras. Como estamos trabalhando com áudio também vou citar alguns exemplos de logotipos que possuem serifa para ter uma idéia visual: Zara, Vogue, Sony são estes exemplos. No finalzinho de cada letra é possível perceber um pequeno traço que dá a impressão de continuidade.

Existem algumas classificações de fontes, essa informação é interessante entender pois quando se está pegando de referência outras fontes parecidas você precisa de uma base para saber onde encontrá-las, muitas vezes isso ocorre quando solicitada pelo seu cliente: “Ah gostei dessa fonte, tem como usar uma parecida?”.

Sans Serif (Sem serifa): Ideal para títulos, chamadas e textos digitais. Logotipo de referência: Netflix. A leitura fica mais fácil em meios digitais, quando visualizamos um texto na tela de um computador, tablet ou celular com as fontes sem serifa, pois as Serifas acabam atrapalhando um pouco a leitura.
Serif (Com serifa): Ideal para livros, revistas ou impressões com textos mais extensos. O efeito da serifa passa uma sensação de continuidade na palavra, tornando a leitura mais confortável.
Script: Aquelas que se parecem com manuscritos, elas são indicadas para coisas que se referem à artesanato por passarem essa sensação de ‘feito à mão’. Também são utilizadas como decorativas, em títulos, assinaturas e quadros.
Dingbat: Trazem pequenas imagens equivalentes às letras. Sua aplicação é variada e constituem um recurso interessante se transformadas em brushes (Pincel) ou shapes (formas) principalmente quando usadas para decoração.

Agora em seu computador perceba que é possível escolher a família ‘Arial’, em seguida uma variação dela: Regular, Bold ou Itálico.

Cada família de fontes independente da sua classificação terá algumas ou nenhuma das variações:
Thin, Light, Regular, Medium, Semi Bold, Bold, Black ou Extra Bold (Todas com a sua variação em itálico também). Listada aqui, da mais fina, para a mais grossa, compreendendo as mesmas características, porém mudando a sua espessura. Além disso temos as variações de largura: Condensado, Regular e Estendido. Tente evitar de alongar ou contrair a fonte manualmente, isso pode deformar as letras, e caso utilize mais de dois textos separados dará a impressão de um layout torto. As variações estão aí para evitar que isso aconteça.

Alguns termos que você precisa conhecer:

TTF: TrueType é atualmente o formato mais comum para fontes de Mac OS X e Windows XP. Quando um arquivo tem a extensão ‘.ttf’ quer dizer que é um arquivo de fonte.
Caixa Alta e Caixa Baixa: Caixa alta é uma expressão usada para se referir à escrita com letras maiúsculas, já caixa baixa o inverso: para letras minúsculas.
Leading: Distância entre linhas.
Tracking: Distância entre palavras.
Kerning: Distância entre caracteres.

Medidas tipográficas

Os caracteres possuem linhas de referência que delimitam o espaço que eles podem alcançar. Cada família de tipo tem as suas. Essas linhas são conhecidas como:

Ascendente: Linha que acompanha a altura dos caracteres em caixa baixa b, dfhkl e t. E é a altura máxima do corpo da fonte.
Descendente é a linha que acompanha o quanto abaixo do centro as letras em caixa baixa gjp e q terão.
Linha de caixa alta: Se refere à altura correspondente às letras em caixa alta (A, B, C,… etc…).
Linha de base: É a linha na qual a maioria dos tipos (com exceção das partes descendentes) tem como base.

Se você tem vontade de criar a sua própria tipografia, pode tentar em sites onlines próprios para isso, ou em programas adequados, citamos aqui alguns:
https://www.calligraphr.com/
https://www.fontlab.com/
https://fontark.net/
https://fontstruct.com/

2 pensou em “Tipografia: Guia de estudo sobre termos e variações

Deixe uma resposta

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *