Design">
Guía de Diseño Básico para Presentaciones
Guía de Diseño Básico para Presentaciones
Guía de Diseño Básico para Presentaciones
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.
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.
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.
13
Un ejemplo:
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!
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.
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:
21
Usar alguna técnica (tamaño, grosor, color, leyendas, etc.) para destacar el punto.
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:
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
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.
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