Saltar a contenido

S23 · Diseño visual + narrativa

Datos de la sesión

Fecha: jueves 10-sep-2026 · Horario: 20:00 – 22:00 · Duración: 2 h · Sesión: 23 de 47 · Unidad: 3

Primera sesión de presentaciones. La idea central: antes de abrir PowerPoint, hay que saber qué querés decir y cómo vas a contarlo. Un diseño con jerarquía clara y una narrativa bien armada valen más que cien diapositivas recargadas. Hoy sentamos las bases visuales (tipografía, color, espaciado) y armamos el guion de tu presentación con las herramientas de Word que ya dominás de la Unidad 2.

El puente U2 → U3

El guion de tu presentación lo escribís en Word, con estilos (Título 1, Título 2, Normal). Cada Título 2 será una diapositiva. Así conectás lo que ya sabés de procesador de textos con lo que empieza hoy.

Objetivos

  • Aplicar principios de jerarquía visual (tamaño, peso, color, posición) al diseño de diapositivas.
  • Elegir tipografía y paleta de color con criterio, no por gusto personal.
  • Estructurar una presentación con el modelo de 3 actos (apertura, desarrollo, cierre).
  • Escribir un guion en Word con estilos (herencia de U2) que sirva de storyboard para la presentación.
  • Aplicar la regla 1-6-6 y el principio de "una idea por diapositiva".

Contenidos

1. Jerarquía visual: el espectador siempre escanea

Cuando alguien ve una diapositiva, su ojo recorre en este orden:

  1. Lo más grande (el titular).
  2. Lo más llamativo (color, contraste, imagen).
  3. Lo que está arriba o a la izquierda (patrón de lectura occidental).
  4. El resto — si no lo leyó en 3 segundos, probablemente no lo va a leer.

Si todo grita, nada se escucha. La jerarquía visual se construye con cuatro palancas:

Palanca Cómo usarla
Tamaño El título 2× o 3× más grande que el cuerpo. Lo importante, más grande
Peso Negrita para palabras clave. Texto regular para el resto
Color Un solo color dominante + un acento para lo importante. El fondo, neutro
Posición El título arriba. La conclusión abajo. Lo secundario a los costados

La diapositiva no es un documento Word

No pegues párrafos enteros en una slide. El espectador intentará leerlos y dejará de escucharte. La diapositiva acompaña tu exposición, no la reemplaza.

2. Tipografía: menos es más

Regla de oro: máximo 2 familias tipográficas por presentación. Una para títulos, otra para cuerpo.

Rol Qué buscar Ejemplos
Títulos Con personalidad, que se lea de un vistazo Montserrat, Lato, Poppins, Calibri Bold
Cuerpo Alta legibilidad en pantalla, sin gracias o con gracias discretas Inter, Roboto, Open Sans, Calibri
Código / datos Monoespaciada, que alinee columnas JetBrains Mono, Consolas, Fira Code

¿Con o sin serifa?

En pantalla, las fuentes sin serifa (sans-serif) se leen mejor que las serifadas (Times New Roman, Garamond). Guardá las serifas para documentos impresos, no para slides.

Tamaños recomendados (para proyector a 3–5 metros):

Elemento Tamaño mínimo
Título principal 36–44 pt
Subtítulo 28–32 pt
Cuerpo de texto 24–28 pt
Notas / fuentes al pie 14–18 pt

Si bajás de 24 pt, probablemente estás poniendo demasiado texto.

3. Color: comunica sin palabras

Regla: paleta de 3 colores + fondo neutro.

Rol del color Qué hace Ejemplo
Dominante Color principal de la presentación (títulos, acentos, gráficos) Azul corporativo
Acento Lo opuesto al dominante; para llamar la atención en un punto clave Naranja o amarillo cálido
Neutro Fondo y texto base Blanco, gris muy claro, negro carbón

Contraste no es solo blanco y negro

El texto gris claro sobre fondo blanco se ve elegante en tu monitor 4K, pero ilegible en un proyector de aula. Comprobá el contraste: si entrecerrás los ojos y no distinguís el texto del fondo, aumentalo.

Herramientas rápidas para elegir paleta (gratis):

  • Coolors.co — generá una paleta con la barra espaciadora.
  • Adobe Color — rueda cromática, armonías, extraer paleta de una imagen.
  • Paletton — simulá cómo se vería la paleta completa en una web o presentación.

4. Narrativa: estructura de 3 actos

Toda buena presentación cuenta una historia. La estructura más simple y efectiva:

Acto Duración aprox. ¿Qué va acá?
Apertura (gancho) 10–15 % del tiempo Una pregunta, un dato impactante, una anécdota, un "¿sabías que…?". Acá te jugás la atención del público.
Desarrollo (cuerpo) 70–80 % 3 a 5 ideas principales, una por diapositiva. Con evidencia: datos, ejemplos, imágenes.
Cierre (llamado a la acción) 10–15 % Resumen de lo más importante + qué querés que el público haga con esa información.

El gancho de apertura: 5 fórmulas que funcionan

  1. Dato sorprendente: "El 73 % de los egresados nunca volvió a abrir Excel después de la universidad."
  2. Pregunta retórica: "¿Cuántas horas perdiste peleando con el formato de un documento?"
  3. Anécdota breve: 30 segundos de historia personal real.
  4. Analogía: "Diseñar sin jerarquía es como un supermercado sin letreros en los pasillos."
  5. Promesa concreta: "En 5 minutos van a saber cómo hacer que sus slides se lean solas."

5. Regla 1-6-6 y "una idea por diapositiva"

  • 1 idea principal por diapositiva.
  • 6 líneas de texto como máximo.
  • 6 palabras por línea como máximo.

No es una ley; es un recordatorio. Si tu diapositiva tiene 12 líneas de 15 palabras cada una, eso no es una diapositiva: es un documento disfrazado.

"Una idea por diapositiva" significa que si tenés tres argumentos a favor de tu propuesta, son tres diapositivas, no una con tres bullet points. Esto también hace que tu presentación sea modular: podés reordenar, quitar o insertar ideas sin rehacer todo.

6. Storyboarding: el guion antes del slide

Un storyboard es un plano visual de tu presentación: qué va en cada diapositiva y en qué orden. Antes de abrir PowerPoint (o Slides, o Impress), hacé esto:

  1. Agarrá papel y lápiz (o post-its). Dibujá un rectángulo por diapositiva.
  2. Adentro de cada rectángulo escribí: título (en la parte de arriba) + una frase o palabra clave (en el centro) + boceto rápido de la imagen o gráfico que acompañaría (abajo).
  3. Cuando tengas todos, miralos en secuencia. ¿La historia fluye? ¿Sobra alguno? ¿Falta algo?

Esto tarda 15 minutos y te ahorra horas de reordenar diapositivas después.

7. Guion en Word con estilos (puente U2 → U3)

Una vez que tenés el storyboard, pasalo a limpio en Word usando los estilos que aprendiste en la Unidad 2:

[Título 1]   →  Título de la presentación
[Título 2]   →  Título de cada diapositiva
[Normal]     →  Lo que vas a decir en esa diapositiva (notas del orador)

Ejemplo de guion en Word

[Título 1]  Cómo funciona la fotosíntesis
[Título 2]  ¿Qué es la fotosíntesis?
[Normal]    Explicar definición simple. La planta convierte luz en energía.
            Mencionar que ocurre en los cloroplastos.
[Título 2]  Los tres ingredientes: luz, agua, CO₂
[Normal]    Mostrar la fórmula: 6CO₂ + 6H₂O + luz → C₆H₁₂O₆ + 6O₂
            Recalcar que el oxígeno que respiramos viene de acá.
[Título 2]  El proceso paso a paso
[Normal]    Fase luminosa → Fase oscura. Mostrar diagrama en la slide.
[Título 2]  Por qué nos importa
[Normal]    Sin fotosíntesis no hay comida ni oxígeno.
            Cierre: la planta más chiquita de tu jardín está haciendo algo increíble.

Este guion es el entregable parcial de hoy para el PA3 y es el plano de tu presentación.

Cómo se hace en cada aplicación

Para la parte práctica de diseño de diapositivas, vas a usar el editor de presentaciones que elijas. Hoy no hay diferencias grandes entre ellos (los conceptos de tipografía, color y jerarquía son universales). Las diferencias empiezan en la S24 con Slide Master.

Quiero… PowerPoint Google Slides LibreOffice Impress
Abrir un archivo Ctrl+U o doble clic en el .pptx slides.new en el navegador o arrastrar .pptx Ctrl+O o arrastrar .odp
Nueva diapositiva Ctrl+I (Insertar diapositiva) o Enter en el panel izq. Ctrl+M Ctrl+M
Cambiar fuente Inicio → menú desplegable de fuente Barra de herramientas → Fuente Formato → Carácter → Fuente
Cambiar tamaño de fuente ++ctrl+shift+.++ (aumentar) / ++ctrl+shift+,++ (reducir) Barra de herramientas → Tamaño de fuente ++ctrl+[++ (aumentar) / ++ctrl+]++ (reducir)
Negrita / Cursiva Ctrl+N / Ctrl+K Ctrl+B / Ctrl+I Ctrl+B / Ctrl+I
Cambiar color de texto Inicio → Color de fuente Barra → Color de texto Formato → Carácter → Efectos de fuente → Color de fuente
Fondo de diapositiva Diseño → Formato del fondo → Relleno sólido/degradado/imagen Diapositiva → Cambiar fondo Formato → Propiedades de diapositiva → Fondo
Vista presentación F5 (desde el inicio) / Shift+F5 (desde diapo actual) Ctrl+F5 / botón "Presentar" F5 / Shift+F5

Los atajos NO son iguales en los tres

Word en español usa Ctrl+N para Negrita, Ctrl+K para Cursiva. Pero PowerPoint en español usa exactamente los mismos atajos que Word (Ctrl+N, Ctrl+K, Ctrl+S). Google Slides y LibreOffice usan los internacionales (Ctrl+B, Ctrl+I, Ctrl+U). Fijate cuál es tu editor al seguir tablas de atajos.

Actividad en clase · Guion y primeras diapositivas (50 min)

Hacelo en el editor de presentaciones que uses (PowerPoint, Slides o Impress) y Word.

Parte A — El guion en Word (20 min)

  1. Elegí un tema para tu presentación final (PA3). Puede ser:
    • Un tema académico de otra materia que estés cursando.
    • Un tutorial (cómo hacer algo en 5 pasos).
    • La presentación de un proyecto o emprendimiento.
    • Tema libre con visto bueno del docente.
  2. Abrí Word y creá un documento nuevo.
  3. Escribí el guion usando Título 1 + Título 2 + Normal como en el ejemplo de fotosíntesis (sección 7).
  4. Tu guion debe tener: 1 Título 1 + entre 8 y 12 Títulos 2 (uno por futura diapositiva) + las notas del orador en Normal.
  5. Guardalo como PA3-guion.docx.

Parte B — Tres diapositivas con diseño intencional (30 min)

  1. Abrí tu editor de presentaciones y creá una presentación en blanco.
  2. Creá las primeras 3 diapositivas de tu presentación siguiendo tu guion:
    • Diapositiva 1 (apertura): Título de la presentación + tu nombre + un gancho (dato, pregunta o frase impactante). Aplicá jerarquía (título grande, subtítulo más chico).
    • Diapositiva 2: Una idea, máximo 6 líneas, máximo 6 palabras por línea. Elegí una paleta de 3 colores y aplicala.
    • Diapositiva 3: Otra idea. Usá una fuente distinta para el título y otra para el cuerpo (máximo 2 familias distintas).
  3. Probá tu contraste: bajá el brillo de tu pantalla al 50 %. ¿Se sigue leyendo bien? Si no, ajustá.

Parte C — Cierre (5 min)

Guardá el .pptx / .odp / archivo de Slides como PA3-presentacion y el guion como PA3-guion.docx. Ambos son el entregable parcial de S23.

Atajos útiles

Acción PowerPoint (español) LibreOffice Impress Google Slides
Nueva diapositiva Ctrl+I Ctrl+M Ctrl+M
Duplicar diapositiva Ctrl+Alt+D Ctrl+Shift+D Ctrl+D
Presentación desde inicio F5 F5 Ctrl+F5
Presentación desde diapositiva actual Shift+F5 Shift+F5 Botón "Presentar"
Negrita / Cursiva / Subrayado Ctrl+N / Ctrl+K / Ctrl+S Ctrl+B / Ctrl+I / Ctrl+U Ctrl+B / Ctrl+I / Ctrl+U
Deshacer / Rehacer Ctrl+Z / Ctrl+Y Ctrl+Z / Ctrl+Y Ctrl+Z / Ctrl+Y

Tips

  • Copiá la paleta de colores, no la memorices. Cuando elijas una paleta en Coolors, tomale una captura o copiá los códigos hexadecimales (#3B82F6). Vas a necesitarlos en todas las sesiones siguientes, especialmente en S24 (Slide Master).
  • El fondo blanco no es pecado. Un fondo blanco con texto negro bien jerarquizado y un solo color de acento funciona mejor que un fondo con gradiente, textura y tres colores que compiten.
  • La regla 1-6-6 se rompe a propósito. Si tenés una cita textual de 4 líneas, va entera. Si tenés una foto que ocupa toda la diapositiva, solo lleva el título y la foto. Son guías, no grilletes.
  • Escribí el guion pensando en lo que vas a decir, no en lo que vas a mostrar. Las notas del orador (Normal en tu guion) son tu libreto. Las diapositivas son el apoyo visual. No son lo mismo.

Recursos

  • Coolors — presioná la barra espaciadora para generar combinaciones
  • Adobe Color — rueda cromática con reglas de armonía
  • Paletton — simulador de paleta en contexto