O que é a composição tipográfica

Tipografia é a arte e a técnica de escolher, desenhar e dispor a letra para que o texto cumpra a sua função.

• Informar: entregar o conteúdo sem ruído.
• Organizar: mostrar o que é principal e o que é apoio.
• Expressar: dar personalidade à marca e ao tema.
• Orientar: conduzir o olhar pela página ou pelo ecrã.

Uma fonte é um conjunto de caracteres com desenho coerente; uma composição é o uso de fontes, tamanhos, espaços e alinhamentos numa peça concreta.

Onde se aplica

• Gabinetes de design de comunicação e agências de publicidade.
• Agências de web e mobile design.
• Editoras de jornais, revistas e livros.
• Gabinetes de marketing e comunicação, empresas gráficas e freelancers.

Quatro planos de decisão em simultâneo: fonte, tamanho, peso e cor, espaço e estrutura.

Da escrita à imprensa

• As serifas descendem do acabamento das capitais romanas.
• As nossas minúsculas descendem da carolíngia.

Do Renascimento ao século XIX

• Garamond (séc. XVI, França): elegância e legibilidade.
• Caslon (década de 1720, Inglaterra): robustez.
• Baskerville (década de 1750): mais contraste, melhor papel e tinta.
• Bodoni e Didot (finais do séc. XVIII): contraste extremo, eixo vertical (didones).
• Século XIX: egípcias (Clarendon, c. 1845) e primeiras sem serifa (Akzidenz-Grotesk, 1896), nascidas da publicidade e do cartaz.

A tipografia respondeu sempre a necessidades de comunicação novas.

Evolução tecnológica

Fácil fazer tudo é fácil fazer demais: as regras antigas continuam válidas.

Linhas de referência e anatomia

Elementos: haste, serifa, barra, bojo, contraforma, abertura, terminal, braço, perna, ombro, pingo, vértice.

A contraforma é o espaço branco interior da letra; a serifa é o remate no fim do traço. O referencial lista também a contra-serifa: é um termo sem definição fixa na literatura, e nesses casos descreve-se a forma («a ligação entre a serifa e a haste é muito curva») em vez de discutir o nome.

Serifas e proporções

• Serifa em cunha: liga-se à haste com curva (Garamond, Times).
• Serifa fina e retilínea: Bodoni, Didot.
• Serifa grossa (slab): Clarendon, Rockwell.
• Sem serifa: Helvetica, Frutiger, Gill Sans.

Proporções que mudam o carácter: altura-x, contraste, eixo, largura e peso.

• Duas fontes ao mesmo corpo podem parecer de tamanhos diferentes por terem alturas-x diferentes.
• Contraste alto: elegante em tamanho grande, frágil em tamanho pequeno.

Unidades tipográficas

• Corpo: tamanho nominal da fonte, não a altura das letras.
• Em: igual ao corpo; kerning e tracking medem-se em milésimas de em.
• 16 px = 12 pt.

Famílias tipográficas

Subdivisões: humanistas, transicionais, didones e egípcias; grotescas, geométricas e humanistas.

Variantes e pseudo-estilos

• Uma família completa traz regular, itálico, negrito, light, condensada, versaletes.
• Forçar negrito ou itálico numa fonte que não os tem cria pseudo-estilos: distorcidos e mal espaçados.
• Escolher sempre variantes reais, desenhadas pelo autor.
• Não esticar nem comprimir letras: usar a variante condensada ou expandida.
• Verificar se a fonte tem os caracteres do português: ã, ç, õ, aspas «», euro.

Escolher e combinar fontes

Combinar: duas famílias costumam bastar e três são o limite; contraste claro ou semelhança clara; funções distintas; alturas-x compatíveis; testar com texto real.

Hierarquia tipográfica

Organização visual do conteúdo em níveis de importância.

Sem hierarquia tudo parece igualmente importante, e portanto nada é.

Ferramentas da hierarquia

1. Tamanho, o mais evidente.
2. Peso e estilo (negrito, itálico, versaletes).
3. Cor e valor, respeitando o contraste mínimo.
4. Espaço: isola e valoriza.
5. Posição: topo e esquerda são vistos primeiro.
6. Fonte: mudar de família assinala mudança de nível, com parcimónia.

Regra: mudar uma coisa de cada vez, o suficiente para ser notado. Duas variações (maior e mais pesado) costumam bastar.

Escala modular

Cada tamanho resulta de multiplicar o anterior por uma razão constante.

• Razões pequenas: documentos informativos densos.
• Razões grandes: cartazes e capas.
• A consistência obtém-se com estilos.

Legibilidade

Legibilidade: facilidade de distinguir letras e palavras. Leiturabilidade: conforto de ler texto longo. Aqui, «legibilidade» cobre as duas.

O ritmo da letra

• Ritmo: regularidade com que se alternam traços e espaços numa linha.
• Um bom ritmo faz o texto parecer uma textura cinzenta uniforme quando se desfoca o olhar.
• Rios, buracos e palavras isoladas quebram o ritmo.
• O olho lê aos saltos (sacadas): como reconhece a palavra é matéria em discussão, mas a metade superior das letras é sempre a mais distintiva.
• Texto longo em maiúsculas lê-se mais devagar: forma pouco treinada e mais fixações por linha.
• O ritmo afeta a legibilidade tanto como o desenho da fonte.

Acessibilidade e contraste

• Preto sobre branco: 21:1. Cinzento #767676 sobre branco: cerca de 4,54:1. #999999: cerca de 2,85:1, falha.
• Texto grande: 18 pt ou 14 pt em negrito.
• Nunca usar só a cor para transmitir informação.
• Texto real, não texto dentro de imagens; PDF com estrutura.

Tamanhos, pesos e dislexia

• Impressão: 10 a 12 pt para público geral (mínimo de acessibilidade); 14 pt ou mais para baixa visão ou idade avançada.
• Evitar pesos muito finos e negritos exagerados no corpo de texto.
• Preferir texto alinhado à esquerda, linhas curtas, espaço generoso.
• Fundo creme claro com bom contraste pode ajudar alguns leitores.
• Fontes «para dislexia»: evidência mista; o que se recomenda é boa tipografia geral e a possibilidade de ajustar a apresentação.

Design inclusivo

Perguntar sempre: quem pode ficar de fora desta leitura?

Aplicações práticas de inclusão

1. Fonte com todos os caracteres da língua, e espaço extra em materiais multilingues.
2. Linguagem simples em informação de serviço público.
3. Formatos alternativos: letra grande, leitor de ecrã.
4. Imagens e símbolos sem dependência de uma só convenção cultural.
5. Em ecrã, unidades relativas e teste com texto ampliado.
6. Testar com pessoas reais da audiência.

Atitudes: respeito pela diversidade, sentido crítico, responsabilidade.

Pesquisa de referências e tendências

Método: pergunta, recolha em largura (20 a 30 exemplos em bruto), moodboard (no mínimo 12), análise, síntese, registo das fontes.

Tarefa: fotografar três peças reais do quotidiano e registar categoria da fonte, hierarquia, contraste e comprimento de linha.

Tendências e cópia

• Tendências mudam por ciclos: sem serifas neutras, regresso das serifadas de alto contraste, fontes variáveis, letra expressiva.
• Uma identidade duradoura não deve depender de um efeito do ano.
• Inspirar-se no espírito de uma referência é legítimo; reproduzir o seu desenho e composição pode violar direitos.
• Transformar: partir de várias referências, combinar com a marca do cliente, chegar a algo próprio.
• Guardar endereço, autor e data de cada referência.

Aplicações de edição eletrónica

Documento de paginação: formato, margens, colunas, sangramento (habitualmente 3 mm, confirmar com a gráfica), perfil de cor, páginas mestras, caixas de texto ligadas, camadas, preflight.

Os princípios são os mesmos; mudam os menus.

Estilos: a ferramenta mais importante

• Estilos de parágrafo: fonte, corpo, entrelinha, alinhamento, espaços, hifenização.
• Estilos de caractere: negrito, itálico, cor dentro do parágrafo.
• Estilos de objeto: traço, preenchimento, margens internas.
• Vantagens: coerência, rapidez, alteração global, hierarquia visível, estilos aninhados.
• Boas práticas: nomes lógicos, estilos baseados noutros, sem substituições manuais.
• Importar texto sem formatação e limpar espaços duplos e quebras indevidas.

Kerning e tracking

• Medem-se em milésimas de em: um ajuste de -50 num corpo de 20 pt vale -1 pt.
• Modos de kerning: métrico, ótico, manual.
• Tracking em maiúsculas: +20 a +100. Em títulos grandes: -10 a -30.
• Primeiro o tracking, depois o kerning.

Sinais e algarismos

• Algarismos tabulares para colunas de preços; antigos para texto corrido elegante.
• Espaços inseparáveis em «10 km» e «Sr. Silva».
• Cada publicação tem um guia de estilo.

Alinhamento e justificação

• Em colunas com menos de 35 a 40 caracteres, preferir alinhamento à esquerda.
• Parâmetros de justificação: espaço entre palavras 80 / 100 / 120 %, ligeira variação entre letras.
• Compositor de parágrafo: avalia o parágrafo inteiro.

Hifenização e defeitos de composição

• Dicionário de português ativo; mínimo de 3 letras antes e depois da quebra; no máximo 2 ou 3 hífenes seguidos.
• Não hifenizar títulos, nomes próprios nem palavras em maiúsculas.
• Rio: espaço branco vertical que atravessa o parágrafo.
• Viúva e órfã: linhas isoladas no topo ou no fundo da coluna.
• Escada: hífenes seguidos no fim das linhas.
• Soluções: manter linhas juntas, ajustar tracking, reescrever.

Grelha tipográfica

Passos: formato, corpo e entrelinha, área útil, colunas (45 a 75 caracteres), intercolúnio, grelha de base, teste com conteúdo real.

• Espaço em branco não é espaço desperdiçado.

Exemplo de cálculo da grelha

A4 (210 × 297 mm), margens de 20 mm, 6 colunas, intercolúnio de 5 mm.

1. Largura útil: 210 - 40 = 170 mm.
2. Coluna: (170 - 5 × 5) ÷ 6 = 24,17 mm.
3. 4 colunas: 4 × 24,17 + 3 × 5 = 111,7 mm, cerca de 67 caracteres a 10 pt.
4. Linhas de base de 12 pt = 4,2336 mm; 60 linhas = 254,02 mm.

No telemóvel (360 px): uma coluna, corpo 16 px, entrelinha 1,5.

Manipular caracteres: OpenType e glifos

• Ligaduras (fi, fl), alternativas estilísticas, versaletes, frações, sobrescritos, ordinais.
• Painel de glifos para inserir caracteres que não existem no teclado.
• Conversão em curvas em logótipos: guardar cópia editável e confirmar a licença.
• Texto em caminho, em forma e em máscara de imagem: com moderação.
• Esticar ou inclinar artificialmente: evitar; usar a variante desenhada.

Texto sobre imagem e arranjos criativos

1. Escolher uma zona calma da imagem.
2. Película semitransparente atrás do texto.
3. Aumentar corpo e peso.
4. Medir o contraste, meta de 4,5:1 ou mais.

O projeto de design de comunicação

Adaptar a tipografia à função

• Se existe manual de identidade, a composição respeita-o.

Direitos de autor

Consultar o Código do Direito de Autor e dos Direitos Conexos, na redação em vigor.

Licenças de fontes

• Registo de licenças: fonte, fornecedor, tipo, data, projetos.
• Nunca usar versões pirateadas.
• Imagens: bancos com licença adequada; Creative Commons com regras próprias.

Arquitetura de pastas e nomes

Nome: 2026-10-20_festival-teatro_cartaz-a3_v03.indd: data, projeto, descrição, versão; sem espaços nem acentos.

Formatos, ligações e arquivo

• Empacotar o documento: fontes, imagens, relatório.
• Verificar painéis de ligações e de fontes antes de entregar.
• Regra 3-2-1: 3 cópias, 2 suportes, 1 fora do local.

Segurança e saúde no trabalho

• Ecrã à altura dos olhos, a cerca de um braço de distância.
• Autoridade para as Condições de Trabalho (ACT) fiscaliza; consultar a legislação em vigor.

Gráficas, EPI e regras

• Guilhotinas e máquinas: nunca anular proteções; paragem de emergência.
• Tintas e solventes: ler a ficha de dados de segurança; ventilação; luvas adequadas.
• Ruído: protetores auditivos quando exigido.
• Cargas: técnicas de movimentação, calçado de segurança.
• EPI: certificado, adequado ao risco, bem ajustado, com formação.
• Conhecer saídas de emergência e extintores; comunicar riscos e acidentes.

Proteção ambiental

Decisões de design com impacto ambiental

1. Formato que encaixa na folha de impressão.
2. Quantidade: impressão digital sob procura para pequenas tiragens.
3. Papel: certificado ou reciclado, peso adequado.
4. Acabamentos fáceis de reciclar; evitar plastificações desnecessárias.
5. Provas no ecrã; rascunho e frente e verso.
6. Ficheiros leves e digitais quando fizer sentido.
7. Longevidade: identidades pensadas para durar.

Boas práticas de composição

• Poucas fontes, com funções claras.
• Hierarquia visível em dois segundos.
• Corpo, entrelinha e linha confortáveis; contraste medido.
• Estilos em vez de formatação manual.
• Kerning de títulos revisto ao tamanho final.
• Licenças, ficheiros e arquivo organizados.
• Segurança e ambiente presentes em cada decisão.
• Atitudes: sentido analítico, autonomia e respeito pelas regras e normas definidas (manual de identidade, guia de estilo, normas de produção).