Guía

de diseño básico
para presentaciones
Alcance
Orientado a Power Point,
Conceptual (no software),
Perspectiva Práctica,
Sólo Diseño (no oratoria).

2
Por qué es
importante?
Está demostrado que un diseño
atractivo y profesional, con
ayudas visuales, no sólo
predisponen al receptor a
entender y dar atención al
contenido sino que además lo
hace más persuasivo y
memorable.
Sin embargo suele estar fuera del
radar de habilidades a desarrollar!
Contribución marginal alta.

Conocer las decisiones de

diseño disponibles y las reglas
básicas es el primer paso para
mejorar. 3
…Un ejemplo
4
 “La creatividad cons iste
simplemente en conectar
cos as ”.
-Steve Jobs

5
Planificación
1. Cuál es el Objetivo/Mensaje?
2. Quién es el Destinatario?
(determinará el estilo global)
3. Recopilar la Información
Adecuada.
4. Encontrar la “Historia” a contar.
5. Crear un Bosquejo
(en papel y lápiz!)
6. Decisiones de Diseño: Temas
Visuales, Colores, Tipografías,
Gráficos, etc.

6
“Cada gran dis eño comienza
con una historia aún mejor.”
-Lorinda Mamo

7
Temas Visuales
✓ La solución más rápida para la hoja vacía es Copiar!
✓ Es mucho más eficaz cuando se utilizan elementos vinculados al
contenido.
✓ Los software ofrecen alternativas propias (Power Point; Google
Presentaciones; Prezi), pero en la web es donde se consiguen más
recursos. Por ejemplo:

8
9
 “El contenido precede al
dis eño. Diseñar en aus encia
de contenido no es dis eño. Es
decoración.”
-Jeffrey Zeldman

10
Psicología de los Colores
Hablan por sí mismos porque comunicacan ideas y emociones a un
nivel subconsciente. Conocer esa “carga” nos permitirá reforzar
nuestros mensajes. En la cultura occidental las asociaciones más
comunes son:
Enojo, pasión, amor, llamado de Lujo, creatividad, imaginación,
atención, atrevimiento, coraje, energía. sabiduría, sensabilidad.

Amistad, confianza, optimismo, Elegancia, misterio, oscuridad,

alegría, diversión, juventud, aventura. lujo, poder, control, autoridad.

Esperanza, alegría, felicidad, claridad, Pureza, limpieza, simplicidad, neutralidad,

afecto, entusiasmo, espontaneidad. calma, esperanza, bondad.

Fertilidad, naturaleza, abundancia, paz, Duradero, honestidad, comfort,

salud, crecimiento, dinero, seguridad. hogar, estabilidad, naturaleza.

Profesionalismo, calma, transparencia, Quietud, neutralidad, madurez,

confianza, lealtad, fortaleza. estabilidad, conservador,
compromiso.
11
Esquema de Colores
Utilizar la Rueda de Colores es una manera lógica, sencilla y ágil de garantizar
consistencia y contraste a la hora de elegir una combinación de colores.
Existen sitios gratuitos que generan esquemas aleatorios de manera
automática: (https://color.adobe.com/es/create ; https://coolors .co/ ;
https://colorhunt.co/ ;etc.)
Cálidos Fríos
1 3
3 2

2 3 Monocromático Complementarios

3 1

1 3
Tríada
3 2

Ejemplo
Monocromático
+ Tríada 12
Consejos sobre Colores
Mantenerlo Simple. En general no usar más de 3 colores.

Utilizar la Proporción 60/30/10 para garantizar Balance.

Ser Consistente es mucho más importante que ser Único.

Utilizar los colores de la empresa.

No dejar que los Colores quiten la atención a los Datos.

Utilizar la gama de tintes, tonos y sombras.

13
Un ejemplo:

Utilizar colores apagados para el

fondo. 14
“El color es un medio para
ejercer influencia directa
sobre el alma de las
pers onas .”
-Vassily Kandinsky

15
Tipografía
La disposición y el diseño del tipo de letra son determinantes a la hora de
provocar una respuesta emocional (interés o estado de ánimo) en el
espectador. Al igual que el Color es un elemento que habla por sí mismo, sin
importar su contenido. Veamos algunas de las reglas de uso con mayor
consenso:
Usar Sans Serif para presentaciones, ya que le texto es limitado y
debe ser clara y legible desde lejos:

16
Combinar Serif con Sans Serif ayuda a crear contraste. No combinar
fuentes de una misma clasificación (ej. Script), sí de una familia. No usar
más de 3!

Conocer la Psicología de las fuente, y evitar las fuentes

predeterminadas y los clichés. Existen sitios gratuitos para conseguir
alternativas (https://fonts.google.com/;
https://www.fontsquirrel.com/; …)

17
Asignar un Rol o Jerarquía de
forma que cada elemento (título,
subtítulo, cuerpo, etc.), tenga una
característica de fuente particular
y se logre el contraste deseado.

Elegir el Tamaño Adecuado.

Texto ≈ 20 puntos, y 36 a 44
para títulos. Script y Serif
requieren mayor tamaño.
Limitar la cantidad de texto: pocos mensajes por diapositiva;
máximo de 6 objetos/viñetas para retener la atención del
auditorio.
Revisar la legibilidad! No escribir en MAYÚSCULA; ante la duda
limitar el ancho de cada línea y ampliar el interlineado. Además:
 “Un dis eñador es un
planificador con sentido
estético.”
-Bruno Munari

19
Creando
Gráficos
Efectivos

20
Destacando el mensaje
Hay mucha bibliografía al respecto, pero consenso general en la importancia de
planificar la manera más clara y concisa de transmitir un mensaje antes de
apurarse a manipular gráficos. Algunas de las consideraciones más útiles:

¿Esto es indispensable o puede ser resumido?

21
Usar alguna técnica (tamaño, grosor, color, leyendas, etc.) para destacar el punto.

De ser posible eliminar la cuadrícula y los marcadores. Sólo etiquetar lo indispensable.

22
Cuando sea posible eliminar las leyendas, esto reduce el movimiento del ojo.

23
“Practica un dis eño
seguro: us a un
concepto.”
-Petrula Vrontikis

24
 Bonus
Track!
Otros elementos relevantes de diseño para
lograr un diseño destacado y funcional:
Íconos, Imágenes, Divisores, etc.

25
Usando Íconos
Para lograr una comunicación visual efectiva es necesaria la habilidad para combinar
imágenes con la menor cantidad de texto posible. Un manera de hacerlo es usando
íconos apropiadamente. Veamos algunos consejos:

Para reemplazar nombres y títulos

En gráficos
y tablas

Reforzando
el Tema
Visual
26
En listas En encabezados

Para el fondo

27
 Personalizando imágenes

Mantener
el estilo
utilizado

Alineado con el estilo tipográfico

Y con la
paleta de
colores

28
Imágenes de Fondo
Atraen la atención y permiten apalancar el mensaje, pero son útiles sólo cuando
referencian al contenido y si se usan complementando el Tema Visual. Suele ser
necesario adecuar el contraste y la transparencia para garantizar la legibilidad.

29
Dividiendo Secciones
Un recurso útil para ordenar el mensaje a través de colores, flechas, líneas,
cintas de texto, números, etc.

30
Consejos Finales Usar figuras geométricas y números
Utilizar la regla para alinear los
aumentados para destacar
elementos. Prestar atención a
contenido, enmarcarlo y crear
los márgenes y el espaciado.
interés visual.

Transiciones y Animaciones. Revisar la Ortografía Citar las Fuentes.

y pedir Feedback. 31
 “El dis eño es muy
simple, por es o es tan
complicado.”
-Paul Rand

32
Poniéndolo
en Práctica
Busquemos espacios de mejora en
algunos slides preparados por el área.

33
Ejemplos
de Slides

34
Muchas gracias!
Template libre utilizado para esta presentación:
https://www.slides carnival.com/es/plantilla-de-pres entacion-gratis-
eglamour/1947
✓
Recursos
https://www.visme.co/wp-content/uploads/2017/03/How%20to%20Make%20an%20Infographic%20-
%20A%20Visual%20Guide%20for%20Beginners%20By%20Visme.pdf
✓ https://blog.prezi.com/es/e-book-la-ciencia-de-las-presentaciones-efectivas/
✓ https://blog.prezi.com/es/choose-the-best-colors-for-presentations/
✓ https://piktochart.com/blog/the-anatomy-of-a-winning-infographic-ebook/
✓ https://piktochart.com/blog/layout-cheat-sheet-making-the-best-out-of-visual-arrangement/
✓ https://piktochart.com/blog/pick-great-color-schemes-your-infographics/
✓ https://venngage.com/blog/infographic-design-the-dos-and-donts-of-color-selection/
✓ https://visme.co/blog/infographic-color-schemes/
✓ https://graf1x.com/color-psychology-emotion-meaning-poster/
✓ https://visual.ly/community/infographic/business/18-rules-using-text
✓ https://blog.prezi.com/es/los-mejores-consejos-tipograficos-presentaciones/
✓ https://visual.ly/community/infographic/business/18-rules-using-text
✓ https://www.tableau.com/learn/whitepapers/tableau-visual-guidebook
✓ https://blog.hubspot.com/marketing/types-of-graphs-for-data-visualization
✓ https://uxdesign.cc/designing-charts-principles-every-designer-should-know-5bd3969a0150
✓ https://cdn2.hubspot.net/hub/53/file-863940581-
pdf/Data_Visualization_101_How_to_Design_Charts_and_Graphs.pdf