Executar composições tipográficas (UC00792)

Há um pacote premium desta unidade: um PowerPoint editável de 100 ou mais diapositivos, um manual em PDF e dois testes com correção. Esta sebenta continua gratuita.

Introdução

A letra é o material de trabalho mais antigo e mais usado do design de comunicação. Num cartaz, num livro, num rótulo, numa aplicação móvel ou numa fatura, a maior parte do que o público vê é texto, e a forma como esse texto é desenhado, espaçado e organizado decide se a mensagem é lida, percebida e lembrada. Esta sebenta ensina a executar composições tipográficas: escolher, preparar e organizar o texto de uma peça gráfica com critério, usando as aplicações informáticas de edição eletrónica próprias da profissão.

O percurso segue a lógica de um trabalho real num gabinete de design, numa agência, numa editora ou numa gráfica. Começamos por perceber o que é a tipografia e como evoluiu, da escrita à mão e dos tipos móveis até às fontes digitais de hoje. Estudamos a anatomia da letra e as famílias tipográficas, para saber nomear o que se vê e escolher com fundamento. Passamos aos princípios que tornam um texto organizado e legível: hierarquia tipográfica, legibilidade, acessibilidade e design inclusivo. Seguem-se as ferramentas e as técnicas de composição: espaçamento e kerning, alinhamento e justificação, grelha tipográfica, estilos e manipulação de caracteres numa aplicação de paginação. Por fim, enquadramos o trabalho no seu contexto profissional: o projeto de design de comunicação, os direitos de autor e o licenciamento de fontes, a gestão de ficheiros digitais e arquivo, a segurança e saúde no trabalho e a proteção ambiental.

Objetivos de aprendizagem (referencial): analisar os fundamentos da composição tipográfica em design de comunicação; operar aplicações informáticas específicas; estruturar o layout de uma composição gráfica; manipular caracteres, estilos, formatos e arranjos visuais. Em todas as tarefas, os critérios de desempenho exigem pesquisar referências e tendências estéticas, utilizar as aplicações com propriedade, respeitar a organização visual e a hierarquia tipográfica, e cumprir os princípios de legibilidade e acessibilidade.

Como estudar com esta sebenta. Cada capítulo tem explicação, tabelas de consulta e, sempre que há cálculo ou decisão, um exemplo resolvido passo a passo. Refaz as contas antes de leres a solução e, sobretudo, experimenta tudo na aplicação de paginação: muda um valor, imprime ou exporta, compara. A tipografia aprende-se com os olhos e com as mãos, e nenhuma descrição substitui ver duas versões do mesmo texto lado a lado.

1. A letra na composição gráfica: o que é a tipografia

A palavra tipografia tem dois sentidos que convém separar desde o início. No sentido histórico e industrial, é a técnica de imprimir com tipos (peças com a letra em relevo). No sentido que interessa ao design de comunicação, é a arte e a técnica de escolher, desenhar e dispor a letra para que o texto cumpra a sua função: ser lido, transmitir uma personalidade e organizar a informação. Uma fonte (ou tipo de letra) é um conjunto completo de caracteres com um desenho coerente; uma composição tipográfica é o resultado de usar fontes, tamanhos, espaços e alinhamentos numa peça concreta.

A tipografia cumpre quatro funções que se sobrepõem em qualquer peça:

A importância da letra

Costuma dizer-se que a boa tipografia não se nota: quem lê um romance bem composto pensa na história, não nas serifas. Já a má tipografia nota-se logo, porque obriga o leitor a um esforço extra, quebra o ritmo da leitura ou transmite o tom errado. Uma carta de condolências composta numa fonte lúdica e infantil falha antes de se ler a primeira palavra. Um aviso de segurança escrito em tamanho minúsculo e cinzento-claro falha a sua função, mesmo estando correto no conteúdo.

Por isso, quem faz composição tipográfica toma decisões em quatro planos ao mesmo tempo:

1. A fonte: que desenho de letra serve este conteúdo e este público.
2. O tamanho, o peso e a cor: com que dimensão, espessura e contraste cada elemento aparece.
3. O espaço: entre letras, palavras, linhas e blocos de texto, e em volta do texto.
4. A estrutura: como o texto se organiza numa grelha e numa hierarquia coerentes.

Onde se trabalha com composição tipográfica

O contexto profissional desta UC inclui gabinetes de design de comunicação, agências de publicidade, agências de web e mobile design, editoras de jornais, revistas e livros, gabinetes e empresas de marketing e comunicação, empresas gráficas e o trabalho por conta própria. Em cada um, a tipografia aparece de forma diferente: no editorial predomina o texto longo e a consistência; na publicidade, o impacto e a leitura rápida; no digital, a adaptação a ecrãs de tamanhos muito diferentes; na gráfica, a preparação rigorosa para a impressão.

Exemplo resolvido · duas versões do mesmo aviso

Uma associação de bairro precisa de um aviso para a porta: «Reunião de moradores, sábado, 14h30, salão paroquial. Traga a sua proposta.»

1. Versão A: todo o texto em corpo de 12 pt, uma única fonte, tudo com o mesmo peso. O leitor tem de ler a frase toda para perceber o que é, quando é e onde.
2. Versão B: «Reunião de moradores» em corpo grande e negrito; «Sábado, 14h30» em tamanho médio; «Salão paroquial» em tamanho médio; «Traga a sua proposta.» em corpo menor.
3. Análise: na versão B o leitor que passa a andar apanha o essencial em dois segundos (o quê e quando), e quem se detém lê o resto. O conteúdo é o mesmo; mudou a organização visual.
4. Conclusão: tipografia é decidir o que se lê primeiro, o que se lê a seguir e o que se lê só se houver interesse. É esta ideia que será desenvolvida na hierarquia tipográfica (capítulo 8).

2. Contexto histórico da tipografia: da escrita à imprensa

Compreender a evolução da tipografia não é erudição inútil: as formas das letras que usamos hoje, a divisão entre maiúsculas e minúsculas, as serifas, o itálico e a própria noção de «família» têm origem em decisões históricas e em limitações técnicas de cada época. Pesquisar a evolução histórica da tipografia é, por isso, uma aptidão de partida: dá vocabulário, referências e critério para escolher fontes com fundamento.

Da escrita às capitais romanas

As primeiras escritas eram pictográficas e silábicas. O alfabeto latino que usamos descende do alfabeto grego, que por sua vez adaptou o fenício. As capitais romanas gravadas em pedra, de que o exemplo mais célebre é a inscrição na base da Coluna de Trajano, em Roma (113 d.C.), fixaram as proporções das maiúsculas: formas geométricas equilibradas, com serifas que nasceram, muito provavelmente, do acabamento dado pelo cinzel e pelo pincel que traçava o desenho antes de gravar a pedra.

Para os livros copiados à mão, desenvolveram-se escritas mais rápidas e arredondadas, como a uncial e a semiuncial. Na Idade Média, a reforma promovida na corte de Carlos Magno (finais do século VIII e século IX) deu origem à minúscula carolíngia, uma escrita clara, legível e padronizada, que está na origem das nossas letras minúsculas.

A escrita gótica

A partir do século XII, na Europa do Norte, a escrita tornou-se mais estreita, angulosa e densa, a chamada escrita gótica ou blackletter. Poupava pergaminho, que era caro, mas é mais difícil de ler para quem hoje não está habituado. Foi este desenho que serviu de modelo aos primeiros tipos móveis alemães.

Gutenberg e a revolução da imprensa

Por volta de 1450, em Mogúncia (Mainz, na atual Alemanha), Johannes Gutenberg desenvolveu um sistema de tipos móveis em metal, fundidos num molde, combinado com uma prensa e uma tinta oleosa adequadas. A grande novidade não foi a ideia de imprimir (já se imprimia com blocos de madeira, e na Ásia existiam tipos móveis antes, em cerâmica e em metal), mas a combinação industrial: fundir letras iguais em série, compô-las em linhas, imprimir muitas cópias idênticas e reutilizar os tipos. A célebre Bíblia de 42 linhas, impressa por volta de 1455, imitava a escrita gótica manuscrita e usava dezenas de ligaduras e variantes de letra para reproduzir o aspeto do trabalho dos copistas.

Em Portugal, o primeiro livro impresso de que há registo é o Pentateuco, em hebraico, impresso em Faro em 1487. A imprensa chegou depressa a vários centros urbanos e alterou o acesso ao conhecimento: o texto deixou de ser um objeto raro copiado à mão e passou a circular em grande número.

O Renascimento e os tipos romanos e itálicos

Em Itália, os humanistas do século XV preferiram a clareza da minúscula carolíngia e das capitais romanas à escrita gótica. Os impressores venezianos fixaram o tipo romano, de que a família de tipos de Nicolas Jenson (c. 1470) é exemplo marcante. Por volta de 1500, o impressor Aldus Manutius introduziu o itálico, desenhado inicialmente como letra estreita e inclinada para poupar espaço em livros de formato pequeno, e não como variante de destaque dentro do mesmo texto. Só mais tarde o itálico passou a ser a companheira habitual do romano.

No século XVI, Claude Garamond, em França, desenhou romanos que se tornaram referência de elegância e de legibilidade, e cuja influência dura até hoje: existem muitas fontes digitais com o nome Garamond, de qualidade variável, inspiradas nesse trabalho.

Do Barroco ao Neoclassicismo: transição e modernos

Nos séculos XVII e XVIII os tipos acompanharam a evolução da gravura e dos instrumentos de escrita. William Caslon, em Inglaterra, desenhou tipos robustos e de grande legibilidade (década de 1720). John Baskerville, em Birmingham, a partir da década de 1750, aumentou o contraste entre traços grossos e finos, melhorou o papel e a tinta e deu à página um aspeto mais refinado. No final do século XVIII, Giambattista Bodoni, em Parma, e Firmin Didot, em Paris, levaram o contraste ao extremo, com traços finíssimos, serifas retilíneas e eixo totalmente vertical: são os tipos modernos ou didones.

O século XIX: a letra de cartaz

A Revolução Industrial trouxe a publicidade impressa, os cartazes e os jornais de grande tiragem. Surgiram letras de grande impacto: egípcias ou slab serif (serifas grossas, como a Clarendon, c. 1845), letras muito pesadas e expandidas, e as primeiras letras sem serifa, como a Akzidenz-Grotesk (1896). Estas formas, impensáveis na época de Gutenberg, mostram que a tipografia sempre respondeu a necessidades de comunicação novas.

Quadro-resumo

Exemplo resolvido · reconhecer a época pelo desenho

Dada uma fonte de texto com serifas pouco marcadas, traços grossos e finos com pouco contraste e eixo inclinado, a que época pertence o seu desenho de origem?

1. Observa o contraste: pouco contraste entre traços grossos e finos sugere um desenho mais antigo, ainda próximo da escrita feita com a pena larga.
2. Observa o eixo (a inclinação imaginária do traço mais fino de um «o»): inclinado indica influência da caligrafia, típica do Renascimento.
3. Observa as serifas: com ligação suave ao traço, não retilíneas e finas como nas didones.
4. Conclusão: é compatível com um desenho de tradição renascentista (família Garamond, por exemplo). Se o contraste fosse extremo e o eixo vertical, pensaríamos numa didone do final do século XVIII.

3. Evolução tecnológica: do metal ao digital

A tecnologia de produção da letra mudou profundamente entre a época de Gutenberg e hoje, e cada mudança alterou o que era fácil ou difícil de fazer em tipografia.

Composição em metal

Durante quase 400 anos, a composição foi feita à mão, tipo a tipo, numa caixa tipográfica, e as linhas montadas num componedor. No final do século XIX surgiram máquinas que mecanizaram o processo: a Linotype (1886), que fundia uma linha inteira de texto numa só peça, e a Monotype, que fundia cada letra individualmente e permitia maior controlo do espaçamento. A composição a quente tornou os jornais diários possíveis.

Fotocomposição

A partir dos anos 1950 e 1960, a letra passou a ser gravada em negativos fotográficos e projetada sobre papel ou filme. Foi o primeiro passo para libertar a letra da matéria: tornou-se possível ampliar e reduzir um desenho, aproximar letras até se sobreporem, deformar. Muitas famílias de letra do século XX, como a Helvetica (1957) e a Univers (1957), difundiram-se neste período, e a Futura (1927), de Paul Renner, tornou-se símbolo do desenho geométrico moderno.

A revolução digital

Nos anos 1980, a combinação de computadores pessoais, impressoras laser e da linguagem de descrição de página PostScript (Adobe, 1984) criou a edição eletrónica (desktop publishing): qualquer pessoa com um computador podia compor e imprimir uma página. Seguiram-se o formato de fonte TrueType (1991), a norma Unicode (1991), que codifica os caracteres de praticamente todas as escritas, e o formato OpenType (finais dos anos 1990), que permite fontes multiplataforma com milhares de glifos, ligaduras, alternativas e funcionalidades tipográficas avançadas. Para o ecrã, desenvolveram-se fontes pensadas para boa leitura em baixa resolução, como a Georgia (desenhada em 1993) e a Verdana (ambas de Matthew Carter para a Microsoft, lançadas em 1996), e mais tarde os formatos para web (WOFF e WOFF2) e as fontes variáveis (2016), que reúnem num só ficheiro uma gama contínua de pesos e larguras.

Consequências para o trabalho de hoje

A facilidade da tecnologia digital trouxe uma armadilha: como se pode fazer tudo, é fácil fazer demasiado. As regras antigas (poucas fontes, espaçamento cuidado, proporções harmoniosas) continuam válidas precisamente porque descrevem o que o olho humano lê bem. A edição eletrónica democratizou o acesso, mas não dispensa o critério.

Exemplo resolvido · a linha do tempo de uma fonte que usas todos os dias

Pretende-se situar a fonte Times New Roman na história.

1. Origem: desenhada em 1931 para o jornal The Times, de Londres, sob direção de Stanley Morison, com o objetivo de ser legível em colunas estreitas e economizar espaço.
2. Tecnologia: nasceu para composição mecânica em metal; mais tarde passou à fotocomposição e à edição eletrónica, tornando-se fonte por defeito em muitos programas.
3. Desenho: traços finos e grossos de contraste médio, serifas bem definidas, letras relativamente estreitas, características que respondem ao problema do jornal.
4. Conclusão: uma fonte de texto de eleição num contexto (jornal diário em colunas estreitas) pode ser uma escolha mais fraca noutro (cartaz grande), e isso explica por que razão não existe uma «melhor fonte» em absoluto.

4. Anatomia da letra

Descrever uma letra com rigor exige um vocabulário próprio. A anatomia da tipografia reúne os nomes dos elementos que constituem cada caractere e as linhas de referência sobre as quais se alinham. Quem domina este vocabulário consegue comparar fontes, perceber porque duas parecem tão diferentes e comunicar com colegas, clientes e fornecedores.

Linhas de referência

As letras de uma fonte apoiam-se e terminam em linhas imaginárias, comuns a todos os caracteres:

Elementos da letra

O referencial desta UC lista ainda a contra-serifa entre os elementos da letra. Vale a pena parar aqui, porque é um caso útil: a terminologia tipográfica em português não está toda fixada, e autores diferentes dão nomes diferentes às mesmas partes da letra. Para «contra-serifa» não existe definição estabelecida na literatura de referência, ao contrário do que acontece com a serifa (o remate no fim do traço) e com a contraforma (o espaço branco delimitado pela letra), que têm sentido assente e estão definidas na tabela acima.

A regra profissional para estes casos é simples: quando o nome não é unívoco, descreve-se a forma. Em vez de discutir se uma letra «tem contra-serifa fechada», diz-se «a ligação entre a serifa e a haste é muito curva» ou «a contraforma do a está quase fechada». Quem está do outro lado, cliente, colega ou gráfica, percebe sempre a segunda formulação e pode não perceber a primeira. É também assim que se lê um caderno de encargos ou um manual de identidade que use um termo que não se conhece: pergunta-se que forma é que o termo designa, em vez de se assumir um sentido.

Serifas: tipos de remate

O desenho da serifa é um dos traços mais fáceis de reconhecer e distingue grandes grupos de famílias:

Proporções que mudam o carácter da fonte

Além dos elementos, algumas proporções definem o comportamento de uma fonte:

• Altura-x: quanto maior em relação ao corpo, mais legível parece uma fonte a tamanhos pequenos, mas menos elegante. Duas fontes com o mesmo corpo em pontos podem parecer de tamanhos diferentes por terem alturas-x diferentes.
• Contraste: diferença de espessura entre o traço grosso e o traço fino. O contraste alto é elegante em tamanho grande, mas frágil em tamanho pequeno.
• Eixo: inclinação imaginária do traço mais fino de uma letra redonda. O eixo vertical dá aspeto moderno; o inclinado remete para a caligrafia.
• Largura: condensada, normal ou expandida.
• Peso: do fino (light) ao negro (black), passando pelo normal (regular) e pelo negrito (bold).

Exemplo resolvido · identificar uma fonte pela anatomia

Observa-se um texto composto numa fonte com as seguintes características: remates finos e retilíneos nas hastes, contraste muito alto entre traços, eixo vertical, altura-x moderada.

1. Remates finos e retilíneos indicam serifa hairline.
2. Contraste muito alto e eixo vertical apontam para as didones.
3. Em tamanho pequeno, os traços finos podem desaparecer na impressão em papel rugoso ou no ecrã de baixa resolução.
4. Conclusão: é adequada a títulos grandes, capas e comunicação de moda ou luxo; para corpo de texto pequeno em ecrã, escolher-se-ia uma fonte de contraste médio e altura-x maior.

5. Medidas e unidades tipográficas

Antes de decidir tamanhos e espaços, é preciso saber em que unidades se mede a tipografia. A confusão entre milímetros, pontos e pixéis é uma fonte clássica de erros na passagem de um projeto de impressão para o ecrã.

O ponto, o paica e o cícero

A medida base da tipografia é o ponto. Nas aplicações atuais de edição eletrónica usa-se o ponto PostScript (pt), definido como 1/72 de polegada, ou seja, aproximadamente 0,3528 mm. Um paica (pica) corresponde a 12 pt (cerca de 4,233 mm). Em tipografia tradicional europeia usava-se o ponto Didot, de aproximadamente 0,376 mm, e o cícero, de 12 pontos Didot (cerca de 4,512 mm). Nas aplicações modernas, o ponto Didot só aparece em preferências específicas.

O corpo da letra

O corpo (font size) é o tamanho nominal da fonte, indicado em pontos. É a altura do «bloco» imaginário onde cada letra assenta, e não é a altura das maiúsculas nem a altura-x. Por isso, 12 pt numa fonte de altura-x grande parece maior do que 12 pt numa fonte de altura-x pequena.

O quadratim (em) e a meia-risca

O em (quadratim) é uma unidade relativa: vale o tamanho do corpo. Numa fonte a 12 pt, 1 em = 12 pt. O en vale metade. O em é a base do cálculo de espaços tipográficos, e do kerning e do tracking, que se medem em milésimas de em. Os sinais de pontuação também se nomeiam por estas medidas: o travessão longo (em dash) tem a largura aproximada de um em, e a meia-risca (en dash), de um en. Esta distinção, e o seu uso correto, será tratada no capítulo 14.

Do ecrã à impressão

Para converter entre ecrã e papel é útil memorizar:

• 1 polegada = 72 pt = 96 px (CSS) = 25,4 mm.
• 16 px = 12 pt, tamanho de referência da maior parte dos browsers para texto base.
• A resolução de impressão corrente para imagens é de 300 ppi, mas texto vetorial imprime-se na resolução do equipamento.

Exemplo resolvido · converter um corpo de letra

Um cartaz impresso usa corpo 10 pt. Quanto mede em milímetros e em pixéis CSS?

1. Em milímetros: 10 × 0,3528 = 3,528 mm (cerca de 3,5 mm) de corpo.
2. Em pixéis CSS: 10 pt ÷ 0,75 = 13,33 px.
3. Em paicas: 10 ÷ 12 = 0,83 paica.
4. Conclusão: 10 pt equivale a menos de 4 mm de corpo, o que é razoável para corpo de texto de livro, mas pequeno para um cartaz lido a dois metros de distância.

Exemplo resolvido · quantas linhas cabem numa página

Uma página A4 tem 297 mm de altura. A caixa de texto tem 250 mm de altura. O texto está a corpo 10 pt com entrelinha de 12 pt. Quantas linhas cabem?

1. Converter a entrelinha: 12 pt × 0,3528 = 4,2336 mm por linha.
2. Dividir: 250 ÷ 4,2336 = 59,05.
3. Arredondar por defeito: 59 linhas.
4. Conclusão: se o designer quiser uma página com exatamente 60 linhas, terá de aumentar a caixa de texto para 254,0 mm (60 × 4,2336 = 254,02 mm).

6. Famílias tipográficas e classificação

Existem centenas de milhares de fontes, mas poucas grandes categorias. Caracterizar as famílias tipográficas permite escolher mais depressa, justificar escolhas e perceber que fontes são «parentes». Atenção a dois significados da palavra «família»: no sentido de classificação, é um grupo de fontes com características de desenho comuns (serifadas, sem serifa); no sentido de família de uma fonte, é o conjunto de variantes de um mesmo desenho (regular, itálico, negrito, condensado).

Categorias principais

Subdivisões das serifadas e das sem serifa

A classificação mais divulgada, inspirada na evolução histórica descrita no capítulo 2, identifica nas serifadas quatro estilos:

1. Humanistas ou antigas: eixo inclinado, contraste baixo, serifas em cunha (Garamond).
2. Transicionais: eixo mais vertical, contraste médio (Baskerville, Times New Roman).
3. Didones ou modernas: eixo vertical, contraste extremo, serifas finas (Bodoni, Didot).
4. Egípcias ou slab: serifas grossas e pouco contraste (Clarendon, Rockwell).

Nas sem serifa:

1. Grotescas e neo-grotescas: formas regulares e neutras (Akzidenz-Grotesk, Helvetica).
2. Geométricas: círculos e linhas retas como base do desenho (Futura).
3. Humanistas: proporções inspiradas na escrita e nas capitais romanas, com ligeira modulação do traço (Gill Sans, Frutiger).

Família de uma fonte: variantes

Uma fonte bem desenhada traz um conjunto de variantes coordenadas:

Ao usar uma variante que a fonte não tem (por exemplo, forçar «negrito» numa fonte que só tem peso normal), o programa fabrica um pseudo-negrito ou um pseudo-itálico por distorção. O resultado é feio, mal espaçado e desrespeita o desenho original. Deve-se sempre escolher variantes reais, desenhadas pelo autor.

Aplicação em diferentes contextos

Exemplo resolvido · classificar cinco amostras

Dadas cinco amostras de texto, classificar cada uma:

1. Para cada amostra identificam-se primeiro as serifas (existem? como são?).
2. Em seguida o contraste e o eixo.
3. Por fim verifica-se se há algo que a coloque num grupo especial (script, display, monoespaçada).
4. Conclusão: com três perguntas simples (serifas? contraste? tipo especial?) classifica-se quase qualquer amostra.

7. Escolher e combinar fontes

Saber classificar é útil para decidir. Escolher uma fonte é responder a quatro perguntas: para quem, em que suporte, com que tom e com que quantidade de texto.

Critérios de escolha

Regras práticas para combinar fontes

1. Poucas fontes. Duas famílias costumam bastar; três é o limite numa peça. Uma única família com vários pesos funciona muito bem.
2. Contraste claro ou semelhança clara. Combinar uma serifada com uma sem serifa funciona porque é diferente de forma evidente. Combinar duas serifadas muito parecidas, mas não iguais, cria uma discordância que parece erro.
3. Funções distintas. Uma fonte para títulos, outra para texto corrido: cada uma com um papel claro.
4. Proporções compatíveis. Fontes com alturas-x muito diferentes ficam desequilibradas lado a lado; ajusta o corpo para compensar.
5. Tom coerente. Evita misturar tons incompatíveis (caligrafia romântica ao lado de uma letra técnica industrial, sem intenção).
6. Testar com texto real. Nunca decidir só com «Lorem ipsum»: o texto verdadeiro mostra palavras longas, acentos e números.

Combinações que costumam funcionar

O que evitar

• Usar muitas fontes «porque são bonitas»: a página fica sem identidade.
• Usar a fonte padrão do programa por inércia, sem verificar se serve.
• Sublinhar texto fora do contexto de ligações digitais, onde o sublinhado indica hiperligação.
• Escrever tudo em maiúsculas: reduz a legibilidade em frases longas, porque é uma forma de apresentação pouco treinada e obriga a mais fixações por linha.
• Esticar ou comprimir letras (alterar a proporção) em vez de usar a variante condensada ou expandida desenhada para o efeito.

Exemplo resolvido · escolher um par de fontes para um folheto de exposição

Brief: folheto A5 de uma exposição de fotografia documental sobre ofícios tradicionais, para público adulto, com textos curtos e legendas.

1. Tom: sério, humano, ligado ao trabalho e à memória. Exclui letras decorativas e jovens.
2. Suporte e texto: papel, textos curtos de dois a cinco linhas, legendas pequenas.
3. Escolha de título: uma serifada de transição ou humanista em corpo grande, com peso semi-negrito, que evoca imprensa e tradição.
4. Escolha de texto: uma sem serifa humanista de boa legibilidade em corpo 9 a 10 pt, para contraste de forma com o título.
5. Verificação: acentos e aspas portuguesas presentes; algarismos para datas e horas legíveis; licença cobre uso em impressão.
6. Conclusão: par serifada para título e sem serifa para texto, com um único destaque de cor, resolve o brief com apenas duas famílias.

8. Hierarquia tipográfica

A hierarquia tipográfica é a organização visual do conteúdo em níveis de importância, de modo a que o leitor perceba imediatamente o que é principal, o que é secundário e o que é de apoio. Sem hierarquia, tudo parece igualmente importante, e portanto nada é.

Os níveis habituais

Ferramentas para criar hierarquia

A hierarquia constrói-se manipulando contrastes. Os principais:

1. Tamanho: o mais evidente; maior significa mais importante.
2. Peso: o negrito destaca; o light recua.
3. Estilo: itálico para ênfase ou citação; versaletes para siglas.
4. Cor e valor: texto escuro e saturado destaca-se; cinzento recua. Respeitar sempre o contraste mínimo de legibilidade (capítulo 10).
5. Espaço: espaço generoso em volta isola e valoriza; espaço apertado agrupa.
6. Posição: o que está no topo ou à esquerda (em escrita da esquerda para a direita) é visto primeiro.
7. Fonte: mudar de família assinala mudança de nível, mas deve-se usar com parcimónia.

Regra de ouro: mudar uma coisa de cada vez, o suficiente para ser notado. Se o título é maior, mais pesado, de outra cor e de outra fonte, está-se a gritar. Normalmente basta combinar duas variações (por exemplo, maior e mais pesado).

Escalas tipográficas

Para os tamanhos não serem arbitrários, usa-se uma escala modular: uma sequência em que cada valor resulta de multiplicar o anterior por uma razão constante. Razões usuais: 1,125 (segunda maior), 1,2 (terça menor), 1,25 (terça maior), 1,333 (quarta perfeita), 1,5 (quinta perfeita), 1,618 (razão áurea). A escala cria relações harmoniosas e dá consistência a uma publicação inteira.

Quanto maior a razão, mais dramático o contraste de tamanhos. Para documentos informativos densos, razões pequenas funcionam bem; para cartazes e capas, razões maiores.

Coerência: sistemas de estilos

A hierarquia só funciona se for consistente: todos os títulos de segundo nível com o mesmo aspeto, todas as legendas iguais. Isto consegue-se com estilos de parágrafo e de caractere (capítulo 13), que também permitem alterar tudo de uma só vez.

Exemplo resolvido · construir uma hierarquia para um folheto

Texto bruto: título «Festa do Livro», subtítulo «Quatro dias de leituras em Bragança», intertítulos «Programa» e «Como chegar», corpo de texto, uma frase de destaque («Entrada livre») e uma legenda de fotografia.

1. Corpo de texto: 10 pt, regular, entrelinha 13 pt.
2. Escala com razão 1,333 a partir de 10 pt: 10; 13,3; 17,8; 23,7; 31,6.
3. Atribuição: intertítulos a 13,3 pt em negrito; subtítulo a 17,8 pt regular; título a 31,6 pt negrito; legenda a 8 pt em itálico; destaque «Entrada livre» a 17,8 pt negrito com cor de acento.
4. Verificação: cada nível difere do vizinho por tamanho e por mais uma variável (peso ou cor); os saltos são perceptíveis mas não violentos.
5. Conclusão: numa leitura rápida, o olho percorre título, subtítulo, destaque e intertítulos; quem quiser detalhes lê o corpo.

Exemplo resolvido · diagnosticar uma hierarquia falhada

Um cartaz apresenta o título e o preço com o mesmo tamanho, a mesma cor e o mesmo peso, e o horário em corpo maior do que o título.

1. Problema: o leitor não sabe por onde começar; a informação mais importante (o evento) compete com a secundária.
2. Ação: reduzir o horário ao nível de subtítulo; aumentar e engrossar o título; mudar o preço para um destaque de cor, mas menor do que o título.
3. Resultado: leitura em três passos, evento, quando, quanto.

9. Legibilidade

A legibilidade é a facilidade de distinguir letras e palavras (por exemplo, «l» minúsculo, «I» maiúsculo e o algarismo «1» em certas sem serifa); a leiturabilidade é o conforto de ler passagens longas. Nesta sebenta usamos «legibilidade» para as duas, distinguindo quando for necessário.

Fatores de legibilidade

O ritmo da letra

O ritmo é a regularidade com que se alternam traços e espaços numa linha de texto: hastes verticais, curvas, espaços brancos entre letras e entre palavras. Um bom ritmo, com espaços coerentes, faz o texto parecer uma textura uniforme, de tom cinzento homogéneo quando se desfoca o olhar. Zonas demasiado apertadas ou largas, rios de espaço branco e palavras isoladas quebram o ritmo e a leitura. O ritmo afeta a legibilidade tanto como o desenho da própria fonte.

Como se lê

A leitura não é um varrimento contínuo: o olho avança aos saltos, chamados sacadas, e para em pontos de fixação, e é durante as fixações que reconhece as palavras. Como se faz esse reconhecimento é matéria ainda em discussão: há muito que os tipógrafos falam da «forma global da palavra», enquanto grande parte da investigação em psicologia da leitura defende que as letras são identificadas em paralelo e que é essa informação que identifica a palavra.

Para quem compõe, as duas leituras levam às mesmas decisões. A metade superior das letras é a que mais as distingue umas das outras, pelo que convém escolher fontes em que o «l» minúsculo, o «I» maiúsculo e o algarismo «1» não se confundam, nem o «a» com o «o». Um texto longo todo em maiúsculas lê-se mais devagar, porque é uma forma de apresentação muito menos treinada e porque ocupa mais espaço, obrigando a mais fixações por linha. E uma fonte sobrecarregada de ornamentos atrasa a leitura, porque acrescenta traços que não distinguem nada.

Entrelinha em pormenor

A entrelinha (leading) é a distância entre linhas de base consecutivas, medida em pontos. É diferente do «espaço em branco entre linhas». Uma regra prática: entrelinha = corpo × 1,2 (texto de impressão); acima disso para fontes de grande altura-x, linhas longas ou ecrãs; abaixo para títulos grandes e curtos. Em muitos programas a entrelinha automática é 120 % do corpo, o que serve como ponto de partida e não como regra.

Exemplo resolvido · calcular a largura de coluna para texto confortável

Um livro usa corpo 10 pt numa fonte serifada. Qual a largura de coluna aproximada para ficar entre 45 e 75 caracteres por linha?

1. Estimativa da largura média do carácter: em fontes de texto, cerca de 0,45 a 0,5 em. Com corpo 10 pt, 1 em = 10 pt = 3,528 mm. Largura média ≈ 0,47 × 3,528 ≈ 1,66 mm.
2. Cálculo: 45 caracteres → 45 × 1,66 ≈ 75 mm; 75 caracteres → 75 × 1,66 ≈ 124 mm.
3. Escolha: uma coluna de cerca de 105 mm dá aproximadamente 63 caracteres, perto do ideal clássico.
4. Verificação: compõe um parágrafo real e conta os caracteres de várias linhas (incluindo espaços).
5. Conclusão: o intervalo para esta fonte e corpo ronda 75 a 124 mm; abaixo, a linha é curta; acima, cansa.

Exemplo resolvido · escolher a entrelinha

Um texto em corpo 11 pt, fonte sem serifa de altura-x grande, linha de 80 caracteres (longa).

1. Ponto de partida: 11 × 1,2 = 13,2 pt.
2. Ajustes: altura-x grande pede mais entrelinha; linha longa pede mais para o olho não se perder.
3. Teste: 11 × 1,4 = 15,4 pt; arredonda-se para 15 pt (ou 16 pt, para dar múltiplo de 4 na grelha base).
4. Conclusão: 15 pt é uma boa escolha inicial; ajusta-se a olho com um parágrafo de teste.

10. Acessibilidade e contraste

A acessibilidade na tipografia garante que o texto possa ser lido pelo maior número de pessoas possível, incluindo pessoas com baixa visão, daltonismo, dislexia, idade avançada, ou lendo em condições adversas (luz forte, ecrã pequeno, movimento). Os critérios de desempenho desta UC exigem cumprir os princípios de legibilidade e acessibilidade em todas as composições.

Contraste entre texto e fundo

O contraste de cor mede a diferença de luminosidade entre o texto e o fundo. As Diretrizes de Acessibilidade para o Conteúdo Web (WCAG), do consórcio W3C, definem razões de contraste que servem de referência também para outros suportes:

Por «texto grande» entende-se, nas WCAG 2.x, texto com pelo menos 18 pt (cerca de 24 px) ou 14 pt em negrito (cerca de 18,66 px). A razão varia de 1:1 (sem contraste) a 21:1 (preto sobre branco).

A razão de contraste calcula-se a partir da luminância relativa de cada cor:

• Para cada componente R, G, B (de 0 a 1), se o valor for ≤ 0,04045 divide-se por 12,92; caso contrário calcula-se ((valor + 0,055) ÷ 1,055) elevado a 2,4.
• L = 0,2126 × R + 0,7152 × G + 0,0722 × B.
• Razão = (L1 + 0,05) ÷ (L2 + 0,05), com L1 a luminância maior.

Na prática, usam-se ferramentas de verificação de contraste, mas é importante saber o que significam os valores.

Cor e daltonismo

Uma parte significativa da população tem dificuldade em distinguir certas cores (sobretudo vermelho e verde). Nunca se deve usar apenas a cor para transmitir informação: «as linhas a vermelho estão em atraso» só funciona se também houver um ícone, uma palavra ou outro sinal. O mesmo vale para texto colorido sobre fundos coloridos, onde se testa sempre com o contraste calculado e, se possível, com simuladores de daltonismo.

Tamanho, peso e espaçamento acessíveis

Pessoas com dislexia

Muitos leitores com dislexia beneficiam de fontes com letras bem distintas entre si, espaçamento generoso, alinhamento à esquerda sem justificação, linhas curtas e fundos não totalmente brancos (por exemplo, um creme muito claro), com bom contraste. Existem fontes desenhadas especificamente para dislexia, mas as evidências sobre a sua eficácia são mistas; o que se recomenda de forma consistente é a boa tipografia geral, o espaço e a possibilidade de o leitor ajustar a apresentação.

Texto em imagens e estruturas

Texto que faz parte de uma imagem (um cartaz exportado em JPG, por exemplo) não é lido por leitores de ecrã. Em conteúdos digitais, o texto real deve manter-se como texto, e as imagens devem ter descrição alternativa. Em PDF, uma estrutura bem etiquetada (títulos, listas, ordem de leitura) permite a navegação por tecnologias de apoio.

Exemplo resolvido · escolher uma cor de texto acessível

Fundo branco (#FFFFFF). O cliente quer um texto cinzento claro para «suavizar». Escolhe entre #999999 e #767676.

1. Luminância do branco: L = 1.
2. Cinzento #767676 (118 em 255 = 0,4627): componente linear = ((0,4627 + 0,055) ÷ 1,055)^2,4 = (0,4907)^2,4 ≈ 0,181. L ≈ 0,181 (como R = G = B, a soma dos pesos é 1).
3. Razão: (1 + 0,05) ÷ (0,181 + 0,05) = 1,05 ÷ 0,231 ≈ 4,54:1. Passa AA.
4. Cinzento #999999 (153 em 255 = 0,6): componente linear = (0,6209)^2,4 ≈ 0,319. Razão = 1,05 ÷ 0,369 ≈ 2,85:1. Falha.
5. Conclusão: #767676 é o cinzento mais claro sobre branco que ainda cumpre AA para texto normal; para mais folga, escolhe-se um mais escuro.

Exemplo resolvido · rever um cartaz para acessibilidade

Cartaz de evento: texto de 8 pt, cinzento claro sobre fotografia, pormenores importantes só indicados por cor.

1. Tamanho: sobe-se o texto essencial para 14 pt ou mais (leitura à distância).
2. Contraste: acrescenta-se uma película escura semitransparente sobre a imagem atrás do texto e usa-se texto branco; verifica-se a razão ≥ 4,5:1.
3. Cor: os pormenores importantes (cancelado, esgotado) passam a ter palavra e símbolo, além da cor.
4. Resultado: a mesma informação, legível por mais pessoas e em mais condições de luz.

11. Design inclusivo

O design inclusivo é a abordagem que concebe a comunicação desde o início para ser utilizada por pessoas com a maior diversidade possível de capacidades, idades, contextos, línguas e culturas. Não é uma camada final de «ajustes de acessibilidade»: é um modo de pensar o projeto. Na composição tipográfica, o design inclusivo manifesta-se em escolhas concretas de fonte, tamanho, contraste, linguagem e imagens.

Os cinco princípios do referencial

Aplicações práticas

1. Idioma e acentuação. Uma fonte tem de suportar todos os caracteres da língua (e, em materiais multilingues, das outras línguas): sem «ç», «ã», «õ» ou acentos graves, o texto fica errado. Em contextos com vários idiomas, prever espaço extra: o texto em alemão, por exemplo, costuma ser mais longo do que em português.
2. Linguagem simples. Quem compõe também pode propor revisões que simplifiquem frases, especialmente em informação de serviço público, saúde, finanças e segurança.
3. Formatos alternativos. Versão em letra grande, versão para leitor de ecrã, versão em linguagem simples.
4. Imagens e símbolos. Evitar que a mensagem dependa de uma única convenção cultural; garantir que cores e gestos não têm significados ofensivos noutros contextos.
5. Texto adaptável. Em ecrã, usar unidades relativas (rem, em, percentagens) e testar com o texto ampliado.
6. Género e linguagem. Considerar formulações inclusivas, em acordo com o cliente e o público.
7. Testar com pessoas. Sempre que possível, ouvir pessoas reais da audiência: nenhum guia substitui o feedback.

Atitudes profissionais

O referencial valoriza o respeito pela diversidade, o sentido crítico e a responsabilidade. Na prática: perguntar quem pode ficar de fora da leitura desta peça, e o que se pode mudar para o incluir, antes de a dar por terminada.

Exemplo resolvido · adaptar um aviso de serviço público

Aviso numa unidade de saúde: «Utentes com sintomas devem dirigir-se ao balcão A, a partir das 9h, munidos de cartão de utente.» Texto a 9 pt, cinzento sobre branco, sem pictogramas.

1. Análise: o corpo é pequeno; o cinzento tem contraste fraco; a frase é longa e usa registo formal; não há suporte visual.
2. Ajustes de legibilidade: corpo de 14 pt ou mais (18 pt se for lido de pé, a alguma distância); texto a preto sobre branco; fonte sem serifa de boa abertura.
3. Linguagem simples: «Tem sintomas? Vá ao balcão A. Leve o cartão de utente. Atendimento a partir das 9h.»
4. Hierarquia: «Balcão A» destacado em negrito e em tamanho maior; um pictograma de seta orientando.
5. Formatos alternativos: versão em letra grande e mais uma língua (inglês) conforme o público da unidade.
6. Conclusão: o mesmo conteúdo ficou mais compreensível para idosos, pessoas com baixa visão, estrangeiros e pessoas com literacia mais baixa.

12. Pesquisa de referências e tendências estéticas

Um projeto começa bem pesquisado. Pesquisar referências e tendências estéticas e criativas sobre tipografia é uma aptidão de base: evita refazer o que já existe, dá vocabulário visual para conversar com o cliente e mostra o que funciona. Não é copiar: é compreender e depois criar.

Fontes e recursos de pesquisa

Um método de pesquisa

1. Definir a pergunta. «Que tipografia comunica confiança num banco jovem?» é melhor do que «tipografia bonita».
2. Recolher em largura. Reunir 20 a 30 exemplos de fontes diferentes em bruto, sem filtrar demasiado cedo.
3. Organizar. Criar um moodboard (painel de inspiração) com os melhores exemplos, no mínimo 12, agrupando por tom, categoria e tipo de uso.
4. Analisar. Para cada referência, registar: que fonte (ou categoria), que hierarquia, que espaço, que cor, que funciona e que não funciona.
5. Sintetizar. Extrair 3 a 5 conclusões que orientam o projeto («texto sem serifa em corpo generoso», «títulos em maiúsculas com tracking aberto»).
6. Registar as fontes. Guardar o endereço, o autor e a data de cada referência: serve para citar, para licenciar e para reencontrar.

Tendências: como as ler

As tendências mudam por ciclos: um regresso às serifadas de alto contraste, um período de sem serifas neutras, o uso de fontes variáveis com animação, o regresso da estética manuscrita, o uso de letra expressiva e grande. Saber ler a tendência significa saber quando adotar e quando resistir: uma identidade que se pretende duradoura raramente deve depender de um efeito da moda do ano.

Referências não são cópias

Inspirar-se no espírito de uma referência é legítimo; reproduzir o seu desenho, a sua composição e o seu conjunto de elementos já pode violar direitos (capítulo 19). A regra de ouro é transformar: partir de várias referências, combinar com o conteúdo e a marca do cliente e chegar a algo próprio.

Tarefa · observar tipografia em peças reais

Antes de compor, aprende-se a ler as peças dos outros. Recolhe três peças do teu quotidiano (por exemplo, um cartaz, um rótulo de embalagem e uma placa de sinalética), fotografa-as e preenche, para cada uma, um registo com cinco campos:

1. Origem: onde e quando foi recolhida, para poderes voltar a ela.
2. Fonte (categoria): serifada, sem serifa, script, display, monoespaçada ou blackletter, com as três perguntas do capítulo 6 (serifas? contraste? tipo especial?).
3. Hierarquia: quantos níveis tem e que variáveis os distinguem (tamanho, peso, cor, espaço, posição).
4. Contraste: a razão estimada com uma ferramenta de verificação, comparada com 4,5:1 (texto normal) ou 3:1 (texto grande).
5. Comprimento de linha: caracteres por linha, contados em três linhas do texto corrido, comparados com o intervalo de 45 a 75.

Termina com uma melhoria para cada peça. Exemplo de registo, com uma peça hipotética (o rótulo de uma conserva): título em serifada transicional; três níveis (nome do produto, descrição, informação legal) separados por tamanho e peso; texto escuro sobre fundo creme, com contraste medido acima de 7:1; informação legal com linhas de 30 caracteres; melhoria: subir o corpo da informação legal, que está pequeno para a distância de leitura.

Exemplo resolvido · moodboard para uma identidade de pastelaria artesanal

Brief: pastelaria de bairro, público familiar, tom caloroso e artesanal, material impresso (menus, embalagens) e redes sociais.

1. Pergunta: que tipografia comunica calor, artesanato e confiança, mantendo legibilidade nas embalagens?
2. Recolha: 25 exemplos de embalagens artesanais, cartazes de mercados, rótulos antigos, menus de cafés tradicionais.
3. Organização: três grupos, «serifadas humanistas calorosas», «letras manuscritas leves» e «egípcias robustas».
4. Análise: as manuscritas funcionam bem em títulos curtos e falham em listas de ingredientes; as serifadas humanistas servem em todo o lado; as egípcias dão força à marca.
5. Síntese: serifada humanista para texto e títulos secundários, manuscrita só para uma assinatura da marca, sem serifa limpa para informação legal e preços.
6. Registo: guardar as fontes dos exemplos e confirmar as licenças das fontes escolhidas.

13. Aplicações informáticas de edição eletrónica

Operar aplicações informáticas específicas é a segunda realização desta UC. As aplicações de edição eletrónica (paginação) são programas pensados para compor texto e imagens em páginas, controlando a tipografia ao pormenor. Existem soluções comerciais (como o InDesign, da Adobe, ou o Affinity Publisher), soluções de código aberto (como o Scribus) e, para peças de formato livre ou vetorial, aplicações de ilustração (como o Illustrator) e de design de interfaces (como o Figma). Os princípios são os mesmos: o que muda são os menus.

Que aplicação para que trabalho

Os elementos de um documento de paginação

1. Novo documento. Define-se o formato (A4, A5, formato personalizado), a orientação, o número de páginas, as margens, o número de colunas, o sangramento (área extra além do corte, habitualmente de 3 mm; confirma-se sempre com a gráfica) e o perfil de cor (CMYK para impressão, RGB para ecrã).
2. Páginas mestras (modelos). Páginas-base com elementos que se repetem: grelha, numeração, cabeçalhos e rodapés. Alterar a mestra altera todas as páginas associadas.
3. Caixas de texto. O texto vive em caixas; várias caixas podem ser ligadas para o texto fluir de uma para outra.
4. Texto de substituição. Texto temporário («Lorem ipsum») usado só para testar um esquema. Nunca deve ficar no ficheiro final.
5. Painéis de caractere e parágrafo. Controlam fonte, corpo, entrelinha, kerning, tracking, alinhamento, avanços, espaços antes e depois, hifenização.
6. Estilos. Guardam combinações de formatação para reaplicar (ver abaixo).
7. Camadas. Separam elementos (texto, imagens, notas) para facilitar edição e revisão.
8. Verificação prévia (preflight). Verifica fontes em falta, imagens de baixa resolução, texto excedente e outros problemas antes da exportação.

Estilos: a ferramenta mais importante

Os estilos de parágrafo guardam a formatação de um bloco inteiro de texto (fonte, corpo, entrelinha, alinhamento, espaços, hifenização); os estilos de caractere guardam a formatação de palavras dentro do parágrafo (itálico, negrito, cor); os estilos de objeto guardam a formatação de caixas (traço, preenchimento, margens internas). Vantagens:

• Coerência: todos os títulos iguais, todas as legendas iguais.
• Rapidez: um clique aplica a formatação toda.
• Alteração global: mudar o corpo de texto em todo o documento é editar um único estilo.
• Hierarquia visível: a lista de estilos é, na prática, o esqueleto da hierarquia tipográfica.
• Estilos aninhados: formatam automaticamente partes de um parágrafo (o primeiro termo de cada item de um glossário, por exemplo).

Boas práticas: nomear os estilos com lógica («Título 1», «Corpo», «Legenda»), basear estilos uns nos outros («Corpo sem avanço» baseado em «Corpo») e evitar substituições manuais (formatar à mão por cima do estilo). Um «+» ao lado do nome do estilo numa aplicação costuma sinalizar uma substituição local.

Importar e preparar texto

O texto chega normalmente de um processador de texto. Para evitar problemas:

1. Importar sem formatação, ou limpar a formatação, para que os estilos da paginação mandem.
2. Substituir espaços duplos, tabulações usadas para alinhar, e quebras de linha manuais no meio de parágrafos.
3. Corrigir as aspas e os travessões segundo a convenção do projeto.
4. Verificar a ortografia segundo o acordo em vigor e o dicionário de idioma do documento.

Atalhos e fluxo eficiente

Exemplo resolvido · montar a estrutura de estilos de uma brochura de 8 páginas

1. Formato e margens: A5 (148 × 210 mm), margens de 15 mm, 2 colunas, sangramento 3 mm.
2. Página mestra: número de página no rodapé exterior, nome da publicação no cabeçalho.
3. Estilos de parágrafo: Título (24 pt negrito), Subtítulo (14 pt regular), Intertítulo (11 pt negrito), Corpo (9,5 pt, entrelinha 13 pt), Legenda (8 pt itálico).
4. Estilos de caractere: Destaque (negrito), Nome de obra (itálico).
5. Aplicação: importar o texto sem formatação, aplicar o estilo Corpo a tudo, depois os restantes em cada elemento.
6. Verificação: preflight sem erros; PDF de prova lido por um colega.
7. Conclusão: com os estilos prontos, uma alteração tardia (por exemplo, passar o corpo para 10 pt) faz-se num só lugar.

14. Espaçamento: kerning, tracking, entrelinha e espaços entre palavras

O espaçamento é o conjunto de distâncias entre letras, palavras, linhas e parágrafos. Manipular o espaçamento é a diferença entre uma composição amadora e uma profissional, porque o olho nota diferenças de décimas de milímetro.

Kerning

O kerning (ou pares de kerning, em português também «crenagem» ou ajuste de pares) é o ajuste do espaço entre duas letras específicas. Existem combinações que, com o espaçamento normal, parecem demasiado afastadas ou demasiado juntas: «AV», «To», «Wa», «Te». As boas fontes incluem tabelas de kerning que o programa aplica automaticamente.

O kerning mede-se em milésimas de em: um ajuste de -50 num corpo de 20 pt reduz o espaço em 50/1000 × 20 = 1 pt. Corrige-se sobretudo em títulos e em corpos grandes, onde os defeitos se veem; em texto pequeno, o kerning métrico basta.

Método para kerning de um título: desfocar os olhos (ou rodar a imagem) e verificar se o ritmo é uniforme; corrigir os pares que criam «buracos» ou «nós»; rever depois ao tamanho final.

Tracking

O tracking (espaçamento entre caracteres, ajuste de rastro) é a alteração do espaço entre todas as letras de uma seleção, uniformemente. Mede-se também em milésimas de em.

Tracking e kerning são diferentes: o kerning corrige um par, o tracking altera uma seleção inteira. Deve-se fazer primeiro o tracking e depois o kerning, porque o tracking altera todos os pares.

Entrelinha

A entrelinha (capítulo 9) é o espaço entre linhas de base. Em aplicações de paginação pode ser automática (percentagem do corpo, em geral 120 %) ou fixa. Em texto corrido recomenda-se valor fixo, para manter a grelha de linhas de base estável.

Espaços entre palavras e entre parágrafos

• Espaço entre palavras: em texto justificado o programa varia-o; quando varia demasiado, aparecem buracos. Controla-se nos parâmetros de justificação.
• Espaço entre parágrafos: duas formas clássicas: avanço de primeira linha (recuo) ou espaço antes/depois do parágrafo. Usar uma ou outra, não as duas. Evitar linhas vazias criadas com Enter.
• Espaços especiais: espaço inseparável (para evitar que «10 km» ou «Sr. Silva» sejam separados no fim de linha), espaço fino (em números e unidades), espaço em, espaço en.

Pontuação e sinais tipográficos

A tipografia profissional distingue sinais parecidos:

Cada publicação define uma convenção (o chamado guia de estilo) e aplica-a de modo uniforme.

Algarismos

Muitas fontes OpenType oferecem diferentes estilos de algarismos:

Exemplo resolvido · calcular o tracking de um título

Um título a 48 pt com tracking de -20.

1. Fórmula: ajuste = tracking/1000 × corpo.
2. Cálculo: -20/1000 × 48 = -0,96 pt por carácter (cerca de -0,34 mm).
3. Num título de 12 caracteres (11 espaços entre letras): redução total de aproximadamente 11 × 0,96 = 10,6 pt (cerca de 3,7 mm). Nas aplicações, o tracking costuma ser aplicado também depois da última letra, pelo que o efeito real pode abranger 12 intervalos em vez de 11; o que interessa é o método.
4. Conclusão: o título fica mais compacto sem mudar de tamanho; verificar depois se os pares ficaram bem, com kerning pontual.

Exemplo resolvido · diagnosticar e corrigir uma linha mal espaçada

O título «AVIÃO TOLDO» parece ter buracos entre «A» e «V» e entre «T» e «O».

1. Causa: pares de letras com formas diagonais ou horizontais criam espaço branco aparente.
2. Verificação: confirmar que o kerning está em «métrico» e não em «zero».
3. Correção: se mesmo assim sobrar espaço, aplicar manualmente -40 em «AV» e -30 em «TO», verificando ao tamanho final.
4. Conclusão: o ritmo uniforme, com o mesmo «tom» entre as letras, vale mais do que o valor numérico exato.

15. Alinhamento, justificação e hifenização

O alinhamento define como as linhas de um texto se posicionam em relação à caixa. O alinhamento escolhido muda a leitura e o carácter da página.

Justificação bem feita

O texto justificado exige cuidado:

1. Coluna suficientemente larga. Em colunas estreitas (menos de 35 a 40 caracteres), a justificação cria espaços enormes entre palavras. Para estas, preferir alinhamento à esquerda.
2. Hifenização ativada e configurada com bom senso.
3. Parâmetros de justificação. Em aplicações avançadas pode-se definir espaço mínimo, desejado e máximo entre palavras (por exemplo, 80 %, 100 %, 120 %) e uma pequena variação do espaço entre letras (por exemplo, ±2 %).
4. Compositor de parágrafo. Algumas aplicações têm um modo que analisa o parágrafo inteiro, não apenas linha a linha, e produz resultados mais uniformes.
5. Revisão final. Percorrer o texto à procura de rios e buracos.

Hifenização

A hifenização corta palavras no fim de linha segundo regras silábicas do idioma. Em português, as quebras seguem a separação silábica; a aplicação deve estar a usar o dicionário de português correto, ou os cortes serão errados. Definições habituais:

Viúvas, órfãs, rios e outros defeitos de composição

As designações «viúva» e «órfã» são usadas com sentidos trocados por diferentes autores; o importante é conhecer o problema e saber resolvê-lo. A maior parte das aplicações tem opções do tipo «manter linhas juntas» e «manter com o seguinte» para evitar estes defeitos.

Bandeira bonita

Em texto alinhado à esquerda, o lado direito irregular, a «bandeira», também se trabalha: evitam-se linhas muito curtas seguidas de longas e formas feias (cunhas, escadas). Podem usar-se quebras de linha manuais suaves (quebra de linha, não de parágrafo) em títulos, respeitando as unidades de sentido: não separar um artigo do nome, uma preposição do que a segue, ou um número da sua unidade.

Exemplo resolvido · decidir alinhamento e hifenização

Texto de relatório numa coluna de 62 mm de largura, corpo 9 pt (largura média do carácter ≈ 0,47 × 3,175 mm ≈ 1,49 mm).

1. Caracteres por linha: 62 ÷ 1,49 ≈ 41 caracteres.
2. Análise: com 41 caracteres, a justificação produziria espaços muito variáveis.
3. Decisão: alinhamento à esquerda, hifenização ativada com mínimo de 3 letras antes e depois, máximo de 2 hífenes seguidos.
4. Verificação: percorrer a bandeira; corrigir pontualmente linhas muito curtas.
5. Conclusão: a opção «mais limpa» (justificado) não é a mais legível numa coluna estreita.

Exemplo resolvido · resolver um rio num parágrafo justificado

1. Sintoma: um espaço branco vertical atravessa cinco linhas consecutivas.
2. Causa: palavras compridas que não hifenizam e linhas com poucos pontos de quebra.
3. Correções, por ordem: ativar a hifenização; alargar a tolerância do espaço entre palavras para 120 %; aplicar tracking de -5 ao parágrafo; reescrever uma frase, se o texto o permitir.
4. Conclusão: tratam-se os parâmetros antes do conteúdo, e o conteúdo só com acordo do autor.

16. Grelha tipográfica e estruturação do layout

O layout é a disposição de todos os elementos numa página ou ecrã. Estruturar o layout significa organizá-lo sobre uma grelha: um sistema invisível de linhas orientadoras que ancora texto e imagens, cria ritmo e coerência e acelera o trabalho.

Elementos de uma grelha

Tipos de grelha

Construir uma grelha passo a passo

1. Definir o formato do documento.
2. Escolher o corpo e a entrelinha de base do texto corrido; a entrelinha define a unidade vertical da grelha.
3. Calcular a área útil: formato menos margens.
4. Dividir em colunas: a largura de cada coluna tem de dar entre 45 e 75 caracteres no corpo escolhido (ou menos, em colunas de apoio).
5. Definir o intercolúnio: habitualmente igual a 1 a 2 linhas de entrelinha em milímetros, ou entre 4 e 6 mm.
6. Alinhar à grelha de linhas de base: o texto assenta nas linhas; as imagens e os títulos ocupam múltiplos exatos.
7. Testar com conteúdo real e ajustar.

Proporções de margens

As margens não têm de ser iguais. Em livros e brochuras costuma dar-se mais margem à parte inferior e à exterior, deixando a margem interior para a lombada. Há esquemas clássicos de proporção entre margens, mas num projeto concreto decide-se pelo conteúdo e pelo uso do impresso (se é manuseado, encadernado, fechado).

Grelhas no digital

Em design web e de aplicações, as grelhas usam unidades relativas (colunas de 12, por exemplo) e pontos de rutura (breakpoints) para adaptar o layout a ecrãs diferentes. A tipografia responde: corpo, entrelinha e comprimento de linha são redefinidos por tamanho de ecrã, mantendo as relações da escala.

Hierarquia e grelha

A grelha serve a hierarquia: os elementos de maior importância ocupam mais módulos ou posições de destaque; os de apoio alinham-se com a estrutura. Quebrar a grelha é possível e valioso quando é intencional (uma imagem que sangra além da margem, um título que ocupa duas colunas), mas só se percebe como intencional se a grelha existir.

Espaço negativo

O espaço em branco (ou negativo) não é espaço desperdiçado: separa grupos, respira, dá importância ao que fica rodeado. Um erro frequente de quem começa é preencher todos os espaços.

Exemplo resolvido · construir a grelha de um A4

Documento A4 (210 × 297 mm), margens de 20 mm em cima, em baixo, esquerda e direita; texto a 10 pt com entrelinha de 12 pt; 6 colunas com intercolúnio de 5 mm.

1. Área útil: largura = 210 - 40 = 170 mm; altura = 297 - 40 = 257 mm.
2. Largura da coluna: 6 colunas e 5 intercolúnios: (170 - 5 × 5) ÷ 6 = 145 ÷ 6 = 24,17 mm.
3. Combinações possíveis: 3 colunas = 3 × 24,17 + 2 × 5 = 82,5 mm; 4 colunas = 4 × 24,17 + 3 × 5 = 111,7 mm; 6 colunas = 170 mm.
4. Caracteres por linha (corpo 10 pt, largura média 1,66 mm): 4 colunas dão 111,7 ÷ 1,66 ≈ 67 caracteres, ótimo para texto corrido; 3 colunas dão 50, bom para texto de apoio.
5. Linhas de base: 12 pt = 4,2336 mm; altura útil 257 mm ÷ 4,2336 = 60,7; ajustam-se as margens (por exemplo, 3 mm no topo) para dar 60 linhas exatas (60 × 4,2336 = 254,02 mm).
6. Conclusão: texto corrido em 4 colunas, legendas e destaques em 2 colunas, imagens a 3 ou 6 colunas; tudo ancorado.

Exemplo resolvido · mudar a grelha para um formato diferente

O mesmo conteúdo precisa de ser adaptado a um ecrã de telemóvel de 360 px de largura.

1. Colunas: reduzem-se para 1; o texto passa a ocupar a largura útil (360 px menos margens de 16 px de cada lado = 328 px).
2. Corpo: 16 px (12 pt) ou mais, entrelinha de 1,5 (24 px).
3. Comprimento de linha: 328 px ÷ cerca de 8 px por carácter ≈ 41 caracteres; é um valor aceitável para ecrã pequeno.
4. Hierarquia: mantém-se a escala (títulos maiores, intertítulos negritos), simplificando-se os destaques laterais.
5. Conclusão: a grelha muda, a hierarquia mantém-se.

17. Manipular caracteres, estilos, formatos e arranjos visuais

A quarta realização da UC pede capacidade de manipular caracteres, estilos, formatos e arranjos visuais. Isto inclui as funções avançadas de uma fonte, a conversão de texto em formas, os efeitos tipográficos e os arranjos criativos, sem sacrificar a legibilidade.

Glifos e funcionalidades OpenType

Um glifo é a forma concreta de um carácter; uma fonte OpenType pode ter milhares. Entre as funcionalidades úteis:

O painel de glifos permite inserir qualquer carácter não existente no teclado, como a cedilha numa fonte de outra língua, o sinal de marca registada, as aspas portuguesas ou o sinal de ordinal.

Conversão em curvas (contornos)

Em logótipos e em peças vetoriais pode-se converter texto em contornos: as letras tornam-se formas vetoriais, que já não dependem da fonte instalada nem de licença de incorporação, mas deixam de ser editáveis como texto. Boas práticas: guardar sempre uma cópia editável; só converter na versão final; verificar se a licença da fonte permite converter em contornos. Em ficheiros para impressão, o PDF com fontes incorporadas é geralmente mais seguro do que as fontes soltas.

Texto em caminho, em forma e em máscara

• Texto em caminho: o texto segue uma linha curva.
• Texto em forma: o texto preenche uma forma.
• Texto como máscara de imagem: uma imagem aparece dentro das letras. Requer fontes pesadas para a imagem ser legível.
• Texto com contorno e sombra: efeitos que se usam com moderação, porque tendem a reduzir a legibilidade.

Efeitos e distorções: o limite

Esticar, inclinar artificialmente ou achatar letras altera o desenho e as proporções que o designer da fonte ajustou. Se o efeito for necessário, procurar a variante já desenhada (condensada, expandida, itálico verdadeiro). Rodar texto 90 graus é aceitável em lombadas e legendas laterais, mas torna a leitura mais difícil.

Texto sobre imagem

Para manter a legibilidade:

1. Escolher uma zona da imagem calma (céu, parede, desfocado).
2. Aplicar uma película de cor semitransparente por trás do texto.
3. Aumentar o peso e o corpo do texto.
4. Verificar o contraste em várias zonas do texto.
5. Evitar sombras fortes como remédio.

Arranjos visuais criativos

Lettering e tipografia são diferentes: o lettering desenha letras para uma única aplicação; a tipografia usa fontes reutilizáveis.

Formatos de exportação

Exemplo resolvido · preparar um título para um logótipo

Wordmark «Casa Lume» numa fonte sem serifa geométrica.

1. Escolha: peso semi-negrito, altura-x generosa.
2. Tracking: +10 para dar presença.
3. Kerning: verificar «Ca», «sa», «Lu», «um», «me» e corrigir à mão.
4. Versões: variante positiva e negativa; testar em tamanho mínimo.
5. Conversão: guardar a cópia editável; exportar versão em contornos (SVG e PDF).
6. Licença: confirmar que a licença da fonte permite uso em logótipos.
7. Conclusão: um logótipo é o caso extremo do cuidado tipográfico.

Exemplo resolvido · salvar a legibilidade de texto sobre fotografia

Texto branco, 12 pt, sobre fotografia de nuvens.

1. Medição: a razão de contraste nas zonas claras ronda 1,6:1, que é muito baixa.
2. Película: aplica-se um retângulo preto semitransparente atrás do texto e sobe-se a opacidade (por exemplo, de 30 % para 50 %) até a zona escurecer o suficiente.
3. Nova medição: repete-se a medição a cada ajuste, até a razão ser de pelo menos 4,5:1 em toda a área do texto.
4. Corpo: sobe-se de 12 para 16 pt e o peso para semi-negrito.
5. Conclusão: a imagem mantém-se visível, e o texto passa a cumprir o nível AA.

18. O projeto de design de comunicação: objetivos, processos e fases

A composição tipográfica nunca é um fim em si mesma: serve um projeto de design de comunicação, que parte de um problema do cliente e termina numa peça (ou conjunto de peças) que o resolve. Adaptar a tipografia à sua função num projeto significa perceber a que objetivo serve cada escolha.

Objetivos de um projeto

Um projeto de design de comunicação tem objetivos de três tipos:

Fases de um projeto

O briefing

Um bom briefing responde a: quem é o cliente e qual é a marca; quem é o público; qual é o objetivo da peça; qual é o conteúdo (texto, imagens, logótipos); em que suporte e formato; quantidade e prazo; orçamento; o que existe já (manual de identidade, fontes de marca); restrições legais ou técnicas. O briefing é a base de todas as decisões tipográficas: se o cliente já tem uma fonte de marca, o trabalho do designer passa por a usar bem, não por a substituir.

Manual de identidade e fontes de marca

Quando a organização tem manual de identidade visual, este define as fontes institucionais, tamanhos, cores e regras de uso. A composição deve respeitá-lo. É comum haver uma fonte de marca (para títulos e comunicação) e uma fonte de substituição para contextos onde a de marca não está disponível (documentos de escritório, correio eletrónico).

Adaptar a tipografia à função

Trabalhar em equipa e com o cliente

Num gabinete ou numa agência, a composição passa por várias mãos: diretor criativo, designer, revisor de texto, gestor de conta, produtor gráfico. Comunicar com clareza (documentar as escolhas, nomear os estilos, entregar ficheiros organizados) é parte da competência. Os critérios de desempenho incluem o respeito pelos princípios de organização visual e a utilização das aplicações; as atitudes profissionais incluem responsabilidade, autonomia, rigor e sentido de organização. O referencial valoriza ainda o sentido analítico (decompor um problema tipográfico nas suas variáveis: público, suporte, texto, tamanho, contraste), a autonomia no âmbito das funções e o respeito pelas regras e normas definidas (manual de identidade, guia de estilo, normas de produção da gráfica).

Exemplo resolvido · transformar um briefing em decisões tipográficas

Briefing: cartaz A3 para um festival de teatro universitário, público jovem, afixação em escolas e cafés, informação obrigatória: nome, datas, local, preço e logótipo dos apoios.

1. Objetivo: o público ver o cartaz, perceber que é um festival de teatro e reter datas.
2. Hierarquia: nome do festival (1.º nível), datas (2.º), local e preço (3.º), apoios (4.º).
3. Fonte: título em display expressiva, um peso só; restante em sem serifa legível com dois pesos.
4. Escala: título a 120 pt; datas a 48 pt; local e preço a 24 pt; apoios a 12 pt (razão de 2 a 2,5 entre níveis, apropriada a um cartaz).
5. Grelha: 4 colunas, o título ocupa as quatro; os outros níveis alinham à esquerda.
6. Contraste: texto claro sobre fundo escuro, razão acima de 7:1.
7. Produção: PDF/X, sangramento de 3 mm, fontes incorporadas.
8. Conclusão: cada decisão tipográfica responde a uma parte do briefing.

19. Direitos de autor, fontes e licenciamento

Quem faz composição tipográfica usa, todos os dias, o trabalho de outros: fontes, imagens, textos, ícones. Identificar os direitos de autor e respeitar a legislação é uma aptidão exigida e uma atitude profissional («respeito pela legislação em vigor»). Esta secção apresenta os conceitos; para qualquer caso concreto, consulta o Código do Direito de Autor e dos Direitos Conexos, na redação em vigor, e, em caso de dúvida, um profissional do direito.

Conceitos de base

Fontes: o desenho e o software

Uma fonte tem duas camadas: o desenho das letras e o ficheiro de fonte (software). A forma como a lei trata cada uma varia entre países, mas na prática profissional o que importa é a licença (EULA) que acompanha o ficheiro. Esta define o que se pode fazer.

Regra prática: antes de entregar um trabalho, confirmar que cada fonte tem licença válida para esse uso (impressão, web, logótipo, produto à venda). Se o cliente receber o ficheiro editável, precisa de licenças próprias das fontes, ou o designer entrega o PDF e a lista de fontes usadas, para que ele as obtenha.

Imagens, ícones e textos

• Imagens: fotografias e ilustrações têm autor. Usar bancos de imagens com licença adequada ao uso, ou obras com licenças abertas respeitando as condições.
• Licenças Creative Commons: família de licenças que permitem usos em condições variadas (atribuição, uso não comercial, sem obras derivadas, partilha nos mesmos termos). Cada combinação tem regras diferentes: ler a sua.
• Domínio público: obras cuja proteção terminou; confirmar o estatuto da edição e da tradução, que podem ter direitos próprios.
• Textos: citar com indicação do autor e da fonte, dentro dos limites legais.
• Marcas e logótipos: pertencem aos seus titulares; usar em trabalhos para terceiros com autorização.

Como se protege o designer

1. Contrato ou orçamento com cláusulas claras sobre a cessão dos direitos da criação: o que se cede, por que prazo, para que usos.
2. Créditos em portefólio, mediante acordo com o cliente.
3. Guardar originais e versões com datas, como prova de autoria.
4. Registo, quando se justifique.

Boas práticas no dia a dia

• Manter um registo de licenças (fonte, fornecedor, tipo de licença, data, projetos).
• Documentar a origem de cada imagem e fonte.
• Nunca usar versões pirateadas ou obtidas em sites duvidosos, que ainda por cima podem trazer software malicioso.
• Perguntar ao cliente se tem licenças das fontes institucionais.
• Em dúvida, escolher uma fonte de licença clara e aberta.

Exemplo resolvido · verificar se se pode usar uma fonte num cartaz e no site

Fonte obtida num repositório online, com licença «gratuita para uso pessoal», proposta para um cartaz de um evento comercial e para o site da empresa.

1. Leitura da licença: «uso pessoal» exclui uso comercial; um evento comercial e o site de uma empresa são usos comerciais.
2. Tipos de uso envolvidos: impressão (desktop) e web (webfont).
3. Decisão: não usar esta fonte neste trabalho sem adquirir a licença comercial que cubra impressão e web; em alternativa, escolher uma fonte com licença aberta que permita uso comercial.
4. Registo: anotar a decisão e a fonte alternativa no registo de licenças.
5. Conclusão: o facto de uma fonte estar disponível para descarregar não significa que possa ser usada em qualquer trabalho.

Exemplo resolvido · distinguir inspiração de plágio

Um cliente entrega um cartaz de outra empresa e pede «um igual, mas com os nossos dados».

1. Análise: reproduzir composição, ilustração e tipografia de uma peça alheia pode violar direitos de autor e confundir o público.
2. Proposta: fazer com o cliente uma lista do que gosta na referência (tom, escala, cor, ritmo) e criar uma composição própria que responda a essas qualidades.
3. Prática: usar fontes e imagens com licença adequada; partir da marca do cliente.
4. Conclusão: referir inspiração é legítimo; copiar a obra de terceiros não.

20. Gestão de ficheiros digitais e arquivo

Um projeto de composição gera dezenas de ficheiros: documentos editáveis, fontes, imagens, ligações, provas, PDFs de entrega. Sem organização, perde-se tempo, perdem-se versões, entregam-se ficheiros errados. Estruturar ficheiros digitais e arquivo é uma aptidão e uma atitude de rigor.

Arquitetura de pastas

Uma estrutura simples e repetível por projeto:

A numeração mantém as pastas na ordem lógica do fluxo de trabalho. A mesma estrutura em todos os projetos permite a qualquer pessoa da equipa encontrar qualquer coisa.

Nomenclatura de ficheiros

Um bom nome é claro, único, ordenável e sem surpresas:

1. Data no formato AAAA-MM-DD (ordena cronologicamente).
2. Cliente ou projeto, descrição, versão.
3. Sem espaços nem acentos nem caracteres especiais (usar hífenes ou sublinhados), por compatibilidade entre sistemas.
4. Versões numeradas: v01, v02, v03. Evitar nomes como «final», «final2», «final_agora_sim».
5. Letras minúsculas, ou uma convenção coerente.

Exemplos:

Formatos de ficheiro

Fontes e ligações

Ficheiros de paginação ligam imagens e referenciam fontes: se se mudar o ficheiro de pasta ou de computador, as ligações quebram e as fontes faltam. Para evitar:

1. Usar a função de empacotamento (package) da aplicação, que reúne o documento, as fontes, as imagens e um relatório.
2. Guardar as imagens numa pasta relativa ao documento.
3. Verificar o painel de ligações e de fontes antes de entregar.
4. Para a gráfica, enviar de preferência um PDF com fontes incorporadas.

Cópias de segurança e arquivo

• Regra 3-2-1: 3 cópias, em 2 suportes diferentes, 1 delas fora do local de trabalho.
• Arquivo do projeto concluído: o pacote com editáveis, fontes (se a licença o permitir), imagens e PDFs finais, mais um ficheiro de texto com a lista de fontes e licenças.
• Guardar durante o prazo acordado com o cliente e conforme a política da empresa; ter em atenção a proteção de dados pessoais se existirem listas de contactos nos ficheiros.

Entrega ao cliente e à gráfica

Exemplo resolvido · organizar um projeto e nomear ficheiros

Projeto: brochura institucional de 12 páginas para uma cooperativa agrícola.

1. Estrutura: criar as sete pastas numeradas; colocar no 02_Conteudos os textos recebidos em .docx e as fotografias.
2. Nomes: 2026-10-20_cooperativa_brochura-a5_v01.indd; fotografias cooperativa_foto-pomar_3000px.jpg.
3. Fontes: copiar as fontes usadas para 03_Trabalho/Fontes; registar licença de cada uma.
4. Provas: exportar PDF de prova para 04_Provas com versão no nome (v01, v02).
5. Entrega: PDF/X-4 para a gráfica em 05_Entrega, com sangramento de 3 mm e fontes incorporadas.
6. Arquivo: no fim, empacotar o projeto para 06_Arquivo; cópia de segurança num segundo suporte.
7. Conclusão: dois anos depois, uma reimpressão faz-se em minutos, porque tudo está no sítio.

21. Segurança e saúde no trabalho

Embora o designer trabalhe sobretudo ao computador, a atividade tem riscos próprios, e o referencial exige aplicar as normas de segurança e saúde no trabalho: normas, regulamentos e equipamentos de proteção. A atividade em Portugal rege-se pela legislação de segurança e saúde no trabalho em vigor, que atribui deveres ao empregador e ao trabalhador, e a entidade com competência de fiscalização é a Autoridade para as Condições de Trabalho (ACT). Para obrigações concretas, consulta-se a legislação na redação em vigor e o serviço de segurança e saúde da empresa.

Riscos do posto de trabalho com ecrã

Ergonomia do posto

1. Ecrã à altura dos olhos ou ligeiramente abaixo, a uma distância de aproximadamente um braço estendido.
2. Cadeira com altura regulável, de modo a que os pés assentem no chão e os joelhos formem cerca de 90 graus.
3. Teclado e rato próximos, com os pulsos em posição neutra.
4. Iluminação sem reflexos no ecrã; a luz natural lateral é preferível.
5. Pausas: levantar-se, mexer-se, alongar; olhar para longe de vez em quando. Uma sugestão popular é a regra «20-20-20»: a cada 20 minutos, olhar durante 20 segundos para algo a cerca de 6 metros.
6. Calibração do monitor para trabalho de cor, num ambiente com luz controlada.

Gráficas e oficinas

Quem trabalha em empresas gráficas ou acompanha a produção encontra riscos adicionais:

Os equipamentos de proteção individual (EPI) usam-se quando o risco não pode ser eliminado por outros meios: luvas, óculos, protetores auditivos, calçado de segurança, máscaras. Devem estar certificados, ser adequados ao risco, bem ajustados, e o trabalhador deve ser formado para os usar. A sinalização de segurança (cores e pictogramas) deve ser conhecida e respeitada.

Prevenção e comportamento

• Conhecer as saídas de emergência, os extintores e o plano de evacuação.
• Comunicar acidentes e situações de risco ao responsável.
• Participar na formação em segurança e saúde.
• Não improvisar com equipamentos que não domina.
• Ler a ficha de dados de segurança de qualquer produto químico antes de o usar.

Exemplo resolvido · rever o posto de trabalho de um designer

Situação: designer com dores no pescoço e nos ombros ao fim do dia, ecrã de portátil sobre a mesa, luz de uma janela atrás, cadeira baixa.

1. Diagnóstico: o ecrã do portátil fica baixo (pescoço inclinado), há reflexos, a cadeira obriga a elevar os ombros.
2. Medidas: elevar o portátil com um suporte e usar teclado e rato externos; regular a altura da cadeira; rodar o posto para que a janela fique de lado; instalar cortinas ou estores.
3. Rotina: pausas de 5 minutos por cada hora, alongamentos do pescoço e dos ombros, olhar para longe a cada 20 minutos.
4. Escalada: se as dores persistirem, comunicar ao responsável e ao serviço de saúde e segurança no trabalho.
5. Conclusão: pequenas alterações de posto previnem lesões que se tornam crónicas.

Exemplo resolvido · preparar uma visita à gráfica

Visita para acompanhar uma impressão em offset.

1. Antes: perguntar quais são as regras de segurança do local e que EPI é exigido.
2. Durante: calçado fechado, vestuário sem peças soltas, cabelo apanhado; não tocar em máquinas; respeitar zonas sinalizadas.
3. Prova de cor: verificar a prova na zona própria, com luz de visualização adequada, sem entrar nas áreas de risco.
4. Depois: lavar as mãos após manusear papéis ou materiais com tinta.
5. Conclusão: a segurança aplica-se mesmo a quem está de passagem.

22. Proteção ambiental

A produção gráfica consome papel, tintas, água e energia e gera resíduos. Aplicar as normas de proteção ambiental é uma aptidão do referencial e uma responsabilidade profissional: o designer influencia decisões de formato, papel, tiragem e acabamentos que determinam a maior parte do impacto de uma peça. Para exigências legais concretas, consulta-se a legislação ambiental em vigor e a política da empresa.

Princípios

O que o designer pode decidir

1. Formato: um formato que encaixe bem na folha de impressão desperdiça menos papel.
2. Quantidade: tiragens ajustadas à necessidade; impressão digital sob procura para pequenas quantidades.
3. Papel: peso e tipo adequados à utilização; evitar plastificações e vernizes que dificultam a reciclagem, quando possível.
4. Cor: peças com menos cargas de tinta consomem menos; tons plenos extensos gastam muito.
5. Digital em vez de papel, quando faz sentido: um PDF leve substitui uma impressão; mas ecrãs também consomem energia, e o mais sustentável é o que cumpre a função com menos recursos.
6. Provas: usar provas digitais no ecrã, imprimir em modo rascunho e frente e verso só quando indispensável.
7. Ficheiros leves: imagens com resolução apropriada e fontes web otimizadas diminuem o peso das páginas e a energia de transferência.
8. Longevidade: uma identidade tipográfica e materiais pensados para durar evitam reimpressões frequentes.

Gestão de resíduos na gráfica

• Resíduos perigosos (tintas, solventes, panos sujos, chapas) seguem circuitos próprios, nunca o lixo comum.
• Aparas de papel e cartão para reciclagem.
• Consumíveis de impressão (tinteiros, toners) devolvidos aos fornecedores ou aos ecopontos próprios.
• Registo e rotulagem dos contentores.

Cuidado com o «greenwashing»

Afirmações ambientais devem ser verdadeiras e verificáveis. Dizer que um produto é «ecológico» sem certificação ou prova induz em erro o público. Em peças para clientes, propor mensagens ambientais claras e fundamentadas.

Exemplo resolvido · reduzir o impacto de uma brochura

Brochura A4 de 16 páginas, 2000 exemplares, papel couché brilhante, verniz total, plastificação na capa.

1. Formato: o A4 aproveita bem uma folha de impressão padrão; manter.
2. Quantidade: confirmar com o cliente a distribuição real; reduzir para 1200 exemplares e prever reimpressão digital.
3. Papel: propor papel certificado (FSC ou PEFC) com percentagem de fibra reciclada, mantendo o peso e a opacidade adequados.
4. Acabamento: retirar a plastificação (que dificulta a reciclagem) e usar verniz parcial apenas na capa.
5. Versão digital: disponibilizar um PDF acessível e leve para reduzir tiragens futuras.
6. Comunicação: indicar na brochura as certificações do papel e o convite a reciclar, só se o fornecedor as comprovar.
7. Conclusão: sem perder qualidade, o impacto diminui em material, em resíduos e em transporte.

Exemplo resolvido · planear a gestão de resíduos de um pequeno estúdio

1. Inventário: papel de prova, cartão, tinteiros, embalagens.
2. Separação: contentores de papel, plástico e tinteiros junto ao posto de impressão.
3. Redução: configurar a impressora por defeito em frente e verso e modo rascunho; incentivar a revisão no ecrã.
4. Reutilização: papel impresso de um lado serve de rascunho; sobras de cartão servem para maquetas.
5. Fornecedores: pedir às gráficas colaboradoras informação sobre as suas práticas ambientais.
6. Conclusão: pequenos hábitos repetidos geram poupança material e de custos.

Erros comuns

• Usar demasiadas fontes numa só peça, sem critério nem hierarquia.
• Escolher a fonte antes de ler o texto e o briefing.
• Confundir corpo (em pontos) com altura das letras e comparar fontes só pelo número.
• Esticar ou comprimir letras em vez de usar a variante condensada ou expandida.
• Usar pseudo-negrito ou pseudo-itálico gerados pelo programa.
• Escrever longos blocos em maiúsculas, em itálico ou sublinhados.
• Texto pequeno e cinzento-claro por razões estéticas, sem medir o contraste.
• Usar só a cor para transmitir informação importante.
• Ignorar a hierarquia: título, subtítulo e corpo com o mesmo peso e tamanho, ou tudo em destaque.
• Mudar mais do que uma variável de cada vez e transformar o título num grito visual.
• Justificar colunas estreitas sem hifenização, criando rios e buracos.
• Usar espaços para alinhar em vez de tabulações, avanços ou grelha.
• Linhas vazias com Enter em vez de espaço antes e depois do parágrafo.
• Aspas direitas, hífen no lugar da meia-risca e restantes sinais de máquina de escrever.
• Kerning e tracking feitos sem rever ao tamanho final.
• Formatar à mão por cima dos estilos e perder a coerência.
• Deixar texto de substituição (Lorem ipsum) no ficheiro final.
• Colocar texto sobre imagem sem verificar o contraste.
• Usar uma fonte sem verificar a licença para o tipo de uso.
• Copiar uma peça existente e chamar-lhe inspiração.
• Nomear ficheiros «final», «final2» e guardar tudo numa só pasta.
• Enviar ficheiros para a gráfica sem fontes incorporadas ou sem sangramento.
• Ignorar a ergonomia do posto e as pausas.
• Ignorar o impacto ambiental das escolhas de papel, tiragem e acabamento.

Glossário

• Abertura: passagem entre o espaço interior de uma letra e o exterior, como na boca do «c».
• Altura-x: altura das minúsculas sem ascendentes nem descendentes, medida a partir da linha de base.
• Ascendente: parte de uma minúscula que sobe acima da altura-x.
• Bandeira: lado direito irregular de um texto alinhado à esquerda.
• Barra: traço horizontal ou oblíquo que liga hastes, como no «A» e no «e».
• Blackletter: letra de inspiração gótica, de traços angulosos e densos.
• Bojo: parte curva fechada de uma letra, como no «b» e no «p».
• Cícero: unidade da tipografia europeia tradicional, igual a 12 pontos Didot (cerca de 4,512 mm).
• Corpo: tamanho nominal de uma fonte, indicado em pontos.
• Contraforma: espaço branco delimitado ou envolvido pelas formas de uma letra.
• Contraste (de cor): diferença de luminância entre o texto e o fundo, expressa numa razão.
• Contraste (de traço): diferença de espessura entre o traço grosso e o fino de uma letra.
• Descendente: parte de uma minúscula que desce abaixo da linha de base.
• Design inclusivo: abordagem que concebe a comunicação para o maior número possível de pessoas, com atenção à diversidade.
• Display: fonte desenhada para tamanhos grandes, de títulos e cartazes.
• Edição eletrónica (desktop publishing): composição e paginação feitas em computador.
• Em (quadratim): unidade relativa igual ao corpo da fonte.
• Entrelinha (leading): distância entre linhas de base consecutivas.
• Estilo de parágrafo: conjunto de formatações guardado para aplicar a um bloco de texto.
• Família tipográfica: grupo de fontes de características semelhantes ou conjunto de variantes de um mesmo desenho.
• Fonte: conjunto de caracteres com um desenho coerente; também o ficheiro que o contém.
• Glifo: forma concreta de um carácter numa fonte.
• Grelha: estrutura invisível de linhas e módulos que organiza o layout.
• Haste: traço principal de uma letra, normalmente vertical.
• Hierarquia tipográfica: organização do conteúdo em níveis de importância visual.
• Hifenização: corte de palavras no fim de linha segundo as regras silábicas.
• Intercolúnio (goteira): espaço entre colunas.
• Itálico: variante inclinada de uma fonte, de origem caligráfica.
• Justificação: alinhamento que preenche toda a largura da coluna, ajustando os espaços.
• Kerning: ajuste do espaço entre duas letras específicas.
• Legibilidade: facilidade de distinguir letras e palavras; nesta sebenta, usada também para o conforto de leitura.
• Leiturabilidade: conforto de ler passagens longas de texto.
• Ligadura: glifo que une duas ou mais letras, como «fi».
• Linha de base: linha sobre a qual assentam as letras.
• Lettering: desenho de letras para uma aplicação única.
• Licença (de fonte): contrato que define os usos autorizados de uma fonte.
• Meia-risca (en dash): sinal de largura aproximada de meio quadratim, usado em intervalos.
• Moodboard: painel de referências visuais que orienta um projeto.
• OpenType: formato de fonte multiplataforma com muitos glifos e funcionalidades.
• Paica: unidade igual a 12 pontos.
• Ponto (pt): unidade tipográfica; no PostScript, 1/72 de polegada.
• Preflight (verificação prévia): verificação automática de fontes em falta, imagens de baixa resolução, texto excedente e outros problemas antes da exportação.
• Rio: sequência vertical de espaços brancos que atravessa um parágrafo.
• Ritmo: regularidade com que se alternam traços e espaços numa linha de texto.
• Sangramento: área extra de imagem ou cor que ultrapassa a linha de corte.
• Sem serifa (sans serif): fonte cujos traços terminam sem remates.
• Script: fonte que imita escrita manuscrita ou caligrafia.
• Serifa: pequeno remate no fim dos traços de certas letras.
• Tracking: ajuste uniforme do espaço entre todos os caracteres de uma seleção.
• Travessão longo (em dash): sinal de largura aproximada de um quadratim.
• Unicode: norma de codificação de caracteres de quase todas as escritas.
• Versaletes (small caps): maiúsculas com altura próxima da das minúsculas.
• Viúva e órfã: linhas isoladas de um parágrafo no início ou no fim de uma coluna ou página.
• WCAG: diretrizes internacionais de acessibilidade para conteúdos web.

Síntese

A tipografia é a arte e a técnica de escolher e dispor a letra para informar, organizar, expressar e orientar. Nasceu da escrita (capitais romanas, minúscula carolíngia, escrita gótica), ganhou escala com os tipos móveis de Gutenberg (c. 1450), diversificou-se com os desenhos renascentistas, de transição, modernos e de cartaz, e transformou-se com a Linotype, a fotocomposição, a edição eletrónica, o OpenType e as fontes variáveis. A anatomia da letra (linha de base, altura-x, ascendentes, descendentes, hastes, serifas, bojos, contraformas) dá o vocabulário; as famílias tipográficas (serifadas, sem serifa, script, display, monoespaçadas, góticas) dão o mapa de escolha, e combinam-se com poucas fontes e funções distintas.

A hierarquia tipográfica organiza o conteúdo em níveis (título, subtítulo, intertítulo, corpo, destaque, legenda) e constrói-se com tamanho, peso, cor, espaço e posição, apoiada numa escala modular. A legibilidade depende do corpo, do contraste, da entrelinha (cerca de 120 % a 145 % do corpo), do comprimento de linha (45 a 75 caracteres) e do ritmo da letra; a acessibilidade acrescenta razões de contraste mínimas (4,5:1 para texto normal e 3:1 para texto grande, no nível AA das WCAG), o cuidado com o daltonismo, a dislexia e a estrutura dos documentos. O design inclusivo trata a diversidade, a acessibilidade, a flexibilidade, a clareza e a sensibilidade cultural como ponto de partida.

Na aplicação de paginação, trabalha-se com estilos, páginas mestras, kerning, tracking, alinhamento, justificação e hifenização bem configurados, sobre uma grelha de colunas e de linhas de base, e com cuidado nas funcionalidades OpenType, na conversão em contornos e no texto sobre imagem. O trabalho integra-se num projeto de design de comunicação (briefing, pesquisa, conceito, desenvolvimento, apresentação, revisão, produção, entrega), respeita os direitos de autor e as licenças das fontes, é organizado numa arquitetura de pastas e nomenclatura rigorosas, cumpre as normas de segurança e saúde no trabalho (ergonomia do posto, EPI na produção) e as de proteção ambiental (materiais sustentáveis, redução de resíduos, fornecedores responsáveis).

Exercícios resolvidos

1. Converte 11 pt para milímetros e para pixéis CSS.

Resolução: 11 × 0,3528 = 3,88 mm. Em pixéis: 11 ÷ 0,75 = 14,67 px.

2. Um texto a 9 pt tem entrelinha de 11,5 pt. Quantas linhas cabem numa caixa de 200 mm de altura?

Resolução: 11,5 × 0,3528 = 4,057 mm por linha; 200 ÷ 4,057 = 49,3. Cabem 49 linhas.

3. Constrói uma escala com razão 1,25 a partir de 16 px, com quatro degraus acima.

Resolução: 16; 20; 25; 31,25; 39,06 px.

4. Qual a razão de contraste entre texto preto e fundo branco? Passa o nível AAA para texto normal?

Resolução: (1 + 0,05) ÷ (0 + 0,05) = 21. A razão é 21:1, superior a 7:1: passa o nível AAA.

5. Em que situações se escolhe alinhamento à esquerda em vez de justificado?

Resolução: colunas estreitas (menos de cerca de 40 caracteres), textos para pessoas com dislexia ou baixa visão, textos curtos ou sem hifenização fiável, interfaces em ecrã. Evita-se assim espaços irregulares e rios.

6. Calcula o kerning de -60 num título a 36 pt.

Resolução: -60/1000 × 36 = -2,16 pt (cerca de -0,76 mm) entre as duas letras.

7. Uma coluna de 100 mm com texto a 10 pt (largura média 1,66 mm por carácter) é adequada?

Resolução: 100 ÷ 1,66 ≈ 60 caracteres por linha, dentro do intervalo de 45 a 75: adequada.

8. Uma fonte tem licença «uso pessoal». Podes usá-la num folheto de uma loja?

Resolução: Não, sem licença comercial. O folheto de uma loja é uso comercial, que a licença «pessoal» exclui. Adquire-se a licença adequada ou escolhe-se outra fonte.

9. Dá um bom nome a um ficheiro: versão 2 do cartaz A3 do festival de jazz, de 5 de novembro de 2026.

Resolução: 2026-11-05_festival-jazz_cartaz-a3_v02.indd (data AAAA-MM-DD, projeto, descrição, versão; sem espaços nem acentos).

10. Indica três medidas ergonómicas para um posto de trabalho com ecrã.

Resolução: ecrã à altura dos olhos e a um braço de distância; cadeira regulável com apoio lombar e pés no chão; pausas regulares e iluminação sem reflexos no ecrã.

11. Indica três decisões de design que reduzem o impacto ambiental de uma peça impressa.

Resolução: formato que aproveite a folha de impressão; tiragem ajustada, com reimpressão digital se necessário; papel certificado ou reciclado e acabamentos fáceis de reciclar.

12. A cor sozinha (verde e vermelho) indica o estado de aprovação numa tabela. Qual o problema e a solução?

Resolução: pessoas com daltonismo podem não distinguir as cores. Acrescentam-se palavras («Aprovado», «Recusado») ou símbolos distintos, mantendo a cor como reforço.