Resultados de aprendizagem

1. Definir mensagem, público e objetivo.
2. Aplicar princípios de design (CRAP, Gestalt).
3. Usar cor e tipografia com intenção.
4. Compor um layout eficaz e hierárquico.

Antes de desenhar

• O quê? — mensagem nuclear (uma ideia).
• Para quem? — público-alvo (idade, contexto).
• Para quê? — objetivo (informar, vender, alertar).
• Onde? — suporte (cartaz, social, web).
• Tom — formal, divertido, urgente.

Design sem briefing = decoração ao acaso.

C.R.A.P.

Aplicar os 4 transforma um layout amador num profissional.

Gestalt (perceção)

• Proximidade — perto = grupo.
• Semelhança — igual = relacionado.
• Continuidade — o olho segue linhas.
• Fecho — o cérebro completa formas.
• Figura/fundo — distinção do principal.

O cérebro organiza o que vê — o design tira partido disso.

Hierarquia visual

O que se vê primeiro, depois, por último.

Ferramentas: tamanho, peso, cor/contraste, posição, espaço.

Título > subtítulo > corpo > legenda. O leitor deve "ler" a importância sem esforço.

Grelha e espaço

• Grelha (colunas/margens) — ordem e alinhamento.
• Espaço em branco (negativo) — não é "vazio", dá respiro e foco.
• Lei do terço / ponto focal.
• Fluxo de leitura — Z (cartaz), F (web/texto).

Menos elementos, bem dispostos > muitos amontoados.

Modelo e harmonias

• Roda de cores — primárias/secundárias.
• Harmonias: complementar (contraste forte), análoga (suave), tríade, monocromática.
• HSB — matiz, saturação, brilho.
• 60-30-10 — dominante / secundária / destaque.

Psicologia e acessibilidade

• Cores transmitem (vermelho=alerta/paixão, azul=confiança…), mas dependem da cultura/contexto.
• Contraste texto/fundo ≥ 4.5:1 (WCAG).
• Não comunicar só por cor (daltonismo) — usar também ícone/texto.

Classes e escolha

• Serifada — tradicional, leitura longa impressa.
• Sem serifa — moderna, ecrã/UI.
• Display — títulos, personalidade (não corpo).
• Monoespaçada — código.

Regra: 1-2 famílias. Contraste por peso/tamanho, não por mil tipos.

Legibilidade

• Tamanho adequado (corpo ≥ 16 px web).
• Entrelinha ~1.4-1.6.
• Largura de linha ~45-75 caracteres.
• Contraste suficiente; evitar tudo MAIÚSCULAS em texto longo.
• Hierarquia tipográfica clara (escala).

Workflow

1. Briefing — mensagem, público, objetivo.
2. Pesquisa / referências (moodboard).
3. Esboços (rascunhos rápidos, várias ideias).
4. Composição (grelha, hierarquia).
5. Cor + tipografia.
6. Revisão crítica (afastar-se, testar com alguém).
7. Finalização e exportação.

Erros comuns

• Sem mensagem clara (decoração).
• Demasiados tipos/cores ("circo").
• Sem hierarquia (tudo igual).
• Falta de contraste / espaço.
• Alinhamentos a "olho" (desordem).
• Ignorar acessibilidade.