# Design de cartazes: fundos que sustentam o título

[Canonical HTML page](https://gradiently.design/pt-pt/guide/poster-design)

Um cartaz recebe um relance de quem passa. O fundo decide se esse relance pousa no título ou escorrega pela parede.

## The short version

- O design de cartazes consiste em ser compreendido à distância em poucos segundos, por isso todos os cartazes precisam de um título dominante e de um fundo que aponte para ele.
- Um cartaz forte tem três níveis de informação: o título, os factos essenciais, como a data e o local, e os pormenores.
- A 300 dpi, um cartaz A4 tem 2480 por 3508 píxeis, um A3 tem 3508 por 4961 e um cartaz de 18 por 24 polegadas tem 5400 por 7200.
- Os designs para impressão precisam de sangria, fundo extra para lá da linha de corte, normalmente 3 mm na Europa ou 0,125 polegadas nos EUA.
- Os fundos fortes e simples, com uma zona clara e nítida por trás do título, leem-se muito melhor à distância do que as imagens cheias de pormenor.

Um bom **design de cartazes** funciona à distância e num relance: um título dominante, alguns factos essenciais e um fundo que leva o olhar direto às palavras. O fundo importa mais do que se pensa. Um campo de cor forte com uma zona clara e calma por trás do título lê-se do outro lado da sala; uma foto cheia de pormenor ou um padrão agitado obriga as pessoas a parar e procurar, e a maioria não o faz. Constrói o fundo para sustentar o título e depois junta os factos numa ordem clara.

Este guia trata de hierarquia, tamanhos de impressão, sangria e fundos que funcionam em papel. Para imprimir gradientes sem riscas nem tons sujos, vê [imprimir gradientes](https://gradiently.design/pt-pt/guide/print-gradients); para o visual mais amplo de um evento, vê [branding de eventos](https://gradiently.design/pt-pt/guide/event-branding).

## Hierarquia do cartaz: três níveis de informação

A maioria dos cartazes falha por dar o mesmo peso a tudo. Decide os três níveis antes de desenhares e faz cada um claramente maior ou mais carregado do que o seguinte. O título deve ler-se do ponto mais distante de onde alguém vai ver o cartaz; os factos essenciais, uns passos mais perto; os pormenores, só de perto.

| Nível | O que contém | Que aspeto tem |
| --- | --- | --- |
| 1. Título | O nome ou a promessa, em poucas palavras | De longe o maior elemento |
| 2. Factos essenciais | Data, hora, local, preço se for relevante, ou a única ação | Claramente mais pequeno, ainda carregado |
| 3. Pormenores | Programa, morada, site, patrocinadores, letra miúda | Pequeno, agrupado, fora do caminho |

Três níveis, claramente separados. Se não tens a certeza de qual é o nível um, o cartaz ainda não está pronto para ser desenhado.

Um cartaz vertical A4 de um cinema ao ar livre, com um título grande e pormenores curtos sobre um gradiente profundo

Cartaz A4 de evento: um título, uma linha de factos essenciais, os pormenores por baixo.

Um cartaz vertical A3 a anunciar a mudança de uma loja, com um título carregado sobre a parte mais clara de um gradiente

Cartaz A3 de anúncio: a luz do fundo fica por trás do título.

## Tamanhos de cartaz e píxeis a 300 dpi

A impressão precisa de muito mais píxeis do que os ecrãs. Desenha a 300 pontos por polegada no tamanho final, ou em vetores, para que a letra e os contornos fiquem nítidos. Estes são os tamanhos comuns e as suas dimensões em píxeis a 300 dpi.

- Flyer A5: 1748 × 2480
- Cartaz A4: 2480 × 3508
- Cartaz A3: 3508 × 4961
- US Letter: 2550 × 3300
- Cartaz de 18×24 in: 5400 × 7200

Formatos comuns de cartaz à escala. Os tamanhos A partilham uma proporção, por isso um design A4 passa sem problemas para A3 ou A5; o US Letter e o de 18 por 24 polegadas não.

| Tamanho | Píxeis a 300 dpi | Uso típico |
| --- | --- | --- |
| A5 | 1748 × 2480 | Flyers, folhetos, cartões de balcão |
| A4 | 2480 × 3508 | Quadros de avisos, montras, paredes de escritório |
| A3 | 3508 × 4961 | Montras de lojas, cafés, espaços de eventos |
| US Letter | 2550 × 3300 | Quadros de avisos e flyers na América do Norte |
| 18 × 24 in | 5400 × 7200 | Cartazes de rua, cartazes de concertos, paredes maiores |

Junta a sangria a estes tamanhos se a tua gráfica a pedir.

> **Junta sangria e uma margem de segurança** As gráficas aparam os cartazes depois de os imprimir, e o corte nunca é perfeito. Estende o fundo para lá da linha de corte, normalmente 3 mm de cada lado na Europa ou 0,125 polegadas nos EUA, e mantém as palavras pelo menos à mesma distância para dentro da margem. Pede à tua gráfica os valores exatos.

## Desenhar um fundo de cartaz que sustenta o título

A função do fundo é apontar. Põe a sua zona mais clara e calma (ou mais escura, para letra clara) por trás do título e deixa a cor e o pormenor crescerem em direção às margens. O olho vai primeiro para o contraste mais forte, por isso garante que esse é o título e não um brilho num canto ou uma zona agitada de uma foto.

- Brilho no topo para letra escura: `radial-gradient(ellipse at 50% 30%, #ffe8c7 0%, #ff9f6e 40%, #b83a5b 80%, #3d1238 100%)`
- Campo profundo para letra clara: `radial-gradient(ellipse at 50% 35%, #1c2b5a 0%, #0f173a 55%, #070b1c 100%)`
- Horizonte: título em cima: `linear-gradient(180deg, #0e3b43 0%, #1f7a72 55%, #f2c14e 100%)`
- Papel com esbatimento: `linear-gradient(160deg, #f3ecdf 0%, #e8d9bf 50%, #c9a57a 100%)`

Quatro bases de cartaz. Cada uma tem uma zona calma no terço superior, onde vai o título, com a cor a crescer a partir dela.

### Evita

- Uma foto cheia de pormenor por trás do título
- O ponto mais luminoso do fundo num canto
- Cinco coisas do mesmo tamanho
- Letra fina sobre um fundo de tom médio

### Faz

- Um campo forte e simples com uma zona calma
- O contraste mais forte por trás do título
- Um título, claramente dominante
- Letra pesada com forte contraste entre claro e escuro

## Testar um cartaz à distância

Não se avalia um cartaz a 100 por cento de zoom num portátil. Afasta o zoom até o cartaz ter mais ou menos o tamanho com que se verá do outro lado da sala, ou imprime-o em pequeno, prende-o a uma parede e dá uns passos atrás. Se não conseguires ler o título e perceber de que se trata em poucos segundos, simplifica: menos palavras, um título maior, um fundo mais calmo.

1. **Escreve os três níveis** Título, factos essenciais, pormenores. Corta tudo o que não couber em nenhum.
2. **Escolhe primeiro o tamanho** Define a tela no tamanho final a 300 dpi, mais a sangria.
3. **Constrói o fundo** Cor forte, uma zona calma para o título, contraste a crescer para as margens.
4. **Compõe o título em grande** Maior do que parece confortável. Uma boa [fonte de destaque](https://gradiently.design/pt-pt/guide/display-fonts) ajuda.
5. **Testa à distância** Afasta o zoom ou imprime em pequeno, dá uns passos atrás e lê-o em três segundos.
6. **Prepara para impressão** Verifica as cores em CMYK, exporta em PDF ou numa imagem de alta qualidade com sangria e pede uma prova.

A Gradiently inclui os tamanhos de impressão acima a 300 dpi, dos flyers A5 aos cartazes de 18 por 24 polegadas, e um Mark leva automaticamente a sua região mais calma para trás do teu título. Copiar para tamanhos transforma um cartaz terminado em publicações e stories a condizer para o mesmo evento.

## FAQ

### Que tamanho deve ter um cartaz em píxeis?

A 300 dpi, o A4 tem 2480 por 3508 píxeis, o A3 tem 3508 por 4961, o US Letter tem 2550 por 3300 e um cartaz de 18 por 24 polegadas tem 5400 por 7200.

### O que faz um bom design de cartaz?

Um título dominante, uma ordem clara de informação e um fundo forte e simples que dirige a atenção para as palavras, legível em poucos segundos à distância.

### O que é a sangria num cartaz?

Fundo extra para lá da linha de corte, normalmente 3 mm por lado na Europa ou 0,125 polegadas nos EUA, para que não apareça uma margem branca quando o cartaz é cortado.

### Posso usar um fundo em gradiente num cartaz impresso?

Sim. Verifica como as cores passam para CMYK, evita misturas escuras muito subtis, que podem ganhar bandas, e pede uma prova à gráfica.