UC02276

Criar projetos gráficos de comunicação e publicidade

Do briefing à campanha gráfica

Curso profissional · 25h · TMM

Plano

  1. Design de comunicação
  2. Composição e layout
  3. Tipografia em publicidade
  4. Cor e impacto
  5. Peças gráficas
  6. Produção

Bloco 1 · Design de comunicação

O que é design de comunicação

O design de comunicação usa elementos visuais para transmitir uma mensagem a um público com um objectivo.

Não é arte decorativa: é comunicação com propósito (informar, persuadir, vender).

A forma serve a mensagem.

Funções da publicidade

  • Informar (existe, o que é).
  • Persuadir (porquê este e não outro).
  • Lembrar (manter na memória).
  • Diferenciar (destacar da concorrência).

Toda a peça publicitária responde a "o que quero que o público pense, sinta ou faça?".

O briefing

O briefing é o documento de partida do cliente:

  • Objectivo da campanha.
  • Público-alvo.
  • Mensagem principal.
  • Tom e personalidade da marca.
  • Restrições (formatos, prazos, orçamento, manual de marca).

Um bom design começa num bom briefing (e em boas perguntas).

Conceito e big idea

A big idea é o conceito criativo central que unifica a campanha:

  • Uma ideia simples e memorável.
  • Aplicável a vários formatos (cartaz, digital, mupi).
  • Liga a mensagem ao público de forma surpreendente.

Sem conceito, há peças bonitas mas sem força nem coerência.

Bloco 2 · Composição e layout

Grelhas

A grelha estrutura o layout em colunas e margens:

  • Cria alinhamento e ordem.
  • consistência entre peças.
  • Guia o olhar.

Pode ser quebrada intencionalmente para criar tensão e destaque.

Hierarquia visual

A hierarquia define a ordem de leitura:

1.º o quê (título/imagem)
2.º o detalhe
3.º a acção (call to action)

Conseguida com tamanho, peso, cor, posição e espaço. O olho deve saber por onde começar.

Lei de Gestalt

Princípios de como o olho organiza o que vê:

  • Proximidade: perto = relacionado.
  • Semelhança: igual = grupo.
  • Continuidade: o olho segue linhas.
  • Fecho: completa formas.
  • Figura/fundo: distingue o principal.

Usados para criar ordem e significado.

Ponto focal

Cada peça precisa de um ponto focal: o elemento que captura o olhar primeiro.

  • Criado por contraste, escala, isolamento, cor.
  • Um só por peça (vários competem e anulam-se).
  • Guia o resto da leitura.

O espaço em branco valoriza o ponto focal.

Bloco 3 · Tipografia em publicidade

Escolha de fontes

A fonte comunica personalidade antes de se ler a palavra:

  • Serifada: clássica, confiável, editorial.
  • Sem serifa: moderna, limpa, neutra.
  • Display: expressiva, para títulos.
  • Manuscrita: pessoal, informal.

A escolha deve reflectir a marca e a mensagem.

Pairing tipográfico

Combinar duas fontes que contrastam mas harmonizam:

  • Título display/serifada + corpo sem serifa.
  • Contraste claro (não duas parecidas).
  • No máximo 2-3 fontes.

Hierarquia também se faz com pesos da mesma família.

Expressividade

A tipografia pode ser protagonista:

  • Tamanho dramático.
  • Composições só com letras.
  • Letra como imagem.

Reforça a emoção e o impacto da mensagem.

Legibilidade

Apesar da expressividade, tem de ler-se:

  • Contraste suficiente com o fundo.
  • Tamanho adequado à distância (mupi ≠ flyer).
  • Espaçamento (tracking, leading) cuidado.
  • Não sacrificar leitura por estilo.

Bloco 4 · Cor e impacto

Psicologia da cor

As cores transmitem emoções e significados (com nuances culturais):

Cor Associações comuns
Vermelho Energia, urgência, paixão
Azul Confiança, calma, tecnologia
Verde Natureza, saúde, dinheiro
Amarelo Optimismo, atenção
Preto Luxo, elegância, poder

Paletas

Uma paleta coerente dá identidade:

  • Cor primária + secundárias + neutros.
  • Esquemas: complementar, análogo, monocromático, triádico.
  • Regra prática 60-30-10 (dominante-secundária-acento).

Limitar cores reforça a marca.

Contraste

O contraste cria impacto e leitura:

  • Cores complementares vibram.
  • Contraste claro/escuro garante legibilidade.
  • Acessibilidade: texto legível para todos.

Sem contraste, a peça "desaparece".

Cor e identidade

A cor é parte da identidade da marca:

  • Coca-Cola vermelho, Spotify verde.
  • Consistência cromática em todas as peças.
  • Respeitar o manual de marca quando existe.

A cor certa torna a marca reconhecível.

Bloco 5 · Peças gráficas

Cartaz

O cartaz comunica à distância e num relance:

  • Mensagem única e forte.
  • Imagem/título dominantes.
  • Informação essencial (o quê, quando, onde).
  • Lê-se em 3 segundos.

Flyer e anúncio digital

Flyer: peça de mão, frente/verso, mais informação.

Anúncio digital: banners, posts, stories.

  • Formatos específicos por plataforma.
  • Call to action claro.
  • Adaptado a ecrã (vertical, quadrado).

Mupi e outdoor

Mupi (mobiliário urbano) e outdoor:

  • Vistos de longe e de passagem.
  • Pouquíssimo texto, imagem forte.
  • Legível em segundos, a vários metros.
  • Marca bem visível.

Formatos e especificações

Peça Nota de formato
Cartaz A3/A2, vertical
Flyer A5/A6, frente e verso
Mupi 1185×1750 mm (varia)
Banner web tamanhos IAB (ex: 300×250)
Post social quadrado/vertical

Cada peça tem formato e specs próprios.

Bloco 6 · Produção

Impressão vs digital

Impressão Digital
Cor CMYK RGB
Resolução 300 DPI 72 PPI (ecrã)
Sangria Sim (3 mm) Não
Formato PDF/X PNG, JPG, MP4

Preparar correctamente evita erros caros.

Preparação para impressão

  • CMYK + perfil de cor.
  • Sangria (bleed) e marcas de corte.
  • 300 DPI nas imagens.
  • Fontes incorporadas ou convertidas em curvas.
  • Exportar PDF/X.

Mockups

Os mockups mostram a peça em contexto:

  • Cartaz na parede, mupi na rua, post no telemóvel.
  • Tornam a apresentação realista e convincente.
  • Ajudam o cliente a visualizar o resultado.

Apresentação ao cliente

  • Mostrar o conceito primeiro, depois as peças.
  • Justificar decisões (porquê esta cor/tipo).
  • Usar mockups.
  • Estar aberto a feedback, defender o essencial.

A apresentação vende o trabalho tanto como o design.

UC02276 · resumo

  • Design de comunicação parte do briefing e de uma big idea.
  • Composição: grelhas, hierarquia, Gestalt e ponto focal.
  • Tipografia com personalidade, pairing e legibilidade.
  • Cor com psicologia, paletas (60-30-10) e contraste.
  • Peças: cartaz, flyer, anúncio digital, mupi — formatos próprios.
  • Produção (CMYK/RGB, sangria, mockups) e apresentação ao cliente.

NOTAS DO PROFESSOR 📖 Design de comunicação como resolução de problemas Convém desmontar logo a ideia de que design gráfico é "deixar bonito". Numa campanha, cada decisão visual responde a um objectivo de negócio. Peça aos formandos que, perante qualquer peça, identifiquem mensagem, público e objectivo antes de falarem de estética. 🗣️ Pontos a desenvolver oralmente • Distinguir design de comunicação de arte plástica ou ilustração decorativa • Exemplo prático: uma mesma marca comunica de forma diferente para informar ou para vender • Introduzir o trio mensagem-público-objectivo como filtro de toda a campanha

NOTAS DO PROFESSOR 📖 As quatro funções da publicidade Estas quatro funções raramente aparecem isoladas, mas há sempre uma dominante por peça. Ajude os formandos a perceber que uma campanha de lançamento privilegia informar e diferenciar, enquanto uma campanha de marca madura aposta em lembrar. Saber qual a função dominante orienta todas as escolhas gráficas. 🗣️ Pontos a desenvolver oralmente • Pedir exemplos reais de anúncios para cada função • Mostrar como a função dominante muda ao longo do ciclo de vida do produto • Reforçar a pergunta "pensar, sentir ou fazer?" como ponto de partida de qualquer peça

NOTAS DO PROFESSOR 📖 O briefing como contrato criativo O briefing protege tanto o designer como o cliente: fixa por escrito o que se vai fazer e evita o retrabalho infinito. Insista em que um briefing incompleto se resolve com perguntas, não com suposições. Um exercício útil é dar um briefing fraco e pedir aos formandos as cinco perguntas que fariam ao cliente. 🗣️ Pontos a desenvolver oralmente • Diferenciar briefing dado pelo cliente de briefing reconstruído pelo designer • Discutir o impacto das restrições (prazo, orçamento, manual de marca) nas decisões criativas • Mostrar como prazos e formatos mal definidos geram conflito mais tarde

NOTAS DO PROFESSOR 📖 A big idea como fio condutor da campanha A big idea é o que distingue uma campanha de um conjunto avulso de peças. Mostre que o conceito tem de sobreviver à mudança de formato: se a ideia só funciona no cartaz e não no story, não é forte o suficiente. Vale a pena analisar campanhas conhecidas e identificar o conceito por trás delas. 🗣️ Pontos a desenvolver oralmente • Testar uma big idea aplicando-a mentalmente a três formatos diferentes • Distinguir conceito (ideia) de execução (peça concreta) • Exemplo de campanha multicanal coerente versus peças soltas sem fio condutor

NOTAS DO PROFESSOR 📖 A grelha como estrutura invisível A grelha não aparece na peça final, mas sente-se na ordem e no profissionalismo do resultado. Sublinhe a diferença entre quebrar a grelha por opção criativa e desalinhar por descuido. Um bom exercício é dar uma peça desalinhada e pedir que a reconstruam sobre uma grelha de colunas. 🗣️ Pontos a desenvolver oralmente • Mostrar a mesma peça com e sem grelha aplicada • Explicar margens e gutters como respiração do layout • Quando faz sentido quebrar a grelha de propósito para criar destaque

NOTAS DO PROFESSOR 📖 Hierarquia visual e ordem de leitura A hierarquia é a forma de dizer ao olho por onde começar e onde terminar. Reforce que a call to action chega no fim, mas não pode ficar escondida. Peça aos formandos para apontarem a ordem em que leem uma peça e verificarem se corresponde à intenção do designer. 🗣️ Pontos a desenvolver oralmente • Demonstrar como mudar só o tamanho altera completamente a leitura • Ligar a hierarquia ao percurso do olhar até à call to action • Discutir o erro comum de dar destaque a tudo, anulando a hierarquia

NOTAS DO PROFESSOR 📖 As leis de Gestalt na composição A Gestalt explica porque é que o olho agrupa, separa e completa elementos quase sem nos darmos conta. Mostre que estes princípios já estão a actuar em qualquer layout, mesmo que o designer não pense neles. Identificar Gestalt em logótipos famosos é um exercício rápido e revelador. 🗣️ Pontos a desenvolver oralmente • Dar um exemplo concreto de cada princípio numa peça real • Explicar como a proximidade substitui molduras e linhas separadoras • Mostrar figura/fundo em logótipos com espaço negativo

NOTAS DO PROFESSOR 📖 Ponto focal e espaço em branco O ponto focal é a porta de entrada da peça e tem de ser único. Insista em que o espaço em branco não é espaço desperdiçado: é o que faz o ponto focal respirar e destacar-se. Um exercício eficaz é pedir que isolem o elemento principal de uma peça apenas com espaço à volta. 🗣️ Pontos a desenvolver oralmente • Mostrar como contraste, escala e isolamento criam o ponto focal • Explicar o erro de ter vários focos que competem entre si • Defender o espaço em branco perante clientes que querem "encher tudo"

NOTAS DO PROFESSOR 📖 A fonte comunica antes da palavra Antes de o leitor descodificar uma única letra, a forma da fonte já transmitiu um tom. Trabalhe a ideia de que escolher uma fonte é escolher uma personalidade para a marca. Mostre como a mesma palavra muda de significado consoante seja serifada, display ou manuscrita. 🗣️ Pontos a desenvolver oralmente • Associar cada categoria de fonte a sectores e tons de marca • Exemplo de fonte desadequada à mensagem (luxo com fonte infantil) • Ligar a escolha tipográfica ao manual de marca do cliente

NOTAS DO PROFESSOR 📖 Pairing tipográfico com contraste e harmonia Combinar fontes é como combinar roupa: ou contrastam claramente ou ficam iguais e desconfortáveis. Alerte para o erro de usar duas fontes parecidas, que parece um acidente. Mostre que muitas vezes basta uma só família com vários pesos para resolver toda a hierarquia. 🗣️ Pontos a desenvolver oralmente • Regra do par display/serifada para título + sem serifa para corpo • Limite prático de duas a três fontes por projecto • Demonstrar hierarquia só com pesos da mesma família tipográfica

NOTAS DO PROFESSOR 📖 Tipografia expressiva como protagonista Há peças em que a letra é a própria imagem e carrega toda a emoção. Incentive os formandos a experimentar composições só com texto, sem recorrer a fotografia. O risco a controlar é deixar de se ler, tema que se aprofunda no slide seguinte. 🗣️ Pontos a desenvolver oralmente • Exemplos de cartazes construídos apenas com tipografia • Letra como forma plástica versus letra como veículo de leitura • Equilíbrio entre impacto expressivo e função comunicativa

NOTAS DO PROFESSOR 📖 Legibilidade como requisito não negociável Por mais criativa que seja, uma peça que não se lê falhou o objectivo. Sublinhe que a distância de leitura muda tudo: o que funciona num flyer na mão não funciona num mupi a vinte metros. Faça os formandos testar uma peça reduzindo-a ou afastando-se dela. 🗣️ Pontos a desenvolver oralmente • Relação entre tamanho de letra e distância de visualização • Importância do contraste texto-fundo para a leitura • Tracking e leading como ajustes finos de legibilidade

NOTAS DO PROFESSOR 📖 Psicologia da cor com leitura cultural As associações de cor são poderosas, mas não universais: convém lembrar que o branco é luto nalgumas culturas e o vermelho tem leituras diferentes. Use a tabela como ponto de partida, não como regra fechada. Peça aos formandos para justificarem a cor dominante de marcas que conheçam. 🗣️ Pontos a desenvolver oralmente • Mostrar como a mesma cor muda de significado entre culturas • Ligar cada cor a marcas reais que a usam estrategicamente • Avisar contra escolher cor só por gosto pessoal, ignorando o público

NOTAS DO PROFESSOR 📖 Paletas e a regra 60-30-10 Uma paleta bem definida dá unidade e poupa decisões no momento de compor. A regra 60-30-10 é um ponto de partida simples para equilibrar cor dominante, secundária e acento. Reforce que menos cores costuma significar mais força de marca. 🗣️ Pontos a desenvolver oralmente • Explicar os esquemas complementar, análogo, monocromático e triádico • Aplicar 60-30-10 a uma peça concreta em sala • Discutir o erro de usar demasiadas cores sem hierarquia

NOTAS DO PROFESSOR 📖 Contraste para impacto e acessibilidade O contraste é o que faz a peça "saltar" e garante que o texto se lê. Ligue este ponto à acessibilidade: nem todos veem as cores da mesma forma, e há rácios mínimos a respeitar. Mostre como uma peça com pouco contraste desaparece quando vista de longe ou em ecrã pequeno. 🗣️ Pontos a desenvolver oralmente • Diferença entre contraste cromático e contraste claro/escuro • Introduzir a noção de contraste mínimo para acessibilidade • Testar legibilidade convertendo a peça para tons de cinzento

NOTAS DO PROFESSOR 📖 Cor como activo de identidade Algumas marcas são reconhecidas só pela cor, mesmo sem logótipo visível. Reforce que a consistência cromática em todas as peças é o que constrói esse reconhecimento ao longo do tempo. Quando existe manual de marca, a cor deixa de ser uma opção criativa e passa a ser uma regra a cumprir. 🗣️ Pontos a desenvolver oralmente • Exemplos de marcas identificáveis apenas pela cor • Papel do manual de marca na definição cromática • Custo de quebrar a consistência de cor entre campanhas

NOTAS DO PROFESSOR 📖 O cartaz e a regra dos três segundos O cartaz é visto de passagem e tem de comunicar quase instantaneamente. Trabalhe a disciplina de reduzir a mensagem ao essencial: um título, uma imagem e a informação prática. Um bom teste é mostrar a peça durante três segundos e perguntar o que ficou retido. 🗣️ Pontos a desenvolver oralmente • Distinguir cartaz de leitura próxima de cartaz de leitura à distância • O que é informação essencial: o quê, quando, onde • Erro comum de encher o cartaz de texto e perder o impacto

NOTAS DO PROFESSOR 📖 Flyer e anúncio digital: dois ritmos de leitura O flyer permite mais informação porque fica na mão; o anúncio digital tem de competir no scroll. Sublinhe que cada plataforma impõe formatos próprios e que adaptar não é esticar a mesma arte. A call to action no digital tem de ser óbvia e accionável. 🗣️ Pontos a desenvolver oralmente • Frente e verso do flyer: hierarquia de informação • Formatos por plataforma (story vertical, post quadrado, banner) • Importância de uma call to action clara no anúncio digital

NOTAS DO PROFESSOR 📖 Mupi e outdoor: comunicar em movimento Estas peças são vistas por quem passa de carro ou a pé, em segundos e a vários metros. A regra é radical: pouquíssimo texto, uma imagem forte e a marca bem visível. Faça os formandos cortar um anúncio até ele funcionar a essa distância e velocidade. 🗣️ Pontos a desenvolver oralmente • Distância e velocidade de leitura como condicionantes do design • Limite drástico de palavras num outdoor eficaz • Visibilidade da marca mesmo num relance

NOTAS DO PROFESSOR 📖 Formatos e especificações por peça Trabalhar com os formatos certos desde o início evita refazer arte mais tarde. Sublinhe que conhecer as specs (dimensões, orientação, resolução) é parte do profissionalismo do designer. Vale a pena os formandos consultarem as specs oficiais das plataformas e gráficas que vão usar. 🗣️ Pontos a desenvolver oralmente • Importância de definir formato antes de começar a desenhar • Onde encontrar specs fiáveis (gráfica, plataformas sociais, normas IAB) • Consequências práticas de entregar uma peça no formato errado

NOTAS DO PROFESSOR 📖 Impressão versus digital: dois mundos técnicos A diferença CMYK/RGB é uma das que mais surpreende quem começa: a cor vibrante no ecrã pode sair apagada no papel. Reforce que preparar mal um ficheiro para impressão custa dinheiro e prazos. Mostre lado a lado um mesmo ficheiro em RGB e em CMYK. 🗣️ Pontos a desenvolver oralmente • Porque é que a cor muda entre ecrã e papel • Resolução adequada a cada meio (300 DPI versus ecrã) • A sangria como margem de segurança no corte

NOTAS DO PROFESSOR 📖 Checklist de preparação para impressão Esta é uma lista de verificação prática que vale a pena os formandos memorizarem como rotina. Cada item omitido é um erro potencial na gráfica: fontes que faltam, imagens pixelizadas, cor errada. Sugira que tratem esta checklist como passo obrigatório antes de qualquer entrega. 🗣️ Pontos a desenvolver oralmente • Porque converter fontes em curvas evita problemas na gráfica • Marcas de corte e sangria explicadas com um exemplo • Vantagem do PDF/X como formato padrão de pré-impressão

NOTAS DO PROFESSOR 📖 Mockups: mostrar a peça em contexto O cliente nem sempre consegue imaginar a peça aplicada no mundo real, e é aí que o mockup convence. Ver o cartaz na parede ou o post no telemóvel torna a apresentação muito mais persuasiva. Há bibliotecas de mockups gratuitas que os formandos podem começar a usar já. 🗣️ Pontos a desenvolver oralmente • Diferença entre mostrar a arte isolada e mostrá-la em contexto • Onde obter mockups (recursos gratuitos e pagos) • Cuidado para o mockup não disfarçar problemas reais da peça

NOTAS DO PROFESSOR 📖 Apresentar e defender o trabalho Um bom design mal apresentado pode ser recusado; um design defendido com argumentos ganha aprovação. Ensine os formandos a começar pelo conceito e só depois mostrar as peças, justificando cada decisão. Defender o essencial sem ser inflexível é uma competência profissional tão importante como desenhar. 🗣️ Pontos a desenvolver oralmente • Estrutura de apresentação: conceito primeiro, peças depois • Como justificar escolhas de cor e tipografia com argumentos • Receber feedback sem desistir do que é central à proposta

NOTAS DO PROFESSOR 📖 Síntese do percurso do briefing à campanha Este resumo fecha o ciclo completo de um projecto gráfico, do briefing à entrega. Use-o para os formandos perceberem que cada bloco da UC encaixa numa sequência lógica de trabalho real. Vale a pena pedir que descrevam, por palavras próprias, como levariam um briefing até à campanha final. 🗣️ Pontos a desenvolver oralmente • Recapitular a sequência briefing, conceito, composição, produção, apresentação • Reforçar que decisões técnicas servem sempre a mensagem • Ligar os conteúdos ao projecto avaliativo da unidade