Bloco 1 · Suportes e estratégia

O que é um suporte gráfico físico

Peça de comunicação materializada num objeto tangível, normalmente impressa.

• O erro típico: pensar só na mensagem.
• É o contexto que define corpo de letra, contraste e quantidade de texto.
• Uma vez impresso, não se corrige. É esta a diferença que muda tudo.

Físico vs digital

Não competem — complementam-se: flyer com QR code, campanha online + roll-up na feira.

História — o que fica de cada época

• 1450 · Gutenberg — tipos móveis, reprodução em massa, nasce a tipografia.
• Séc. XIX · litografia a cores — o cartaz barato; Chéret, Toulouse-Lautrec.
• 1919 · Bauhaus — "a forma segue a função"; grelha, geometria, sem ornamento.
• Anos 50 · Escola Suíça — grelha modular, alinhamento à esquerda, Helvetica.
• Anos 60–80 · era das marcas — Paul Rand, Saul Bass; o logo como ativo.
• 1984 · desktop publishing — Macintosh + PostScript põem a gráfica na secretária.
• Hoje — design de sistemas: funcionar a 16 px e a 8 metros.

Lição: o que hoje é "boa prática" é um século de evidência acumulada, não gosto pessoal.

Da estratégia ao briefing

Estratégia de negócio      crescer 20% nas famílias
        ↓
Estratégia de comunicação  dar a conhecer o menu de fim-de-semana
        ↓
Objetivo do suporte        levar famílias do bairro ao domingo
        ↓
Peça gráfica               flyer A5 em 2 000 caixas de correio

• Se não desces a escada de cima a baixo, a peça não tem justificação.
• E sem objetivo mensurável não há avaliação de impacto possível.

O briefing em 9 perguntas

Nota: o aspeto ainda não se decidiu. Decide-se a partir daqui.

Tipos de suportes — escolher pelo contexto

Regra da distância: altura da letra (mm) ≈ distância (mm) ÷ 200. A 10 m → ≥ 50 mm.

Formatos — a série A

• Parte do A0 = 1 m², proporção √2 (1:1,414).
• Dobrar ao meio dá o formato seguinte mantendo a proporção → escala sem cortar.

Bloco 2 · Elementos de design

Cor — RGB vs CMYK

• O verde-fluorescente do monitor não existe em CMYK — apaga-se ao converter.
• Por isso: trabalhar em CMYK desde o início quando o destino é impressão.
• Pantone (spot) — tinta já misturada, código universal. Para cor de marca exata ou peças a 1–2 cores (mais barato que 4/4).

Atributos e harmonias

Atributos: matiz (a cor), saturação (intensidade), luminosidade (é a que manda na legibilidade).

Psicologia da cor — e acessibilidade

As associações são culturais (branco = luto no Japão). Verificar em campanhas internacionais.

• ~8% dos homens têm daltonismo → nunca codificar informação só por cor.
• Contraste WCAG: 4,5:1 (texto normal), 3:1 (texto grande).
• Teste rápido: converter para escala de cinzentos. Se se perde, está mal.

Tipografia — classificação

Vocabulário: altura-x · ascendentes/descendentes · kerning (2 letras) · tracking (bloco) · entrelinha.

Regras de ouro da tipografia

• Duas famílias por peça (3 no máximo): uma para títulos, outra para corpo.
• Entrelinha 120–145% do corpo → corpo 10 pt, entrelinha 12–14 pt.
• Linha de 45–75 caracteres — mais e o olho perde a linha seguinte.
• Nunca esticar/comprimir a letra: usar uma versão condensada da família.
• Corpo mínimo impresso: 8 pt (10–12 pt para público sénior).
• Sem caixa alta em textos longos — a leitura cai ~15%.
• Evitar viúvas e órfãs (palavra sozinha no fim, linha isolada no topo).

Hierarquia tipográfica

Quatro alavancas: tamanho · peso · cor/contraste · espaço.

Um único H1 por peça. Se tudo grita, nada se ouve.

Layout — a grelha

┌─────────────────────────────┐  ← margem
│  ┌───┐ ┌───┐ ┌───┐ ┌───┐    │
│  │   │ │   │ │   │ │   │    │  4 colunas
│  │   │ │   │ │   │ │   │    │  goteira 4 mm
│  └───┘ └───┘ └───┘ └───┘    │
└─────────────────────────────┘

• Esqueleto invisível: margens + colunas + goteiras.
• Evita decidir "a olho" a cada elemento.
• Num A5: margens de 8–10 mm e 2 a 4 colunas resolvem quase tudo.

Princípios de composição

• Alinhamento — tudo alinha com alguma coisa; nada flutua.
• Proximidade — o que se relaciona fica junto; o espaço agrupa melhor que caixas.
• Repetição — cores, formas e estilos repetidos criam unidade.
• Contraste — se são diferentes, que sejam claramente diferentes (diferenças tímidas parecem erro).
• Equilíbrio — simétrico (formal) ou assimétrico (dinâmico), nunca acidental.
• Hierarquia — 1.º isto, 2.º aquilo, 3.º a ação.

Espaço negativo não é desperdício: é foco, respiração e sensação de qualidade. Peças baratas reconhecem-se por estarem cheias até à margem.

Fluxo de leitura

• Padrão Z — pouco texto (cartaz, flyer):
  superior esq. → superior dir. → diagonal → inferior esq. → inferior dir. = call to action.
• Padrão F — muito texto: varrimento no topo, depois a descer pela esquerda.
• Regra dos terços — grelha 3×3; elementos-chave nas linhas/interseções.
• Secção áurea (1:1,618) — variante mais refinada da mesma ideia.

Corrigir um flyer sobrecarregado

Problema: 7 tipos de letra, 5 cores, texto até 2 mm da margem, sem título dominante.

1. Hierarquia — uma mensagem-âncora ("1.º mês grátis") a 40 pt; o resto desce.
2. Tipografia — reduzir a 2 famílias.
3. Cor — 1 cor de marca + 1 neutro + 1 destaque só para a CTA.
4. Margens — impor 10 mm e não pôr nada lá dentro.
5. Cortar 40% do texto — o detalhe vai para o site via QR.
6. Espaço — agrupar horários; afastar do bloco de contactos.

Mesma informação essencial, lida em 3 segundos em vez de 30 que ninguém dava.

Bloco 3 · Imagem e vetores

Raster vs vetor

Um logótipo tem de ser vetorial. Se te derem um logo em JPG, o primeiro trabalho é redesenhá-lo — senão, no roll-up de 2 m sai serrilhado.

Resolução — a conta que evita desastres

píxeis = (mm ÷ 25,4) × 300

• Impressão: 300 ppi ao tamanho final.
• Grande formato visto de longe: 100–150 ppi chegam.
• Ecrã: 72–150 ppi.

Exemplo: imagem para 100 mm de largura → (100 ÷ 25,4) × 300 ≈ 1181 px.

Ampliar não cria informação. Uma foto de 600 px esticada fica desfocada — parte sempre do maior original que tiveres.

Formatos de ficheiro

Direitos: nada do Google Imagens. Unsplash/Pexels (ver licença), bancos pagos, Creative Commons (BY / NC / ND / SA) ou foto própria. Fotografar pessoas exige autorização escrita (RGPD).

Desenho vetorial — ferramentas

Formas descritas por nós e curvas de Bézier (pegas tangentes).

Booleanas: União · Diferença (a de cima corta) · Interseção · Exclusão.
São a base de quase todos os logótipos geométricos.

Fluxo de trabalho vetorial

1. Esboçar a lápis — poupa horas de rato.
2. Documento no tamanho final, em mm, em CMYK.
3. Ativar grelha e snapping.
4. Camadas: fundo / imagens / texto / marcas.
5. Nomear camadas e objetos (nada de "cópia de cópia de path3821").
6. Converter texto em curvas só na versão final — guardar antes o editável.
7. Versionar: cartaz_v01, v02, FINAL. Nunca sobrepor o único ficheiro.

Exemplo · monograma "HE" (selo de 20 mm)

1. Documento 40×40 mm, CMYK.
2. Círculo-guia de 36 mm.
3. "HE" numa sem serifa geométrica pesada, centrado.
4. Texto → curvas (Caminho → Objeto para caminho).
5. Ligar haste do H à do E → União.
6. Folha com Bézier (3 nós) sobre a barra do H.
7. Diferença → recorte branco de 0,5 mm à volta da folha.
8. Testar a 20 mm e a 8 mm — se a folha desaparece, engrossar.
9. Exportar vetorial + positivo 1 cor + negativo.

O passo 8 é o que separa um logo utilizável de um logo bonito no ecrã.

Bloco 4 · Produção

Sangria, corte e zona segura

┌───────────────────────────────────┐ ← sangria +3 mm
│ ┌───────────────────────────────┐ │
│ │ ╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌ │ │ ← linha de corte
│ │ ╎     zona segura            ╎ │ │
│ │ ╎  (texto só aqui dentro)    ╎ │ │ ← margem −3 a −5 mm
│ │ ╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌ │ │
│ └───────────────────────────────┘ │
└───────────────────────────────────┘

• Sangria 3 mm — a guilhotina tem tolerância de 1–2 mm; sem sangria saem filetes brancos.
• Zona segura 3–5 mm — nada de importante fora dela.

Checklist de arte final

• Texto pequeno em CMYK → desalinhamento de chapas cria franjas coloridas. K 100 sempre.
• Fontes não incorporadas → o RIP substitui-as e a peça sai diferente.
• Prova de cor: digital (aproximada) ou certificada. Aprovar por ecrã é assumir o risco.

Métodos de impressão

Ponto de equilíbrio digital/offset ≈ 1 000 cópias (custo fixo das chapas).

Papel e acabamentos

Gramagem: 80–100 g (folha) · 115–170 g (flyer) · 250–350 g (cartão, capa).
Tipos: couché brilho, couché mate, offset/IOR, kraft/reciclado, cartolina.
Grão: dobrar contra o grão racha o papel.

Qualidade, segurança e ambiente

Controlo na receção: cor vs prova · corte e esquadria · registo das chapas · acabamentos · quantidade · riscos.

• EPI: luvas de nitrilo, óculos, proteção auditiva, calçado de segurança, máscara em vapores.
• SST: resguardos e paragem de emergência; nunca limpar cilindros em movimento; ventilação; pausas no trabalho ao ecrã (Lei n.º 102/2009).
• Ambiente: aparas para reciclagem; solventes e tinteiros são resíduos perigosos (operador licenciado); papel FSC/PEFC; tintas vegetais.
• Qualidade: procedimentos escritos, prova aprovada registada, versões rastreáveis (ISO 9001, ISO 12647).

Bloco 5 · Identidade e avaliação

Identidade corporativa

Marca = perceção na cabeça das pessoas. Identidade visual = os sinais que a empresa controla.

• Logótipo — logótipo (só letras) · símbolo · isologo (fundidos) · imagotipo (separáveis).
• Paleta — primárias, secundárias, neutros, em Pantone + CMYK + RGB + HEX.
• Tipografia institucional — principal, secundária, alternativa de sistema.
• Elementos de apoio — padrões, ícones, tratamento fotográfico.
• Tom de voz — como a marca escreve.

Manual de identidade — conteúdo mínimo

1. Construção do logótipo e grelha de proporções.
2. Área de proteção (espaço livre mínimo à volta).
3. Dimensão mínima de reprodução (ex.: 20 mm).
4. Versões: positiva, negativa, mono, 1 cor.
5. Usos incorretos ilustrados (distorcer, rodar, recolorir, sombras, fundos sem contraste).
6. Paleta com todos os códigos.
7. Tipografia e escala.
8. Aplicações: estacionário, sinalética, viaturas, fardamento, embalagem.

É o que permite a uma gráfica em Braga reproduzir hoje o que uma agência fez há dois anos.

Maquetas e apresentação

• Maqueta física — imprimir, cortar, vincar, dobrar. Obrigatória em embalagem e desdobráveis: só assim se vê se a dobra corta um texto.
• Maqueta digital — a arte sobre foto de contexto real; convence muito mais que um retângulo branco.

Como apresentar:

• 2 a 3 propostas, nunca dez.
• Justificar a partir do briefing, não do gosto ("este contraste serve porque é visto a 10 m").
• Feedback por escrito; fixar quantas rondas de alterações estão incluídas.

Avaliar o impacto

Referência: flyer em caixas de correio → 0,5% a 2% de resposta. Abaixo disso, há desvio a investigar.

Análise de desvios — por camadas

1. Distribuição — chegou ao público certo? Quantos chegaram mesmo?
2. Atenção — foi vista? (contraste, local, tamanho)
3. Compreensão — percebeu-se em 3 segundos?
4. Motivação — a oferta era relevante?
5. Ação — o caminho estava claro (morada, horário, prazo, QR)?

Pré-teste antes da tiragem: imprimir 20 e fazer o teste dos 5 segundos — o que é? quem é? o que querem de mim? Se não respondem às três, a peça não está pronta.

Trocar as cores quando o problema é a oferta não resolve nada.

Erros a evitar

• Desenhar em RGB e converter no fim.
• Esquecer a sangria; encostar texto ao corte.
• Imagens da web a 72 ppi ampliadas.
• Texto pequeno em preto CMYK em vez de K 100.
• Sete tipos de letra; encher todo o espaço branco.
• Logo em JPG com fundo branco sobre fundo de cor.
• Não guardar o editável antes de curvar o texto.
• Aprovar cor por ecrã e reclamar depois da tiragem.
• Produzir sem métrica definida — depois não há avaliação possível.

Síntese

• Peça física é irreversível: o rigor de pré-impressão vale mais que o virtuosismo.
• Tudo nasce da estratégia e de um briefing com objetivo, público, mensagem, ação e métrica.
• O suporte escolhe-se pelo contexto de leitura.
• Design = cor (CMYK, contraste 4,5:1) + tipografia (2 famílias, hierarquia) + layout (grelha, espaço negativo).
• Logos em vetor; fotografia raster a 300 ppi.
• Arte final: sangria 3 mm, zona segura, fontes incorporadas, K 100, PDF/X.
• Tiragem decide o método: digital até ~1 000, offset acima.
• Sem métrica prévia, não há avaliação de impacto nem análise de desvios.