Diseño de presentaciones e infografías que se entienden

Presentaciones de ventas, informes para la gerencia, clases, pitch para inversionistas: millones de diapositivas se diseñan cada día y la mayoría tienen el mismo problema, demasiado texto y ninguna idea clara. Para un diseñador es un mercado enorme. Las empresas pagan por plantillas corporativas, por rediseñar presentaciones importantes y por infografías que expliquen un proceso o unos resultados. Aplicarás todo lo que sabes de jerarquía, tipografía, color y retículas a un medio con reglas propias.

Una diapositiva no es un documento

Una presentación acompaña a alguien que habla. Si la diapositiva tiene todo el texto, el público lee en lugar de escuchar, y el orador sobra. Tres principios cambian cualquier presentación:

1. Una idea por diapositiva. Si tienes tres ideas, son tres diapositivas.
2. El título dice la conclusión, no el tema. En lugar de "Ventas del trimestre", escribe "Las ventas crecieron 15% gracias a la tienda en línea". Quien solo lea los títulos entiende toda la historia.
3. La evidencia debajo: un gráfico, una imagen, un dato grande o un diagrama que pruebe el título. El detalle va en las notas del orador o en un documento aparte.

La plantilla: retícula, estilos y maestras

El formato estándar es 16:9, de 1920 × 1080 px. Aplica lo que aprendiste en la lección 5 con una retícula de 12 columnas:

Márgenes laterales: 96 px · medianil: 24 px · 12 columnas
Ancho de columna = (1920 − 2 × 96 − 11 × 24) ÷ 12 = 1.464 ÷ 12 = 122 px

Con esa retícula puedes armar distribuciones de una columna (texto centrado), dos mitades (texto e imagen) o tercios (tres tarjetas) que siempre se alinean entre sí.

Tamaños de letra para proyectar

Si para que quepa el texto tienes que bajar de 24 px, la solución no es achicar la letra: es dividir la diapositiva o quitar texto.

Diapositivas maestras

En PowerPoint, Google Slides, Keynote o Canva, define los diseños maestros (portada, separador de sección, título y contenido, dos columnas, dato grande, cierre) con los estilos de texto y los colores de la marca (lección 9). Así cualquier persona de la empresa crea diapositivas coherentes sin "diseñar", que es justamente lo que el cliente paga cuando encarga una plantilla corporativa.

Datos que se entienden en segundos

• Elige el gráfico por la pregunta: barras para comparar, líneas para el tiempo, barras apiladas para la composición; los gráficos circulares, solo con dos o tres partes.
• Destaca lo importante: todas las barras en gris y la que importa en el color de la marca. El ojo va directo al mensaje.
• Etiqueta directamente: el valor sobre la barra y el nombre de la serie junto a su línea, en lugar de una leyenda lejana.
• Quita lo que no aporta: líneas de cuadrícula fuertes, bordes, efectos 3D, sombras.
• Un dato grande a veces vale más que un gráfico: "+15%" a 160 px con una línea de contexto.

Infografías

Una infografía explica algo de forma visual para que se entienda sin un orador: un proceso, una comparación, unos resultados, una línea de tiempo. Antes de abrir el programa, responde por escrito:

1. ¿Qué tiene que entender o hacer quien la lea? Un solo mensaje principal.
2. ¿Dónde se verá? En el celular (formato vertical, letra grande), impresa en un afiche o dentro de un informe.
3. ¿Qué tipo es? Proceso (pasos numerados), comparación (dos columnas), estadística (datos y gráficos), cronología o mapa.

Estructura de una infografía

1. Título que promete el aprendizaje   "Cómo preparar el café perfecto en prensa francesa"
2. Introducción breve (1-2 líneas)      por qué importa
3. Cuerpo en bloques                    pasos, datos o comparaciones con íconos
4. Conclusión o llamada a la acción     "Compra tu café Brote recién tostado"
5. Fuente de los datos y logo           siempre, en pequeño

Consejos de diseño:

• Un recorrido visual claro: de arriba abajo con números, flechas o una línea que guíe.
• Íconos de un mismo estilo (mismo grosor de línea, relleno o contorno). Mezclar estilos es el error más visible.
• Espacio entre bloques: una infografía no tiene que llenar cada centímetro.
• Para redes, formato vertical (1080 × 1350 o 1080 × 1920) o un carrusel de varias láminas (lección 7).
• Accesibilidad: buen contraste, texto legible en el celular y, si se publica en la web, el contenido también en texto para lectores de pantalla.

Diapositiva 1
Título: "El tueste medio fue el favorito: 2 de cada 3 clientes lo eligieron"
Evidencia: barras horizontales (medio 68%, intenso 22%, descafeinado 10%),
           la de tueste medio en el color de Brote y el resto en gris.
Pie: "Piloto con 120 clientes, octubre 2026".

Diapositiva 2
Título: "El precio no decide: 74% elige por sabor y frescura"
Evidencia: "74%" a 180 px y una línea de contexto.
(El comentario sobre el empaque va a las notas o a otra diapositiva.)

Infografía (1080 × 1350, retícula de 4 columnas, márgenes de 72 px)
Título: "Café perfecto en prensa francesa: 4 pasos"
1. Muele grueso: 15 g de café por cada 250 ml de agua (ícono de molino)
2. Agua a 92-96 °C, sin hervir (ícono de termómetro)
3. Espera 4 minutos (ícono de reloj)
4. Presiona despacio y sirve de inmediato (ícono de taza)
Pie: logo de Brote y "brote.pe".

Resumen

• Una idea por diapositiva, con un título que dice la conclusión y la evidencia debajo.
• Plantilla en 1920 × 1080 con retícula, estilos de la marca, diapositivas maestras y una guía de uso.
• Texto de al menos 24 px; si no cabe, divide la diapositiva.
• En los gráficos, destaca lo importante con color y etiqueta directamente.
• Una infografía empieza por su mensaje, su formato y su tipo, con un recorrido visual claro e íconos coherentes.

En la próxima lección diseñarás anuncios digitales que convierten: formatos, zonas seguras, jerarquía para captar la atención en el feed y cómo probar variantes.