Diseño de presentaciones visuales
•Download as PPT, PDF•
23 likes•34,102 views
Algunas primeras pautas de cómo diseñar una presentación visual que acompañe a una presentación oral eficaz. Vídeo de la presentación aquí http://www.um.es/atica/contenidos/streaming/FLASH/player2.php?formato=169&video=473/1789.mp4 Material realizado para la asignatura Organización Escolar y Recursos Educativos del Grado de Educación Primaria de la Universidad de Murcia, curso 2011-2012. Las ideas de esta presentación provienen de la literatura especializada (hay mucha y muy interesante). De la revisada habría que destacar los dos libros de Garr Reynolds (2008: Presentation Zen: Simple Ideas on Presentation Design and Delivery y 2011: Presentation Zen Design: Simple Design Principles and Techniques to Enhance Your Presentations), los dos de Nancy Duarte (2008: slide:ology: The Art and Science of Creating Great Presentations y 2010: Resonate: Present Visual Stories that Transform Audiences), el de Cliff Atkinson de 2007: Beyond the Bullet Points. Algunas de las diapositivas son originales del profesor Jordi Adell de la Universidad Jaime I de Castellón, así como la asesoría en literatura especializada. Las diaspositivas ejemplo provienen de otras presentaciones que he ido realizando en los últimos años. Las imágenes que no están referenciadas (texto pequeño en la misma imagen) provienen del servicio Stock http://www.sxc.hu o de mi colección de fotos personal que está subida en flickr con licencia CC http://www.flickr.com/photos/lindacastaneda/
![Dpto. de Didáctica y Organización Escolar Linda Castañeda Quintero [email_address] ¿Cómo hacer presentaciones orales? Diseño de presentaciones visuales Organización Escolar y Recursos Educativos](https://image.slidesharecdn.com/hacerpresosvisuales-110907082540-phpapp01/85/Diseno-de-presentaciones-visuales-1-320.jpg)
Recommended
More Related Content
Viewers also liked
Viewers also liked (16)
Similar to Diseño de presentaciones visuales
Similar to Diseño de presentaciones visuales (20)
More from Linda Castañeda
More from Linda Castañeda (20)
Recently uploaded
Recently uploaded (20)
Diseño de presentaciones visuales
- 1. Dpto. de Didáctica y Organización Escolar Linda Castañeda Quintero [email_address] ¿Cómo hacer presentaciones orales? Diseño de presentaciones visuales Organización Escolar y Recursos Educativos
- 2. “ The more people know your idea, The more powerful it becomes” Seth Godin
- 3. Cortesía de Jordi Adell
- 5. Work in progress By Michael Daves in http://www.flickr.com/photos/mdales/4871529124
- 9. Image licensed under Creative Commons by Michael Mistretta: www.flickr.com/photos/definetheline/2644671002/ “ Los mejores profesores son aquellos te dicen dónde mirar, pero no te dicen qué debes ver” Alexandra K. Trenfor
- 10. Directions by Peat Bake http://www.flickr.com/photos/mistermoss/3134331944 Demasiada información = Sobrecarga cognitiva
- 11. Una idea por diapositiva
- 14. Para todos, para el de la última fila
- 15. Para todos, para el de la última fila
- 20. ¿Tamaño?
- 21. ¿Tipo? Futura Md . Helvetica Franklin Verdana . Arial Calibri . Century Gothic . Sans Serif Estándar No más de 2 tipos
- 22. ¿O una idea sobre la educación con o sin TIC?
- 24. http://farm1.static.flickr.com/11/13921422_452143ebd0_z.jpg By fd Iluminar la esencia
- 25. http://www.flickr.com/photos/thebottomlesspaddlingpool/5250059559 por The Bottomless Paddling Pool
- 26. http://farm5.static.flickr.com/4051/4267666997_3845eef8df_b.jpg By Nina Matthews Photography(find me on FB ¿cuál es el propósito de la educación para vosotros?
- 28. P L E Entorn Personal d' Aprenentatge
- 29. 2 Sugerencias: habla con la cabeza y el corazón , y habla en plata http://www.flickr.com/photos/mcgraths/3277839203/ by seanmcgrath
- 31. Mejor que no….
- 36. Primeras Redes: Internet, Web Hipertexto Texto Conectado ¿Libros conectados? Ordenador multimedia: Transmisión multimedia del contenido (Presentaciones visuales) Hipermedias
- 38. Competencia TIC para la Docencia
- 42. “ Day 86 - Head in the Clouds ” By Margolove In http://www.flickr.com/photos/margolove/1909249179/in/set-72157606471524930/ Leer Reflexionar Compartir Formal Informal NO formal PLE
- 44. El PLE no és una qüestió d’habilitats si no d’ actituds
- 48. “ EMOTIONWARE el 5º elemento ” @fgpaez http://farm6.static.flickr.com/5180/5451586507_3bcf9e4d18_b.jpg By Le monde à Desirée
- 49. Imágenes con fuerza Sam Sahan Thomas by Sukanto Debnath http://www.flickr.com/photos/sukanto_debnath/2354615165
- 51. Personifique ideas http://farm4.static.flickr.com/3577/3443631316_7e0716b2a0.jpg By Shanghai Daddy
- 61. Imágenes de Calidad (y con permiso)
- 62. Imágenes de Calidad (y con permiso)
- 63. Imágenes de Calidad (y con permiso)
- 64. Imágenes de Calidad (y con permiso)
- 68. Cortesía de Alenjandro Espinosa
- 72. VEN, y ¡toma la palabra! Image: “Megan” by andrea_rose in http://www.flickr.com/photos/28913916@N02/5307901102
- 73. Use el ordenador cuando “lo tenga claro”
- 76. Dpto. de Didáctica y Organización Escolar Linda Castañeda Quintero [email_address] ¿Cómo hacer presentaciones orales? Diseño de presentaciones visuales Organización Escolar y Recursos Educativos
Editor's Notes
- No es baladí, refuerza el mensaje, determina el tipo y frecuencia de la redundancia a usar, cómo la presentación nos va a acompañar en el discurso y hará de la presentación más que una sucesión de diapositivas, una experiencia.
- Empezar con el diseño de una presentación visual es la última parte de un camino que debimos emprender mucho antes y seguramente lejos del ordenador, o al menos lejos de nuestra herramienta de diseño de presentaciones… Ya tenemos un guión y lo que queremos decir… poidemos convertir ese guión en un storyboard…
- Recuerde que no se trata de hacer una explicación de todo y convertir todo lo que va a decir… no se trata de que le reemplacen, sino que le apoyen.
- Texto + imágenes Una imagen vale más que 1000 palabras, pero un texto que complemente una buena imagen puedehacer un mensaje fuerte y poderoso
- DIAPO EJEMPLO Una imagen sola puede ser muy potente, pero una imagen con el texto adecuado puede sugerir una idea mucho más poderosa, si cabe.
- No llene las diapositivas de ideas: creará confusión y no pasará de la tercera en toda la hora.
- ENRIQUECER EL PROCESO DE COMUNICACIÓN. Diseñar una herramienta, un medio que nos ayudará a comunicar mejor el mensaje…
- El predominio del texto sobre la imagen, aburren mortalmente, incluso al público más entregado. Recuerde que va a explicar la diapositiva… Piense ¿hay algo de lo que hay en la diapositiva que pueda quitar sin perder significado? Quítelo
- DIAPO EJEMPLO: No a las interminables listas de viñetas por muchos motivos: Se basan exclusivamente en texto (los estudios revelan que texto y voz repitiendo lo mismo no se refuerzan sino que se anulan). Incitan a los oradores a leer el texto Cuantos más elementos en las listas y más palabras en cada elemento, más pequeño es el tamaño de letra peor se lee. Si no podemos evitarlo, podemos enmascarar la lista de forma que refuerce.
- DIAPO EJEMPLO: lista enmascarada
- Demasiados tipos de latra dificultan la comprensión y la lectura
- DIAPO EJEMPLO Podemos jugar con los tipos siempre que el mensaje nos lo permita, e incluso con la posición del texto, NO hace falta que siempre esté en horizontal
- El color sirve para iluminar la esencia de tu mensaje: Por ello no debes usar más colores de los estrictamente necesarios… Recuerda: balance, armonía, claridad, y simplicidad, esas son las claves.
- DIAPO EJEMPLO Color: poner un titular una imágen
- DIAPO EJEMPLO Para enfatizar el flujo de una o varias ideas en otras mayores. Es evidente que este esquema no se va a leer entero, pero las dos partes claves que configuraron la acción en esta investigación, quedan claramente diferenciadas po
- DIAPO EJEMPLO Color: para hacer énfasis o destacar
- DIAPO EJEMPLO Color: remarcar emociones
- DIAPO EJEMPLO Aunque nos puedan parecer buenas ideas, las plantillas constriñen y condicionan el diseño de las diapositivas… es preferible dejar que el propio diseño de TUS diapositivas fluya. Sí, esta diapositiva también es mía y la usé en una presentación… jejejeje todos tenemos un pasado ;-)
- DIAPO EJEMPLO
- DIAPO EJEMPLO Usar los componentes de una misma gama de color es siempre una buena idea
- DIAPO EJEMPLO
- DIAPO EJEMPLO
- DIAPO EJEMPLO Combinación de colores: blanco y negro usando color sólo para enfatizar
- Imágenes comunican ideas y sentimientos… ilustran nuestro mensaje…
- DIAPO EJEMPLO: Las imágenes ilustran ideas y sentimientos
- DIAPO DEMO
- Evitando chiclés
- Pero no TODOS los datos… simplifique, piense en la relación señal/ruido
- DIAPO EJEMPLO
- Pero no TODOS los datos… simplifique, piense en la relación señal/ruido
- DIAPO EJEMPLO
- DIAPO EJEMPLO
- Pero no TODOS los datos… simplifique, piense en la relación señal/ruido
- Alta resolución y gran tamaño (fotos o vídeos)
- DIAPO EJEMPLO Baja resolución pierde detalle e interés
- DIAPO EJEMPLO Pequeña pierde efecto e impacto
- Use fotos libres de stock (i.e., istockphoto.com) o Sección CreativeCommons en Flickr u otros sitios de la Internet con fotos libres y gratuitas.
- http://flickrcc.bluemountains.net
- http://www.sxc.hu/
- NO al clip art y por supuesto NO Gifts Animados
- Imágenes comunican ideas y sentimientos… ilustran nuestro mensaje…
- DIAPO EJEMPLO Aprovecha los espacios… los espacios enn las imágenes nos dan margen para decir cosas interesantes.
- Qué software usamos?
- Mushware… no hardware ni software… lo que seas capaz de pensar, uimaginar y crear
- Las ideas de esta presentación provienen de la literatura especializada (hay mucha y muy interesante). De la revisada habría que destacar los dos libros de Garr Reynolds (2008: Presentation Zen: Simple Ideas on Presentation Design and Delivery y 2011: Presentation Zen Design: Simple Design Principles and Techniques to Enhance Your Presentations), los dos de Nancy Duarte (2008: slide:ology: The Art and Science of Creating Great Presentations y 2010: Resonate: Present Visual Stories that Transform Audiences), el de Cliff Atkinson de 2007: Beyond the Bullet Points. Algunas de las diapositivas son originales del profesor Jordi Adell de la Universidad Jaime I de Castellón, así como la asesoría en literatura especializada. Las diaspositivas ejemplo provienen de otras presentaciones que he ido realizando en los últimos años. Las imágenes que no están referenciadas (texto pequeño en la misma imagen) provienen del servicio Stock http://www.sxc.hu o de mi colección de fotos personal que está subida en flickr con licencia CC http://www.flickr.com/photos/lindacastaneda/