Design de Apresentações
Capítulos: 11 | Corpus: ~300 transcrições teóricas sobre design de apresentações, destiladas | Gerado: 2026-11-05
O o que e porquê de bons slides. Para instruções passo a passo no PowerPoint, Keynote, Google Slides, Canva ou Figma Slides, use a skill complementar slide-software-techniques.
Como Usar Esta Skill
- Gerar ou construir um deck → siga o Fluxo de Trabalho para Geração de Deck abaixo, depois abra ch02, ch03, ch04 e ch05 conforme necessário.
- Revisar ou redesenhar slides → use a Checklist de Revisão e ch10 (manual de redesign).
- Uma pergunta específica → encontre o capítulo no Índice de Tópicos e leia-o antes de responder.
- Consultas rápidas: cheatsheet.md (todos os números em tabelas), patterns.md (receitas de slides prontas), glossary.md.
- Leitura mínima por tarefa (economiza contexto): novo deck → cheatsheet + ch02 + a seção do ch09 para o seu contexto; pitch deck → cheatsheet + ch09 (pitch) + ch07, além de
public-speaking-persuasionch12 para a sequência de conteúdo de um pitch para investidores (problema, quem, produto, concorrência, modelo de negócio, recursos, captura de valor); revisão de slides → Checklist de Revisão + ch10; deck com muitos dados → ch07; deck animado → ch08.
Os Dez Princípios
- Mensagem antes do software. Público, objetivo (informar / educar / convencer / inspirar, mais a ação desejada), mensagem-chave e roteiro vêm primeiro; os slides vêm por último.
- Slides apoiam a fala; um documento deve ser autossuficiente. Uma ideia por slide: uma frase ou algumas palavras mais um visual. Todo o resto vai para as notas do apresentador. Se o deck for enviado por e-mail, faça uma segunda versão mais densa.
- O título é a mensagem. Um pequeno rótulo carrega o tópico ("Problema") e uma frase grande expõe a conclusão principal.
- Divida em vez de apertar. Mais slides não significa uma apresentação mais longa: um evento, número ou ponto por slide.
- Hierarquia através de contraste e espaço. Se tudo é grande, nada é importante. Use no máximo três níveis e crie foco escurecendo o resto: item ativo 100%, outros ~30%.
- Margens e alinhamento não são opcionais. Defina guias antes de projetar, mantenha o título no mesmo lugar, use uma lógica de alinhamento por slide e nunca justifique o texto.
- Consistência sobre decoração. Uma família tipográfica, um conjunto de ícones, um tratamento de imagem, um estilo de animação. Qualquer escolha de estilo se aplica a todo o deck ou a nenhum. Remova antes de adicionar.
- Todo visual tem uma função (evocativa, âncora, descritiva, explicativa) ou é removido. Imagens vão grandes; ícones nunca são preenchimento.
- Reconstrua, não cole. Tabelas, gráficos e diagramas são redesenhados no estilo do deck e simplificados para o dado citado.
- Anime com propósito. Fade é o padrão; use Morph / Magic Move para continuidade. As durações são curtas e o conteúdo aparece ao clicar quando você o nomeia.
Números Canônicos (tela 1920×1080 px, tamanhos em pt)
| Elemento | Valor |
|---|---|
| Título da capa / declaração / menu | 80–160 (capa display até 200–300) |
| Título-mensagem no slide de conteúdo | 64–88 |
| Título em slide de lista / dados / gráfico | 40–48 |
| Corpo do texto | 24–32; ≥32 quando lido em uma sala de aula ou auditório grande |
| Descrições de dados, texto secundário | 24 |
| Números-chave / números heróis | ≥56 / 120–200 |
| Rótulos acima dos títulos | 20–28 |
| Fontes, notas de rodapé, rodapé | 18–20 |
| Espaçamento entre linhas | títulos 0.8–0.95; corpo 1.1–1.2 múltiplo (nunca 1.5) |
| Comprimento da linha | 40–50 caracteres em slides projetados; 50–80 em documentos |
| Marcadores | 3 ideal, 5 máx., mesmo comprimento, um nível de indentação no máximo, revelados um de cada vez |
| Fontes | 1 família (2 máx., a segunda apenas grande em 1–2 palavras); evitar Calibri, Arial, fontes script |
| Cores | 2–3 + neutras (≤4 cores de tema), um destaque; off-white e near-black, nunca #FFF/#000 puro |
| Sombras | 10–20% de opacidade em fundos claros, desfoque proporcional à distância; nunca o padrão |
| Animação | objetos 0.2–0.5 s (0.3 preferido); transições 0.5–1 s (máx. 1.5); morph ≈1 s (0.5–0.7 para movimentos pequenos); atrasos 0.1–0.2 s |
| Número de slides | resultado do roteiro; regra prática ≈15 por 10 min (um pitch de 10 min ≈13) |
| Contraste | verifique cada par texto/fundo no tamanho real; um destaque claro (limão, amarelo) precisa de uma variante mais escura para texto sobre off-white. Metas WCAG numéricas (4.5:1 corpo, 3:1 grande): ux-ui-expert ch21 |
Prefira múltiplos de 8. A escala é um guia; a consistência dentro do deck é mais importante que o valor exato.
Fluxo de Trabalho para Geração de Deck (quando você constrói slides)
- Briefing: quem é o público, quantos, qual é a sala ou meio, qual é o objetivo e a ação desejada, e qual software e versão apresentarão o arquivo (ch01). Se desconhecido, declare suas suposições.
- Mensagem e roteiro: escreva a mensagem-chave em uma frase, depois um roteiro ou esboço. Marque onde um slide é necessário (ch01).
- Estrutura: aplique o sistema de tipos de slide — capa, (índice), slides de pausa para seções, conteúdo, slides de foco para momentos-chave, contracapa com uma chamada para ação — e o ritmo de fundo (ch02).
- Storyboard: uma linha por slide com seu título-mensagem e o visual que o carrega (imagem, número grande, gráfico, cartões de ícones, linha do tempo). Escolha por função (ch06, ch07).
- Configuração do sistema: tela 1920×1080, guias e margens, fontes de tema, cores de tema (funções da paleta do ch05), um rodapé (ch03, ch11). Com uma marca, amostre suas cores, fontes e regras de logotipo primeiro.
- Construção: uma mensagem por slide, a escala tipográfica acima, texto alinhado à esquerda, o foco de escurecer o resto, dados reconstruídos de forma mínima (ch03, ch04, ch07).
- Movimento (se o meio permitir): fade por padrão, morph para continuidade, ao clicar para o que você nomeia (ch08).
- Passagem de garantia de qualidade: execute a Checklist de Revisão abaixo, veja o deck em grade ou classificação de slides, verifique contraste e legibilidade no tamanho real e mantenha um backup em PDF (ch01, ch10).
Se o deck também for enviado por e-mail (pitch decks geralmente o são), planeje também a versão "documento" mais densa (ch01). Quando a empresa ou dados são hipotéticos, marque toda figura ou nome inventado como [placeholder].
Ao gerar arquivos programaticamente (python-pptx, DeckCraft, etc.), codifique os números canônicos como constantes, construa mestres/layouts primeiro e renderize pré-visualizações para verificar estouro, alinhamento e contraste antes de entregar.
Checklist de Revisão (auditar qualquer slide ou deck)
- Organização: há uma mensagem por slide? Os títulos expõem as conclusões? O deck está estruturado em seções, com um CTA no final?
- Texto: quantidade, tamanhos, comprimento da linha, alinhamento, ênfase e marcadores estão dentro dos números canônicos?
- Cor: cada cor tem uma função e há um destaque? O contraste é adequado? Não há preto ou branco puro?
- Estilo: margens e posições são consistentes, e as escolhas de estilo (sombras, cantos, ícones, filtros de imagem) são aplicadas a todo o deck?
- Recursos: as imagens são grandes e de alta resolução, sem marcas d'água? Os ícones vêm de um único conjunto? Gráficos e tabelas são reconstruídos e simplificados?
- Para cada problema, relate problema → por que é importante → correção, e mantenha–mate–mude os elementos (ch10).
Índice de Capítulos
| # | Título | Principais estruturas |
|---|---|---|
| ch01 | O Processo: Mensagem Antes do Software | 3 perguntas fundamentais, processo de 5 etapas, roteiro vs esboço, número de slides, slides vs documento, quando não usar slides, entrega e ensaio |
| ch02 | Estrutura do Deck & Tipos de Slide | 6 tipos de slide, ritmo de fundo, capa, índice, slides de pausa, rodapé, contracapa CTA |
| ch03 | Layout & Princípios de Design Visual | margens e guias, grade, alinhamento, proximidade, hierarquia, foco por escurecimento, consistência, subtrair antes de adicionar |
| ch04 | Texto e Tipografia em Slides | títulos-mensagem, escala tipográfica, fontes, espaçamento/comprimento de linha, ênfase, marcadores e alternativas, ajuste automático |
| ch05 | Cor | tamanhos de paleta, pensamento HSL, matizes/sombras monocromáticas, funções de cor, ritmo de fundo, vermelho, contraste, ferramentas |
| ch06 | Imagens, Ícones, Fundos e Efeitos | 4 funções de imagem, imagens grandes, filtros, texto sobre foto, ícones, logotipos, sombras, fundos, vidro, capturas de tela |
| ch07 | Dados: Gráficos, Tabelas, Números e Linhas do Tempo | um gráfico por slide, destaque o dado citado, alternativas ao gráfico de pizza, números grandes, tabelas mínimas, linhas do tempo, slides de oferta e lei |
| ch08 | Animação e Transições (Princípios) | 3 funções, temporizações, ao clicar vs com o anterior, um ponto de cada vez, padrões de morph, loops, restrições corporativas |
| ch09 | Apresentações por Contexto | escola, tese, relatório de estágio, científico, corporativo, slides de pitch deck, lançamento de produto, portfólio, treinamento, palestras, webinars |
| ch10 | O Manual de Redesign (Antes → Depois) | auditoria de 5 áreas, manter/matar/mudar, dividir vs apertar, reconstruir conteúdo colado, casos de redesign |
| ch11 | Templates, Marca, IA e Recursos | quando usar templates, recolorir por funções, construção de template corporativo, regras de marca, ferramentas de IA, sites de recursos |
Índice de Tópicos
- Slide de agenda / índice → ch02, ch10
- IA para slides → ch11
- Alinhamento, margens, guias, grade → ch03
- Animação, transições, morph → ch08 (como fazer:
slide-software-techniques) - Contracapa / encerramento / "obrigado" → ch02
- Fundos → ch05, ch06
- Números grandes, porcentagens → ch07
- Diretrizes de marca, logotipos → ch06, ch11
- Marcadores e alternativas → ch04, ch10
- Gráficos (alternativas ao gráfico de pizza, destaque) → ch07
- Paleta de cores, contraste → ch05
- Slides de concorrente / problema / equipe / oferta (pitch) → ch09, ch07
- Decks corporativos, reuniões → ch09
- Slide de capa → ch02
- Entrega: modo apresentador, remoto, backup PDF, ensaio → ch01
- Documento vs slides (decks enviados por e-mail) → ch01, ch04
- Fontes, tamanhos, espaçamento entre linhas → ch04
- Hierarquia, foco, espaço em branco → ch03
- Ícones → ch06
- Imagens, fotos, texto sobre foto → ch06
- Inspiração (sites, moodboard) → ch01, ch11
- Número de slides → ch01
- Pitch deck (investidores, startup) → ch09 (design de slides), ch07 (números, tabelas),
public-speaking-persuasionch12 (sequência de conteúdo) - Tamanho de mercado, tração, números do modelo de negócio → ch07 (números grandes, gráficos, destaque)
- Decks de portfólio → ch09
- Redesign de slides existentes → ch10
- Escola, tese, estágio (PCTO) → ch09
- Sombras, vidro, 3D, efeitos → ch06
- Storyboard, roteiro → ch01
- Tabelas → ch07
- Palestras, TEDx, webinars, treinamento → ch09
- Templates (usar / construir) → ch11
- Linhas do tempo, Gantt → ch07
Skills Relacionadas
slide-software-techniques: menus, configurações e receitas no PowerPoint, Keynote, Google Slides, Canva, Figma Slides.public-speaking-persuasion: entrega, voz, storytelling, persuasão.ux-ui-expert: fundamentos visuais gerais (leis tipográficas, cor 60-30-10, hierarquia) e psicologia UX.creative-director: conceitos, copy e metáforas visuais.anthropic-skills:pptx,designcraft-expert: produção dos arquivos reais.
Escopo e Limites
Orientação de design para decks de slides apresentados ao vivo e enviados por e-mail. Os números são calibrados para uma tela de 1920×1080: dimensione proporcionalmente para outros tamanhos. Regras de empresa ou marca substituem esses padrões. Diga isso explicitamente quando você se desviar.