# Design de folder: dobras, fluxo e um visual consistente

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

Um folder é lido numa ordem específica, decidida pela forma como ele dobra. Acerte a dobra e o resto do design ganha uma estrutura: tamanhos de painel, uma ordem de leitura e um visual que se mantém unido.

## The short version

- O design de folder começa pela dobra, porque é ela que decide qual painel as pessoas veem primeiro e em que ordem leem o resto.
- Um folder de três dobras em A4 ou US Letter tem seis painéis: três do lado de fora e três do lado de dentro.
- O painel que dobra para dentro costuma ser cerca de 2 a 3 mm mais estreito que os outros, para o folder fechar reto.
- Cada painel deve cumprir uma tarefa, como a promessa, a prova, a oferta ou os contatos.
- Um folder parece consistente quando todos os painéis compartilham um fundo, uma combinação de fontes e uma margem.

Um bom **design de folder** começa pela dobra, não pelas palavras. A dobra decide qual painel as pessoas veem primeiro, qual veem ao abrir e a qual chegam por último. Planeje essa ordem, dê uma tarefa a cada painel e use um fundo e um conjunto tipográfico na folha inteira. A maioria dos folders que parecem bagunçados falha exatamente nesses três pontos: sem ordem de leitura, painéis lotados de tudo e um estilo diferente em cada dobra.

## Tipos de dobra de folder e quando usar cada um

A dobra é escolhida pela quantidade de coisas que você tem a dizer e pela forma como quer revelá-las. O folder de três dobras é o padrão por um motivo: cabe muita coisa numa folha e ele entra num expositor ou num envelope. Mas nem sempre é o certo.

| Dobra | Painéis | Melhor para |
| --- | --- | --- |
| Uma dobra (ao meio) | 4 | Cardápios, programações de eventos, a história simples de um produto |
| Três dobras (tipo carta) | 6 | Serviços, clínicas, passeios, qualquer coisa com etapas e tabela de preços |
| Dobra em Z (sanfona) | 6 | Linhas do tempo e mapas que funcionam melhor abertos |
| Dobra janela | 6 | Uma revelação marcante: duas portas se abrem para uma grande página central |

Quatro dobras comuns. Pergunte à gráfica quais ela consegue vincar e dobrar antes de criar, porque nem toda impressora faz as quatro.

## Tamanho de folder de três dobras em A4 e US Letter

Um folder de três dobras é uma folha impressa dos dois lados e dobrada em três. Em A4, a folha aberta tem 297×210 mm na horizontal, o que dá 3508×2480 pixels a 300 dpi. Em US Letter, tem 11×8,5 polegadas, ou 3300×2550 pixels. Os números exatos estão em [tamanho A4 em pixels](https://gradiently.design/pt-br/guide/a4-size-in-pixels) e [tamanho Letter em pixels](https://gradiently.design/pt-br/guide/letter-size-pixels).

- A4 aberto 3508×2480: 3508 × 2480
- Letter aberto 3300×2550: 3300 × 2550
- Um painel A4 1169×2480: 1169 × 2480

A folha aberta de um folder de três dobras em A4 e em Letter, e um único painel A4 dobrado, todos a 300 dpi e em escala.

Três painéis iguais não fecham direito, porque a aba interna precisa se encaixar dentro dos outros dois. Deixe esse painel cerca de 2 a 3 mm mais estreito, mais ou menos 1/16 a 1/8 de polegada, e alargue os outros dois para compensar. Em A4, isso dá painéis de cerca de 100, 100 e 97 mm. O gabarito da sua gráfica terá os números exatos, e vale pedir antes de começar.

> **Nada importante em cima de uma dobra** Mantenha textos e rostos a pelo menos 5 mm de cada linha de dobra, além do corte. As dobras racham um pouco a tinta e chamam o olhar, então um título que atravessa uma dobra parece quebrado.

## A ordem de leitura de um folder de três dobras

Esta é a parte que a maioria dos templates esconde. Do lado de fora da folha, o painel da direita é a capa, o do meio é o verso, e o da esquerda é a aba que as pessoas veem assim que abrem a capa. Do lado de dentro, os três painéis aparecem juntos. Crie nessa ordem e o folder conta a história do jeito que ele é realmente manuseado.

1. **Capa: a promessa** Para quem é e o que a pessoa ganha, em poucas palavras. Logo, um título e o fundo da marca. Mais nada.
2. **Aba interna: o gancho** A primeira coisa vista ao abrir. Uma frase curta sobre o problema, uma foto marcante ou uma única pergunta com a qual o leitor se identifica.
3. **Parte interna: o conteúdo** Três painéis lidos da esquerda para a direita: o que você faz, como funciona, por que confiar em você. Use títulos para facilitar a leitura rápida.
4. **Verso: o próximo passo** Endereço, horário de funcionamento, site, um QR code. As pessoas olham aqui quando já decidiram, então facilite a ação.

O painel de capa de um folder de três dobras para uma clínica de fisioterapia, um design alto e estreito com um título curto

O painel da capa: uma promessa, o nome e o fundo fazendo o trabalho da marca.

Um painel interno do mesmo folder listando as etapas da primeira consulta, sobre o mesmo fundo degradê

Um painel interno com uma única tarefa: explicar a primeira consulta em três etapas.

## Como manter o folder consistente em todos os painéis

Um folder é segurado na mão e aberto na frente do leitor, então qualquer inconsistência é notada na hora. A solução é um pequeno sistema, decidido antes de diagramar qualquer painel e depois seguido sem exceções.

### Evite

- Uma cor de fundo diferente em cada painel
- Três fontes ou mais
- Margens que mudam de um painel para outro
- Texto abaixo de 9 pontos para caber mais coisa
- Fotos de banco de imagens com dominantes de cor sem relação

### Faça

- Uma família de fundo que flui pela parte interna
- Uma fonte de título e uma de texto, nada mais
- Uma margem, repetida em todos os painéis
- Menos palavras, em 9 a 11 pontos
- Fotos tingidas ou tratadas para as cores da marca

O fundo é a ferramenta mais forte que você tem. Um campo de cor ou um degradê que corre contínuo pela parte interna faz três painéis parecerem um único objeto projetado, enquanto as dobras ainda dão a cada um o próprio espaço. [Consistência de marca](https://gradiently.design/pt-br/guide/brand-consistency) cobre o princípio mais amplo, e [combinação de fontes](https://gradiently.design/pt-br/guide/font-pairing) ajuda a escolher as duas fontes.

- Azul-marinho do porto: #0f2a3d
- Azul do mar: #1f6f8b
- Verde-água raso: #7fc8c4
- Papel: #f4efe6
- Destaque boia: #e8875a

Uma paleta de folder: um fundo profundo para a capa, dois azuis conectados para o fundo, papel para as áreas de texto e um destaque quente reservado para a chamada para ação.

## Imprimindo o seu folder

- Acrescente sangria à folha aberta: 3 mm por lado em países que usam o sistema métrico, 0,125 polegada nos EUA. [Sangria para impressão](https://gradiently.design/pt-br/guide/bleed-and-margins) explica por quê.
- Escolha uma gramatura de papel que dobre bem. Peça vinco em papéis grossos, senão a dobra racha.
- Confira as cores no papel. Azuis e violetas vivos da tela saem mais apagados na impressão, como explica [RGB x CMYK](https://gradiently.design/pt-br/guide/rgb-vs-cmyk).
- Imprima uma cópia em casa, dobre e leia na ordem antes de enviar o arquivo.

No Gradiently, um Mark é renderizado do zero em cada tamanho, então o painel da capa, a parte interna e qualquer post combinando usam o mesmo fundo sem esticar. Você pode pedir ao Designer para diagramar os painéis e escrever o primeiro rascunho na voz do seu kit de marca, e depois exportar um PDF para impressão com sangria e marcas de corte no Pro.

## FAQ

### Qual o tamanho de um folder de três dobras?

Normalmente uma folha A4 (297×210 mm) ou US Letter (11×8,5 polegadas), impressa dos dois lados e dobrada em três painéis.

### O que vai em cada painel de um folder de três dobras?

A capa traz a promessa, a aba interna fisga o leitor, os três painéis internos explicam o conteúdo e o verso traz os contatos e o próximo passo.

### Por que um painel do folder de três dobras é mais estreito?

O painel que dobra para dentro precisa ser cerca de 2 a 3 mm mais estreito para o folder fechar reto, sem empenar.

### Qual deve ser a resolução de um folder?

300 dpi no tamanho impresso. Uma folha de folder de três dobras em A4 tem 3508×2480 pixels, e uma em Letter tem 3300×2550, mais a sangria.

### Quantas fontes um folder deve usar?

Duas bastam: uma para títulos e uma para texto. Mais do que isso faz os painéis parecerem desconectados.