# Fundos para apresentações que não competem com os diapositivos

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

A maioria dos fundos de diapositivos é escolhida a pensar no título e depois sofre ao longo de quarenta diapositivos de conteúdo. Desenha antes uma pequena família: expressiva onde pode ser, calma onde as pessoas precisam de ler.

## The short version

- Um bom fundo para apresentações apoia o conteúdo de cada diapositivo: expressivo nos diapositivos de título e de secção, calmo nos que as pessoas precisam de ler.
- Desenha os fundos como uma família de três, um para os diapositivos de título, outro para os de secção e outro para os de conteúdo, todos feitos com as mesmas cores.
- Os tamanhos padrão de diapositivos são 1920 por 1080 píxeis para 16:9 e 1600 por 1200 píxeis para 4:3.
- Os diapositivos de conteúdo precisam de uma área grande e calma, com contraste forte e uniforme onde ficam o texto e os gráficos.
- Os projetores desbotam as cores subtis e os detalhes escuros, por isso testa um fundo de apresentação no ecrã onde vai ser mostrado.

Um bom **fundo para apresentações** define o tom da palestra e depois sai do caminho do conteúdo. A abordagem prática é uma pequena família de fundos feitos com as mesmas cores: um expressivo para o diapositivo de título, um ligeiramente mais calmo para as divisões de secção e um sereno, com uma área grande e uniforme, para os diapositivos de conteúdo. Fá-los a 1920 por 1080 para apresentações em 16:9 ou a 1600 por 1200 para 4:3, e verifica-os no ecrã ou no projetor onde vais apresentar.

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

## Tamanhos de fundos para apresentações: 16:9 e 4:3

A maioria das ferramentas de apresentação começa hoje as novas apresentações em 16:9, que corresponde à maioria dos portáteis, monitores e televisores. O 4:3 continua útil para alguns projetores mais antigos e para apresentações que vão ser impressas ou lidas como documentos. Escolhe primeiro a proporção, porque um fundo feito para uma nunca encaixa bem na outra.

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

Os dois formatos padrão de diapositivo. Exporta os fundos nestes tamanhos ou maiores para se manterem nítidos em ecrãs grandes.

> **Conhece a sala** Se não conheces o ecrã, pergunta. Uma apresentação em 16:9 num projetor 4:3 fica com barras pretas em cima e em baixo; uma em 4:3 num ecrã largo fica com elas dos lados. Ambas funcionam, mas o teu fundo deve ser desenhado para a que vais mesmo ter.

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

O diapositivo de título pode dar-se ao luxo do dramatismo porque leva poucas palavras. Um diapositivo de conteúdo com um gráfico, seis tópicos ou uma captura de ecrã precisa de um campo calmo com contraste uniforme em todo o lado onde possa haver texto. Um só fundo não faz bem os dois trabalhos, por isso faz três com a mesma paleta.

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

Uma família de violeta escuro em três intensidades. O título tem uma fonte de luz forte; os diapositivos de conteúdo são quase planos, para que gráficos e texto se leiam por igual.

| Tipo de diapositivo | Fundo | Área de texto |
| --- | --- | --- |
| Título | A versão mais expressiva: cor, luz, textura | Título curto, na zona mais calma |
| Divisão de secção | As mesmas cores, menos contraste, ou um único campo forte | Uma ou duas palavras, grandes |
| Conteúdo | Quase plano, ou um gradiente suave numa margem | A maior parte do diapositivo, com contraste uniforme |
| Dados e capturas de ecrã | Plano ou a versão mais serena | Tudo; o gráfico é o conteúdo |
| Encerramento | Pode voltar ao fundo do título | Contacto, apelo à ação ou agradecimento |

Onde pertence cada intensidade de fundo. Repetir o fundo do título no fim enquadra a palestra.

Um diapositivo de título panorâmico com um título curto sobre um fundo em gradiente expressivo

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

Um diapositivo de conteúdo panorâmico com uma lista curta sobre uma versão mais calma do mesmo gradiente

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

## Como manter o texto legível sobre fundos de diapositivos

Os diapositivos leem-se à distância, muitas vezes numa sala iluminada, num ecrã mais escuro ou com menos contraste do que o teu portátil. Cada problema de contraste que vês no teu ecrã fica pior lá. Aponta bem acima do mínimo: os limiares WCAG de 4,5:1 para texto normal e 3:1 para texto grande são um piso, não um objetivo. O [contraste de cor](https://gradiently.design/pt-pt/guide/color-contrast-accessibility) explica como verificar.

### Evita

- Um gradiente carregado por trás do texto corrido e dos gráficos
- Fundos de tom médio onde nem o branco nem o preto se leem bem
- Texto a atravessar a parte mais clara de um gradiente
- Detalhes escuros e subtis que um projetor transforma em cinzento

### Faz

- Um fundo de conteúdo calmo com luminosidade uniforme
- Fundos claramente escuros ou claramente claros
- Palavras colocadas na zona mais calma
- Estrutura simples e forte que sobrevive a qualquer ecrã

Mantém também uma margem de segurança. Deixa livres cerca de 5 por cento da largura em cada margem para que nada importante seja cortado se o ecrã recortar ou redimensionar o diapositivo. Isto também evita que o texto se amontoe junto à borda de um gradiente, onde a cor muda muitas vezes mais depressa.

## Fundos escuros ou claros para apresentações

Os fundos escuros parecem cinematográficos e concentrados numa sala com pouca luz, e fazem a cor brilhar. Os fundos claros leem-se melhor em salas iluminadas e em folhetos impressos, e dão-se melhor com as aplicações de partilha de ecrã que comprimem o vídeo. Se vais apresentar nos dois tipos de sala, constrói a família nas duas versões, partilhando uma cor de destaque.

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

Uma apresentação escura e outra clara a partir de uma só paleta. O destaque mantém-se, por isso gráficos e realces ficam iguais nas duas.

> **Os projetores mudam a cor** Os projetores não conseguem mostrar o preto verdadeiro, por isso os fundos escuros ficam cinzento-carvão e os detalhes escuros subtis desaparecem. As cores saturadas também mudam muitas vezes. Ensaia no projetor real ou, se não puderes, escolhe fundos mais fortes e simples.

## Criar um conjunto de fundos para apresentações

1. **Escolhe a proporção** 16:9 a 1920 por 1080, a menos que saibas que a sala precisa de 4:3 a 1600 por 1200.
2. **Constrói o fundo do título** Parte das cores da tua marca ou de um gradiente de que gostes, com uma fonte de luz clara e uma área calma para o título.
3. **Deriva os restantes** Reduz o contraste e a textura para os diapositivos de secção; torna-o quase plano para os de conteúdo. Mantém os mesmos tons do princípio ao fim.
4. **Define-o como modelo global** Coloca cada fundo num diapositivo modelo ou esquema da tua ferramenta, para que cada novo diapositivo use automaticamente o certo.
5. **Testa à distância** Apresenta para ti mesmo do outro lado da sala, ou no ecrã real. Corrige tudo o que te obrigue a semicerrar os olhos.

Na Gradiently, um Mark é renderizado ao vivo por trás de cada diapositivo em 16:9 ou 4:3 e desloca a sua zona mais calma para trás das tuas palavras, por isso o mesmo fundo pode manter-se expressivo num diapositivo de título e sereno por trás de uma lista. Copiar para tamanhos volta a compor um diapositivo acabado para outros formatos, como uma [publicação no LinkedIn](https://gradiently.design/pt-pt/guide/linkedin-post-design) a anunciar a palestra.

## FAQ

### Que tamanho deve ter um fundo para apresentações?

1920 por 1080 píxeis para diapositivos 16:9, ou 1600 por 1200 píxeis para 4:3. Maior também serve, desde que a proporção coincida.

### Os fundos para apresentações devem ser escuros ou claros?

Os escuros servem salas com pouca luz e palestras cinematográficas; os claros servem salas iluminadas, folhetos impressos e partilha de ecrã. Constrói ambos a partir de uma paleta se apresentas em contextos diferentes.

### Como torno o texto legível sobre um fundo de diapositivo?

Usa um fundo sereno nos diapositivos de conteúdo, coloca o texto na zona mais calma e aponta para um contraste bem acima de 4,5:1, já que os projetores e as salas o reduzem.

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

Sim. Usa a versão expressiva nos diapositivos de título e de secção, e uma versão muito mais calma do mesmo gradiente por trás do conteúdo, dos gráficos e das capturas de ecrã.