fralapo/diseño-de-presentaciones

Diseño de Presentaciones

Capítulos: 11 | Corpus: ~300 transcripciones teóricas sobre diseño de presentaciones, destiladas | Generado: 2026-11-05

El qué y por qué de las buenas diapositivas. Para el cómo a nivel de clics en PowerPoint, Keynote, Google Slides, Canva o Figma Slides, usa el skill complementario slide-software-techniques.

Cómo Usar Este Skill

• Generar o construir una presentación → sigue el Flujo de Trabajo de Generación de Presentaciones a continuación, luego abre ch02, ch03, ch04 y ch05 según sea necesario.
• Revisar o rediseñar diapositivas → usa la Lista de Verificación de Revisión y ch10 (manual de rediseño).
• Una pregunta específica → encuentra el capítulo en el Índice de Temas y léelo antes de responder.
• Consultas rápidas: cheatsheet.md (todos los números en tablas), patterns.md (recetas de diapositivas listas para usar), glossary.md.
• Lectura mínima por tarea (ahorra contexto): presentación nueva → cheatsheet + ch02 + la sección ch09 para su contexto; pitch deck → cheatsheet + ch09 (pitch) + ch07, más public-speaking-persuasion ch12 para la secuencia de contenido de un pitch de inversor (problema, quién, producto, competencia, modelo de negocio, recursos, captura de valor); revisión de diapositivas → Lista de Verificación de Revisión + ch10; presentación con muchos datos → ch07; presentación animada → ch08.

---

Los Diez Principios

1. Mensaje antes que software. Audiencia, objetivo (informar / educar / convencer / inspirar, más la acción que deseas), mensaje clave y guion van primero; las diapositivas van al final.
2. Las diapositivas apoyan la voz, un documento debe sostenerse solo. Una idea por diapositiva: una oración o unas pocas palabras más un visual. Todo lo demás va en las notas del orador. Si la presentación se enviará por correo electrónico, haz una segunda versión más densa.
3. El título es el mensaje. Una etiqueta pequeña lleva el tema ("Problema") y una oración grande enuncia la conclusión.
4. Dividir en lugar de comprimir. Más diapositivas no significa una charla más larga: un evento, número o punto por diapositiva.
5. Jerarquía mediante contraste y espacio. Si todo es grande, nada es importante. Usa como máximo tres niveles y crea enfoque atenuando el resto: elemento activo 100%, otros ~30%.
6. Los márgenes y la alineación no son opcionales. Configura guías antes de diseñar, mantén el título en el mismo lugar, usa una lógica de alineación por diapositiva y nunca justifiques el texto.
7. Consistencia sobre decoración. Una familia tipográfica, un conjunto de iconos, un tratamiento de imágenes, un estilo de animación. Cualquier elección de estilo se aplica a toda la presentación o a ninguna. Quita antes de añadir.
8. Cada visual tiene una función (evocador, ancla, descriptivo, explicativo) o se elimina. Las imágenes van grandes; los iconos nunca son relleno.
9. Reconstruir, no pegar. Las tablas, gráficos y diagramas se redibujan en el estilo de la presentación y se simplifican al dato citado.
10. Animar con propósito. Fundido es el valor predeterminado; usa Morph / Magic Move para la continuidad. Las duraciones son cortas y el contenido aparece al hacer clic cuando lo nombras.

Números Canónicos (lienzo de 1920×1080 px, tamaños en pt)

Elemento	Valor
Título de portada / declaración / menú	80–160 (portada display hasta 200–300)
Título de mensaje en diapositiva de contenido	64–88
Título en diapositiva de lista / datos / gráfico	40–48
Texto del cuerpo	24–32; ≥32 cuando se lee en un aula o sala grande
Descripciones de datos, texto secundario	24
Números clave / números hero	≥56 / 120–200
Etiquetas sobre títulos	20–28
Fuentes, notas al pie, pie de página	18–20
Interlineado	títulos 0.8–0.95; cuerpo 1.1–1.2 múltiple (nunca 1.5)
Longitud de línea	40–50 caracteres en diapositivas proyectadas; 50–80 en documentos
Viñetas	3 ideal, 5 máximo, misma longitud, un nivel de sangría como máximo, reveladas una a una
Fuentes	1 familia (2 máximo, la segunda solo grande en 1–2 palabras); evitar Calibri, Arial, fuentes script
Colores	2–3 + neutros (≤4 colores de tema), un acento; blanco roto y casi negro, nunca #FFF/#000 puro
Sombras	10–20% de opacidad en fondos claros, desenfoque proporcional a la distancia; nunca el valor predeterminado
Animación	objetos 0.2–0.5 s (0.3 preferido); transiciones 0.5–1 s (máx. 1.5); morph ≈1 s (0.5–0.7 para movimientos pequeños); retardos 0.1–0.2 s
Número de diapositivas	resultado del guion; regla general ≈15 por 10 min (un pitch de 10 min ≈13)
Contraste	verifica cada par texto/fondo a tamaño real; un acento claro (lima, amarillo) necesita una variante más oscura para texto sobre blanco roto. Objetivos WCAG numéricos (4.5:1 cuerpo, 3:1 grande): ux-ui-expert ch21

Prefiere múltiplos de 8. La escala es una guía; la consistencia dentro de la presentación importa más que el valor exacto.

Flujo de Trabajo de Generación de Presentaciones (cuando construyes diapositivas)

1. Brief: quién está en la audiencia, cuántos, cuál es la sala o el medio, cuál es el objetivo y la acción deseada, y qué software y versión presentará el archivo (ch01). Si se desconoce, indica tus suposiciones.
2. Mensaje y guion: escribe el mensaje clave en una oración, luego un guion o esquema. Marca dónde se necesita una diapositiva (ch01).
3. Estructura: aplica el sistema de tipos de diapositivas — portada, (índice), diapositivas de separación para secciones, contenido, diapositivas de enfoque para momentos clave, contraportada con un llamado a la acción — y el ritmo de fondo (ch02).
4. Storyboard: una línea por diapositiva con su título de mensaje y el visual que lo lleva (imagen, número grande, gráfico, tarjetas de iconos, línea de tiempo). Elige por función (ch06, ch07).
5. Configuración del sistema: lienzo de 1920×1080, guías y márgenes, fuentes del tema, colores del tema (roles de paleta de ch05), un pie de página (ch03, ch11). Con una marca, muestrea primero sus colores, fuentes y reglas de logotipo.
6. Construcción: un mensaje por diapositiva, la escala tipográfica anterior, texto alineado a la izquierda, el enfoque de atenuar el resto, datos reconstruidos mínimos (ch03, ch04, ch07).
7. Movimiento (si el medio lo permite): fundido por defecto, morph para continuidad, al hacer clic para lo que nombras (ch08).
8. Pase de control de calidad: ejecuta la Lista de Verificación de Revisión a continuación, visualiza la presentación en cuadrícula o clasificador de diapositivas, verifica el contraste y la legibilidad a tamaño real, y guarda una copia de seguridad en PDF (ch01, ch10).

Si la presentación también se enviará por correo electrónico (como suele ser el caso en pitch decks), planifica también la versión "documento" más densa (ch01). Cuando la empresa o los datos sean hipotéticos, marca cada figura o nombre inventado como [marcador de posición].

Al generar archivos programáticamente (python-pptx, DeckCraft, etc.), codifica los números canónicos como constantes, construye primero los masters/layouts y renderiza vistas previas para verificar desbordamiento, alineación y contraste antes de entregar.

Lista de Verificación de Revisión (auditar cualquier diapositiva o presentación)

• Organización: ¿hay un mensaje por diapositiva? ¿Los títulos enuncian conclusiones? ¿La presentación está estructurada en secciones, con un CTA al final?
• Texto: ¿la cantidad, los tamaños, la longitud de línea, la alineación, el énfasis y las viñetas están dentro de los números canónicos?
• Color: ¿cada color tiene un rol y hay un acento? ¿El contraste es adecuado? ¿No hay negro o blanco puro?
• Estilo: ¿los márgenes y las posiciones son consistentes, y las elecciones de estilo (sombras, esquinas, iconos, filtros de imagen) se aplican a toda la presentación?
• Recursos: ¿las imágenes son grandes y de alta resolución, sin marcas de agua? ¿Los iconos provienen de un solo conjunto? ¿Los gráficos y tablas están reconstruidos y simplificados?
• Para cada problema informa problema → por qué es importante → solución, y mantén–elimina–cambia los elementos (ch10).

---

Índice de Capítulos

#	Título	Marcos clave
ch01	El Proceso: Mensaje Antes que Software	3 preguntas fundamentales, proceso de 5 pasos, guion vs esquema, número de diapositivas, diapositivas vs documento, cuándo no usar diapositivas, entrega y ensayo
ch02	Estructura de la Presentación y Tipos de Diapositivas	6 tipos de diapositivas, ritmo de fondo, portada, índice, diapositivas de separación, pie de página, contraportada CTA
ch03	Maquetación y Principios de Diseño Visual	márgenes y guías, cuadrícula, alineación, proximidad, jerarquía, enfoque atenuando el resto, consistencia, restar antes de sumar
ch04	Texto y Tipografía en Diapositivas	títulos de mensaje, escala tipográfica, fuentes, interlineado/longitud de línea, énfasis, viñetas y alternativas, ajuste automático
ch05	Color	tamaños de paleta, pensamiento HSL, tintes y sombras monocromáticos, roles de color, ritmo de fondo, rojo, contraste, herramientas
ch06	Imágenes, Iconos, Fondos y Efectos	4 funciones de imagen, imágenes grandes, filtros, texto sobre fotos, iconos, logotipos, sombras, fondos, vidrio, capturas de pantalla
ch07	Datos: Gráficos, Tablas, Números y Líneas de Tiempo	un gráfico por diapositiva, destacar el dato citado, alternativas a los gráficos circulares, números grandes, tablas mínimas, líneas de tiempo, diapositivas de oferta y ley
ch08	Animación y Transiciones (Principios)	3 funciones, tiempos, al hacer clic vs con anterior, un punto a la vez, patrones de morph, bucles, restricciones corporativas
ch09	Presentaciones por Contexto	escuela, tesis, informe de prácticas, científica, corporativa, diapositivas de pitch deck, lanzamiento de producto, portfolio, formación, charlas, webinars
ch10	El Manual de Rediseño (Antes → Después)	auditoría de 5 áreas, mantener/eliminar/cambiar, dividir vs comprimir, reconstruir contenido pegado, casos de rediseño
ch11	Plantillas, Marca, IA y Recursos	cuándo usar plantillas, recolorización por roles, construcción de plantilla corporativa, reglas de marca, herramientas de IA, sitios de recursos

Índice de Temas

• Diapositiva de agenda / índice → ch02, ch10
• IA para diapositivas → ch11
• Alineación, márgenes, guías, cuadrícula → ch03
• Animación, transiciones, morph → ch08 (cómo hacerlo: slide-software-techniques)
• Contraportada / cierre / "gracias" → ch02
• Fondos → ch05, ch06
• Números grandes, porcentajes → ch07
• Directrices de marca, logotipos → ch06, ch11
• Viñetas y alternativas → ch04, ch10
• Gráficos (alternativas a circulares, resaltado) → ch07
• Paleta de colores, contraste → ch05
• Diapositivas de competidor / problema / equipo / oferta (pitch) → ch09, ch07
• Presentaciones corporativas, reuniones → ch09
• Diapositiva de portada → ch02
• Entrega: vista del presentador, control remoto, copia de seguridad en PDF, ensayo → ch01
• Documento vs diapositivas (presentaciones enviadas por correo electrónico) → ch01, ch04
• Fuentes, tamaños, interlineado → ch04
• Jerarquía, enfoque, espacio en blanco → ch03
• Iconos → ch06
• Imágenes, fotos, texto sobre foto → ch06
• Inspiración (sitios web, moodboard) → ch01, ch11
• Número de diapositivas → ch01
• Pitch deck (inversores, startup) → ch09 (diseño de diapositivas), ch07 (números, tablas), public-speaking-persuasion ch12 (secuencia de contenido)
• Tamaño de mercado, tracción, números del modelo de negocio → ch07 (números grandes, gráficos, resaltado)
• Presentaciones de portfolio → ch09
• Rediseño de diapositivas existentes → ch10
• Escuela, tesis, prácticas (PCTO) → ch09
• Sombras, vidrio, 3D, efectos → ch06
• Storyboard, guion → ch01
• Tablas → ch07
• Charlas, TEDx, webinars, formación → ch09
• Plantillas (usar / construir) → ch11
• Líneas de tiempo, Gantt → ch07

Skills Relacionados

• slide-software-techniques: menús, configuraciones y recetas en PowerPoint, Keynote, Google Slides, Canva, Figma Slides.
• public-speaking-persuasion: entrega, voz, narración, persuasión.
• ux-ui-expert: fundamentos visuales generales (leyes de tipografía, color 60-30-10, jerarquía) y psicología UX.
• creative-director: conceptos, copy y metáforas visuales.
• anthropic-skills:pptx, designcraft-expert: producción de archivos reales.

Alcance y Límites

Orientación de diseño para presentaciones en vivo y presentaciones enviadas por correo electrónico. Los números están calibrados en un lienzo de 1920×1080: escala proporcionalmente para otros tamaños. Las reglas de la empresa o marca anulan estos valores predeterminados. Dilo explícitamente cuando te desvíes.