# Fundos para apresentação que não brigam com os seus slides

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

A maioria dos fundos de slide é escolhida pelo slide de título e depois sofre ao longo de quarenta slides de conteúdo. Crie uma pequena família: chamativa onde pode ser, calma onde as pessoas precisam ler.

## The short version

- Um bom fundo para apresentação apoia o conteúdo de cada slide: expressivo nos slides de título e de seção, calmo nos slides que as pessoas precisam ler.
- Crie os fundos como uma família de três, um para os slides de título, um para os de seção e um para os de conteúdo, todos feitos com as mesmas cores.
- Os tamanhos padrão de slide são 1920 por 1080 pixels para 16:9 e 1600 por 1200 pixels para 4:3.
- Os slides de conteúdo precisam de uma grande área calma com contraste forte e uniforme onde ficam o texto e os gráficos.
- Projetores apagam cores sutis e detalhes escuros, então teste o fundo da apresentação na tela onde ela será exibida.

Um bom **fundo para apresentação** define o tom da palestra e depois sai do caminho do conteúdo. A abordagem prática é uma pequena família de fundos feita com as mesmas cores: um expressivo para o slide de título, um um pouco mais calmo para as divisões de seção e um tranquilo, com uma área grande e uniforme, para os slides de conteúdo. Crie-os em 1920 por 1080 para apresentações 16:9 ou em 1600 por 1200 para 4:3 e confira na tela ou no projetor onde você vai apresentar.

Se você está montando um sistema completo de apresentação, o [design de pitch deck](https://gradiently.design/pt-br/guide/pitch-deck-design) trata da estrutura e dos tipos de slide. Este guia é sobre os fundos por baixo.

## Tamanhos de fundo para apresentação: 16:9 e 4:3

A maioria das ferramentas de apresentação hoje começa as novas apresentações em 16:9, que corresponde à maioria dos notebooks, monitores e TVs. O 4:3 ainda é útil para alguns projetores mais antigos e para apresentações que serão impressas ou lidas como documento. Escolha a proporção primeiro, porque um fundo feito para uma nunca se encaixa direito na outra.

- Slides 16:9, 1920×1080: 1920 × 1080
- Slides 4:3, 1600×1200: 1600 × 1200

Os dois formatos padrão de slide. Exporte os fundos nesses tamanhos ou maiores para que fiquem nítidos em telas grandes.

> **Conheça a sala** Se você não conhece a tela, pergunte. Uma apresentação 16:9 num projetor 4:3 ganha faixas pretas em cima e embaixo; uma apresentação 4:3 numa tela larga ganha faixas nas laterais. As duas funcionam, mas o seu fundo deve ser criado para a que você vai realmente encontrar.

## Crie uma família de fundos, não um fundo só

O slide de título pode se dar ao luxo do drama, porque carrega poucas palavras. Um slide de conteúdo com um gráfico, seis tópicos ou uma captura de tela precisa de um campo calmo com contraste uniforme em todo lugar onde possa haver texto. Um fundo não faz bem os dois trabalhos, então crie três a partir da mesma paleta.

- Título: expressivo: `radial-gradient(ellipse at 75% 25%, #7c5cff 0%, #3b2a8f 40%, #140f33 100%)`
- Seção: mais calmo: `linear-gradient(135deg, #2a1f6b 0%, #1a1545 60%, #120e2e 100%)`
- Conteúdo: tranquilo: `linear-gradient(180deg, #171333 0%, #141030 100%)`

Uma família violeta escura em três intensidades. O título tem uma fonte de luz forte; os slides de conteúdo são quase chapados, para que gráficos e texto sejam lidos por igual.

| Tipo de slide | Fundo | Área de texto |
| --- | --- | --- |
| Título | A versão mais expressiva: cor, luz, textura | Título curto, na região mais calma |
| Divisão de seção | As mesmas cores, menos contraste, ou um único campo marcante | Uma ou duas palavras, grandes |
| Conteúdo | Quase chapado, ou um gradiente suave numa borda | A maior parte do slide, com contraste uniforme |
| Dados e capturas de tela | Chapado ou a versão mais tranquila | Tudo; o gráfico é o conteúdo |
| Encerramento | Pode voltar ao fundo do título | Contato, chamada para ação ou agradecimento |

Onde cada intensidade de fundo se encaixa. Repetir o fundo do título no final emoldura a palestra.

Um slide de título widescreen com um título curto sobre um fundo gradiente expressivo

Um slide de título pode usar o fundo inteiro: luz, cor e espaço.

Um slide de conteúdo widescreen com uma lista curta sobre uma versão mais calma do mesmo gradiente

Um slide de conteúdo da mesma família: o fundo se acalma para que a lista seja lida primeiro.

## Como manter o texto legível nos fundos de slide

Slides são lidos à distância, muitas vezes numa sala iluminada, numa tela mais escura ou com menos contraste que o seu notebook. Todo problema de contraste que você vê na sua própria tela piora lá. Mire bem acima do mínimo: os limites da WCAG de 4,5:1 para texto normal e 3:1 para texto grande são um piso, não uma meta. O guia de [contraste de cores](https://gradiently.design/pt-br/guide/color-contrast-accessibility) explica como conferir.

### Evite

- Um gradiente carregado atrás do texto corrido e dos gráficos
- Fundos de tom médio onde nem o branco nem o preto se leem bem
- Texto passando pela parte mais clara de um gradiente
- Detalhes escuros e sutis que o projetor transforma em cinza

### Faça

- Um fundo de conteúdo calmo, com luminosidade uniforme
- Fundos claramente escuros ou claramente claros
- Palavras na região mais calma
- Estrutura simples e marcante que sobrevive a qualquer tela

Mantenha também uma margem de segurança. Deixe cerca de 5% da largura livre em cada borda para que nada importante seja cortado se a tela recortar ou redimensionar o slide. Isso também evita que o texto se aperte contra a borda de um gradiente, onde a cor costuma mudar mais rápido.

## Fundos de apresentação escuros ou claros

Fundos escuros parecem cinematográficos e concentrados numa sala com pouca luz, e fazem as cores brilharem. Fundos claros funcionam melhor em salas iluminadas e em materiais impressos, e sofrem menos nos apps de compartilhamento de tela que comprimem o vídeo. Se você vai apresentar nos dois tipos de sala, crie a família nas duas versões, compartilhando uma cor de destaque.

- Fundo escuro: #141030
- Fundo claro: #f4f1ea
- Destaque comum: #7c5cff
- Texto sobre escuro: #f5f3ff
- Texto sobre claro: #1c1733

Uma apresentação escura e uma clara a partir de uma paleta. O destaque é o mesmo, então gráficos e realces ficam idênticos nas duas.

> **Projetores mudam as cores** Projetores não mostram o preto de verdade, então fundos escuros viram cinza-chumbo e detalhes escuros e sutis desaparecem. Cores saturadas também costumam mudar. Ensaie no projetor real ou, se não puder, escolha fundos mais marcantes e simples.

## Como montar um conjunto de fundos para apresentação

1. **Escolha a proporção** 16:9 em 1920 por 1080, a menos que você saiba que a sala precisa de 4:3 em 1600 por 1200.
2. **Crie o fundo do título** Comece pelas cores da sua marca ou por um gradiente de que você goste, com uma fonte de luz clara e uma área calma para o título.
3. **Derive o resto** Reduza o contraste e a textura para os slides de seção; deixe quase chapado para os de conteúdo. Mantenha os mesmos matizes do começo ao fim.
4. **Defina como mestre** Coloque cada fundo num slide mestre ou layout da sua ferramenta, para que cada novo slide use o certo automaticamente.
5. **Teste à distância** Apresente para você mesmo do outro lado da sala, ou na tela real. Corrija tudo o que obrigar você a apertar os olhos.

No Gradiently, um Mark é renderizado ao vivo atrás de cada slide em 16:9 ou 4:3 e move sua região mais calma para trás das suas palavras, então o mesmo fundo pode continuar expressivo num slide de título e tranquilo atrás de uma lista. Copiar para tamanhos refaz o layout de um slide pronto para outros formatos, como um [post no LinkedIn](https://gradiently.design/pt-br/guide/linkedin-post-design) anunciando a palestra.

## FAQ

### Qual deve ser o tamanho de um fundo para apresentação?

1920 por 1080 pixels para slides 16:9, ou 1600 por 1200 pixels para 4:3. Maior também funciona, desde que a proporção seja a mesma.

### Os fundos de apresentação devem ser escuros ou claros?

O escuro combina com salas com pouca luz e palestras cinematográficas; o claro, com salas iluminadas, materiais impressos e compartilhamento de tela. Crie os dois a partir de uma paleta se você apresenta em ambientes diferentes.

### Como deixar o texto legível num fundo de slide?

Use um fundo tranquilo nos slides de conteúdo, coloque o texto na região mais calma e mire num contraste bem acima de 4,5:1, já que projetores e salas o reduzem.

### Posso usar um gradiente como fundo de apresentação?

Sim. Use a versão expressiva nos slides de título e de seção e uma versão bem mais calma do mesmo gradiente atrás de conteúdo, gráficos e capturas de tela.