Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

El diseño de presentaciones educativas

3,239 views

Published on

Un tutorial sobre la creación de presentaciones educativas orientadas al aula.

Published in: Education
  • Be the first to comment

El diseño de presentaciones educativas

  1. 1. Presentaciones educativas FUNDAMENTOS, TÉCNICAS, RECURSOS Francesc Llorens El diseño de
  2. 2. Consideración previa Este tutorial pretende ofrecer recomendaciones sobre la elaboración de presentaciones educativas destinadas a ser proyectadas en el aula. Aún compartiendo los principios básicos, si las presentaciones se orientan a otro tipo de contextos (conferencias, showcases, briefings, marketing, ventas, etc.) puede que tengan otras características.
  3. 3. Particularidad de las presentaciones educativas Las presentaciones de aula, además de pensarse como soportes visuales para las explicaciones del profesorado, suelen a veces entregarse a los alumnos, a modo de apuntes. Por lo tanto, podemos comenzar asumiendo que: 1. Una presentación educativa probablemente contendrá más texto que otro tipo de presentaciones. 2. Una presentación educativa está constreñida en cuanto a información, imágenes, gráficas, etc., por los contenidos de la materia que vehicula.
  4. 4. Particularidad de las presentaciones educativas Las presentaciones educativas deben adecuar sus estándares de diseño a un entorno físico concreto, que es difícil de determinar a priori. Por ejemplo, un aula de tamaño medio en educación secundaria tiene una capacidad de unos 30 alumnos y unas dimensiones aproximadas de 8 x 8 m. Un aula universitaria tiene un tamaño mucho mayor. El proyector, su potencia, distancia a la pantalla, luminosidad del aula, etc., influyen asimismo en la legibilidad y la calidad de la visualización.
  5. 5. Presentaciones con y sin orador • Dado que se apoyan más en la oralidad, es suficiente con que subrayen las ideas principales. • No necesitan explicaciones detalladas de los conceptos, para eso está el profesor. • Permiten dedicar más espacio en las diapositivas a las imágenes, lo que incrementa el impacto. • Parecidas a materiales de estudio: mayor profusión y autonomía. • Requieren detalle explicativo, si los alumnos van a tener que estudiarlas. • Mayor presencia de texto de párrafo. • Más condicionadas por los contenidos curriculares. Las presentaciones educativas pueden concebirse como soportes visuales a una exposición oral, o bien como materiales complementarios de estudio. Ello se corresponde con los conceptos de presentaciones ‘con orador’ y ‘sin orador’. Es frecuente que se den mezclas de ambas, pero es preferible claridad respecto al modelo elegido Presentaciones con orador Presentaciones sin orador (stand-alone)
  6. 6. ¿Empezamos?
  7. 7. CLARIDAD. Ofrecer los contenidos de forma comprensible y lógicamente ordenada. LEGIBILIDAD. Tanto en el contenido como en el diseño, huyendo de formulaciones y propuestas abstrusas (por ejemplo, la propia palabra ‘abstrusa’ !). SIMPLICIDAD. Preferir diseños sencillos, sin artificios decorativos. CONCRECIÓN. Abordar los temas directamente, sin digresiones. Algunos principios de una buena presentación educativa
  8. 8. ¿Por qué?
  9. 9. Porque, ¡atención, axioma! Una presentación es un complemento a una exposición oral, no su sustituto Aún en el caso de las presentaciones ‘sin orador’, lo normal es que los contenidos hayan sido explicados verbalmente en el aula durante las sesiones lectivas
  10. 10. Tanto da que sea una aplicación de escritorio, una app o una aplicación online. Aunque las aplicaciones de escritorio suelen ser más completas y cómodas. Para hacer presentaciones solo necesitas UNA cosa… (y… ¡practicar, practicar, practicar!) Una herramienta que haga presentaciones
  11. 11. TIPOGRAFÍAS. Conocer fuentes tipográficas y estilos ayudará a la legibilidad de tu presentación. TEORÍA DEL COLOR. Te ayudará a elegir paletas equilibradas que armonicen entre sí y no saturen la vista. COMPOSICIÓN. Distribución de los elementos sobre el plano, para que tus presentaciones no sean un ‘totum revolutum’. FOTOGRAFÍAS Y GRÁFICOS. Poseer nociones sobre el uso de imágenes y gráficos, dará a tus presentaciones un aspecto profesional. MISCELÁNEA Vídeos, animaciones, transiciones, plantillas, elementos de énfasis, etc… Pero, para hacer BUENAS presentaciones, es aconsejable aprender algo sobre… Vamos, pues, a seguir este índice…
  12. 12. La tipografía debe ser clara y bella en aras de la comunicación. Beatrice Warde “ TIPOGRAFÍAS
  13. 13. 3. CALIGRÁFICAS. Imitan la escritura manual.1. LINEALES (paloseco o sans serif). Son las más legibles. No poseen terminaciones ni adornos. 2. CLÁSICAS (romanas o serif). Asociadas a los textos impresos. Poseen terminaciones llamadas ‘gracias’. 4. DECORATIVAS. Tipografías especialmente diseñadas para titulares o conseguir efectos específicos. Los ‘tipos de letra’ se denominan fuentes. Existen muchas clasificaciones. Las más importantes son… Las fuentes tipográficas
  14. 14. 1. LINEALES 2. CLÁSICAS 3. CALIGRÁFICAS 4. DECORATIVAS Recomendadas para TODOS los elementos de texto de una presentación. Particularmente recomendada para el texto de párrafo. Aconsejadas para los elementos de texto de una presentación, aunque deben preferirse las lineales. Si se combinan con lineales, dejar las las clásicas para titulares. Para elementos de texto ocasionales o en presentaciones educativas muy específicas (por ejemplo, la ‘Comic Sans’ podría utilizarse en una presentación para niños, pero nunca para alumnos mayores). No deben utilizarse para texto de párrafo por su poca legibilidad. Solo ocasionalmente para titulares. Se recomienda prescindir de tipografías decorativas exageradas. Uso de las tipografías
  15. 15. 1. GROSOR o espesor. El cambio de grosor produce la negrita o ‘bold’. Algunas fuentes (no todas) poseen juegos de media negrita (medium bold), doble negrita (ultra bold o heavy) o, al revés, estilos ultra light. Se utiliza en resaltes y destacados. 2. INCLINACIÓN. La inclinación de la fuente produce la cursiva o itálica. Suele usarse en citas, títulos de libros y artículos o palabras en otros idiomas. 3. CAJA. La caja determina si la fuente es minúscula, MAYÚSCULA, o MAYÚSCULA PEQUEÑA (denominada ‘versalita’). Mayúsculas y versales se usan en títulos, subtítulos y entradillas. 4. TAMAÑO o cuerpo. Una fuente puede ser dimensionada a casi cualquier tamaño, debido a su diseño escalable. Las fuentes escalables se denominan TrueType. 5. ESPACIADO o interletrado. Determina la d i s t a n c i a entre las letras de una fuente. Esta característica la aporta el software informático. Las fuentes tienen variaciones o “estilos”. Los más habituales son la negrita o la cursiva, pero hay otros interesantes. El conjunto de todas los estilos de una fuente es el ‘juego’ o ‘familia’ de dicha fuente Los estilos de una fuente se construyen según su… Los ‘estilos’ de las fuentes
  16. 16. En la imagen superior, la fuente ‘Avenir Next’ con todas sus variaciones o estilos. Esta presentación utiliza exclusivamente la fuente ‘Avenir Next’, combinando grosores, tamaños, condensado y colores Lorem ipsum dolor sit amet consectetur adipiscing elit Lorem ipsum dolor sit amet consectetur adipiscing elit Lorem ipsum dolor sit amet consectetur adipiscing elit LOREM IPSUM DOLOR SIT AMET CONSECTETUR ADIPISCING ELIT Lorem ipsum dolor sit amet consectetur adipiscing Lorem ipsum dolor sit amet consectetur adipiscing elit Lorem ipsum dolor sit amet consectetur adipiscing elit • AVENIR NEXT ULTRA LIGHT • AVENIR NEXT NORMAL o REGULAR • AVENIR NEXT ULTRA LIGHT CURSIVA o ITALIC • AVENIR NEXT ULTRA BOLD o HEAVY • AVENIR NEXT CONDENSADA • AVENIR NEXT VERSALITA • AVENIR NEXT ESPACIADA (interletraje alto) Variaciones tipográficas
  17. 17. No es fácil combinar fuentes en las presentaciones, pues suele caerse en la tentación de elegir vistosas tipografías que acaban ‘compitiendo’ entre sí por el espacio visual y desviando la atención del mensaje. Aún así, pueden darse recomendaciones basadas en la naturaleza de las fuentes y en la función semántica a la que contribuyen 1. Una presentación debe utilizar el mínimo de tipografías posible. 2. Debe preferirse jugar con los estilos de una única fuente, incluso con el color, antes que utilizar nuevas fuentes. 3. Las tipografías caligráficas y las decorativas deben restringirse, o simplemente descartarse en presentaciones educativas. 4. Si se decide combinar fuentes, una presentación educativa no debería utilizar nunca más de TRES (si DOS, mejor). Ello se basa en la siguiente lógica: una página-tipo de una presentación contendrá en la mayoría de los casos tres elementos: un titular, texto de párrafo y resaltes (entradillas, pies de gráficos, citas, etc.) Combinación de fuentes
  18. 18. Guernica. Pablo Picasso. 1937 EL ‘GUERNICA’ DE PICASSO MUCHO MÁS QUE UN CUADRO Ejemplos Guernica. Pablo Picasso. 1937 EL ‘GUERNICA’ DE PICASSO MUCHO MÁS QUE UN CUADRO Guernica, cuadro de Pablo Picasso, pintado entre mayo y junio de 1937, cuyo título alude al bombardeo de Guernica (26 abril 1937) durante la Guerra Civil española. Pintado por encargo del Director General de Bellas Artes, Josep Renau, a petición del Gobierno de la II República, para ser expuesto en el pabellón español durante la Exposición Internacional de 1937 en París. Guernica, cuadro de Pablo Picasso, pintado entre mayo y junio de 1937, cuyo título alude al bombardeo de Guernica (26 abril 1937) durante la Guerra Civil española. Pintado por encargo del Director General de Bellas Artes, Josep Renau, a petición del Gobierno de la II República, para ser expuesto en el pabellón español durante la Exposición Internacional de 1937 en París.
  19. 19. Guernica, cuadro de Pablo Picasso, pintado entre mayo y junio de 1937, cuyo título alude al bombardeo de Guernica (26 abril 1937) durante la Guerra Civil española. Pintado por encargo del Director General de Bellas Artes, Josep Renau, a petición del Gobierno de la II República, para ser expuesto en el pabellón español durante la Exposición Internacional de 1937 en París. Guernica. Pablo Picasso. 1937 EL ‘GUERNICA’ DE PICASSO MUCHO MÁS QUE UN CUADRO Ejemplos
  20. 20. Poniéndolo todo junto…
  21. 21. • CANTIDAD. Minimizar la cantidad de texto de párrafo de las diapositivas te permitirá, además, usar un cuerpo de letra mayor. • DISTRIBUCIÓN. Con frecuencia se indica esta regla, que debe tomarse de modo orientativo: “no más de siete palabras por línea y no más de siete líneas por párrafo”. 1Consejo “Menos es más” En el ámbito de las presentaciones, y en relación con los textos de párrafo, recuerda esta máxima: “Resume el texto todo lo que puedas, y cuando ya no puedas más, elimina lo que sobra”
  22. 22. • ALINEACIÓN. En el texto de párrafo evita la alineación a izquierda y derecha (el justificado). Eso es propio del texto escrito. • SEPARACIÓN. Separa los párrafos en un espaciado mayor del que hay entre las líneas de un párrafo. • CUERPO. El texto de párrafo no debe tener un cuerpo inferior a 18 puntos, para su correcta lectura en una proyección en un aula convencional. 2Consejo “Disposición del texto” El texto de párrafo es, en definitiva, el ‘contenido’ de la diapositiva. Es importante respetar ciertos criterios de formato para asegurar su legibilidad
  23. 23. • TITULARES. Es una buena idea utilizar formatos grandes que combinen tonalidades para llamar la atención, dándole al texto un carácter ‘gráfico’. • SIMPLIFICA LOS ESTILOS. No apliques estilos diferentes, cursiva, subrayado, negrita, etc., en una misma palabra (y tampoco mezcles demasiados estilos en los párrafos). 3Consejo “Fuentes grandes, estilos simples” Exagerar el tamaño de las fuentes es a veces un buen recurso para llamar la atención
  24. 24. • COLORES. Minimiza la cantidad de colores de tus fuentes. Si debes elegir varios colores, escoge un color armónico para cada elemento de texto (titular, párrafo, resaltes) y mantenlo constante durante la presentación. • TONALIDADES. Evita las tonalidades extremas de un color (por ejemplo, evita el negro puro para la fuente, el rojo puro, el verde puro, etc.). El ojo te lo agradecerá. Quédate un par de tonalidades por debajo o por encima del color puro. 4Consejo “El color del texto” Evita las tonalidades extremas (primarias) de un color (por ejemplo, evita el negro puro para la fuente, el rojo puro, el verde puro, etc.). El ojo te lo agradecerá. Quédate un par de tonalidades por debajo o por encima del color puro. Evita las tonalidades extremas (primarias) de un color (por ejemplo, evita el negro puro para la fuente, el rojo puro, el verde puro, etc.). El ojo te lo agradecerá. Quédate un par de tonalidades por debajo o por encima del color puro. Evita las tonalidades extremas (primarias) de un color (por ejemplo, evita el negro puro para la fuente, el rojo puro, el verde puro, etc.). El ojo te lo agradecerá. Quédate un par de tonalidades por debajo o por encima del color puro. Como regla general, no utilices los colores puros para los textos: saturan, vibran con facilidad y no resultan en absoluto profesionales
  25. 25. Hay colores que atraen por su gracia y otros que se rechazan con enfado. J. W. Goethe “ COLOR
  26. 26. El círculo cromático o ‘rueda del color’ La ‘rueda de color’ es un círculo en el que se distribuyen los colores según se obtienen a partir de la mezcla de los colores primarios. Esta rueda, referente básico de todo trabajo con colores, nos permite entender cómo se forman y su relación, identificando los colores análogos y los complementarios, así como las tonalidades de un mismo color. El color es un elemento fundamental de todo producto gráfico y una presentación lo es. Poseer nociones sobre los colores proporcionará a una presentación un mayor atractivo, equilibrio y coherencia visual
  27. 27. Los colores en la informática Todos los colores del círculo cromático se construyen a partir de TRES colores PRIMARIOS, que, en el caso de los colores-luz, son: • Rojo (Red) • Verde (Green) • Azul (Blue) Cada color de la rueda (virtualmente, millones) se obtiene combinando en diferente proporción los tres colores primarios. Los programas de presentaciones permiten tal combinación, y también traen ya prefiguradas paletas de colores para facilitar su aplicación. Una presentación es un producto informático construido en una pantalla que no es sino LUZ, por lo que nos limitaremos a los colores obtenidos sobre este medio
  28. 28. El modelo clásico de representación de los colores en informática es el modelo RGB. Existen otros modelos (CYMK, HSL, Hexadecimal, etc.) de los que no nos ocuparemos El modelo RGB En el modelo RGB, cada color individual se formula como una secuencia numérica formada, en este orden, por los valores de Rojo-Verde-Azul (Red-Green-Blue). Dichos valores oscilan entre 0 y 255, donde 0 es la ausencia del color y 255 es el color puro (o de máxima luminosidad). El rojo puro, por ejemplo, se expresaría como: RGB (255,0,0) Es decir: máximo valor (255) para el primer parámetro (que corresponde precisamente a Red), y valor nulo (0) para el segundo parámetro (Green) y el tercero (Blue).
  29. 29. Colores primarios y secundarios • Rojo (Red) à RGB (255,0,0) • Verde (Green) à RGB (0,255,0) • Azul (Blue) à RGB (0,0,255) R G B Y CM W • Cian (Cyan) à RGB (0,127,127) • Amarillo (Yellow) à RGB (127,127,0) • Magenta (Magenta) à RGB (127,0,127) COLORES PRIMARIOS COLORES SECUNDARIOS. Se obtienen mezclando los primarios en igual proporción. Por ejemplo, el Cian es una mezcla a partes iguales de Green y Blue (127, la mitad de 255), sin nada (0) de Red. BLANCO Y NEGRO. En RGB, el color blanco (White) resulta de la adición de los tres primarios en su cantidad máxima (255), y el negro (Black) en su cantidad mínima (0). • Blanco (White) à RGB (255,255,255) • Negro (Black) à RGB (0,0,0)
  30. 30. Colores terciarios La mezcla de un color primario y un secundario vecinos da lugar, entre ellos, a un color TERCIARIO o intermedio. Por ejemplo, la mezcla de Rojo y Amarillo da lugar al color terciario Naranja. • Naranja à RGB (255,127,0) • Amarillo verdoso à RGB (127,255,0) • Verde primavera à RGB (0,255,127) • Azul mar à RGB (0,127,255) • Violeta à RGB (127,0,127) • Rosado à RGB (255,0,127) COLORES TERCIARIOS Rojo Azul Cian Magenta Rosado Verde primavera Azul mar Violeta Naranja Verde Amarillo Amarillo Verdoso
  31. 31. Paletas de colores en el software informático Constructor RGB Paletas predefinidas Selector de color infinito La mayoría de programas de presentaciones, sobre todo los de escritorio, disponen de variadas maneras de formulación y selección de colores (en diversos formatos, no solo en RGB). Asimismo, como se observa en la zona inferior de las imágenes, permiten guardar paletas personalizadas, lo que hace sumamente cómoda la aplicación de colores en una presentación.
  32. 32. Diferentes aproximaciones al color Repasada la teoría del color RGB, es interesante ahora conocer los colores tanto por sus características cromáticas, como por los efectos psicológicos sobre el espectador Al observar la rueda cromática, pueden apreciarse varias cosas interesantes: 1. Los colores vecinos forman gradaciones armónicas. Se denominan colores análogos o armónicos. 2. Los colores enfrentados entre sí en la rueda son colores complementarios. 3. Si dividimos la rueda por un eje (línea negra en la imagen) esta queda separada en colores cálidos y fríos. Esta división es psicológica, aunque tiene su fundamento en la naturaleza de la luz.
  33. 33. Analogía, complementariedad y valor tonal Los colores análogos producen gamas armónicas y equilibradas. El uso de colores análogos en una presentación favorece su consistencia cromática. Los colores complementarios producen contraste, fundamental, por ejemplo, para la legibilidad de un texto. Pero, ojo, el contraste puede resultar incómodo, al producir efectos de vibración. Si se mira la rueda en dirección centrípeta se observa que un color presenta diferente claridad u oscuridad. Son los valores tonales del color. Utilizar los valores tonales es un estupendo recurso en las presentaciones. COMPLEMENTARIOS ANÁLOGOS TONALIDAD COLORES ANÁLOGOS COLORES COMPLEMENTARIOS TONALIDADES
  34. 34. Los valores tonales del color La comprensión de los valores tonales de un color es muy importante. Muchas plantillas de presentaciones constan de paletas cromáticas (o ‘esquemas de color’) construidas a partir de variaciones tonales de un solo color COLORES PUROS SOMBRAS TINTAS TONOS Mezclado con blanco Mezclado con negro Mezclado con gris Producen paletas brillantes y muy contrastadas, no siempre aconsejables. Aclaran el color, producen paletas de tonos ‘pastel’, sugieren armonía, relajación, paz, suavidad. Oscurecen el color. Sugieren profundidad, seriedad, orden, intensidad, seguridad. Apagan el color. Sugieren naturaleza, confianza, elegancia, crecimiento, descanso.
  35. 35. Algunas paletas especiales El juego con los valores tonales de los colores da lugar a paletas cromáticas particulares.Algunas de ellas han llegado a constituir por sí mismas estándares de diseño: es el caso de los colores ‘pastel’ o los colores ‘tierra’ RGB(208,193,136) COLORES PUROS COLORES ‘PASTEL’ COLORES ‘TIERRA’ PALETAS MONOCROMÁTICAS Paleta en su máxima luminosidad, sean primarios, secundarios o terciarios. No se recomiendan. No siempre combinan bien entre sí. Resultantes de aclarar los tonos puros (mezcla de blanco). Usados con frecuencia en presentaciones infantiles. Mezclas con negro o gris. Basados en los tonos de la naturaleza: marrones, verdes, violáceos, naranjas, ciertos azules…. Sugieren seriedad y clasicismo. Resultantes de alterar el valor tonar de un solo color. Contra lo que pudiera pensarse, son MUY interesantes para las presentaciones, pues les confieren armonía y modernidad.
  36. 36. Psicología del color: colores cálidos y fríos Tienden a ‘salirse’ de la pantalla. Se expanden, buscan al espectador. En conjunto, transmiten energía, fuerza, dinamismo, juventud, actividad. Una aproximación clásica a los colores es la que los clasifica, según su ‘temperatura’, en cálidos, cuya gama va del amarillo verdoso al rojo y fríos, del violeta rojizo al verde (aunque esto no es matemático) COLORES CÁLIDOS COLORES FRÍOS Se retraen, apaciguan. En conjunto sugieren tranquilidad, estatismo, relax, madurez, confianza, respeto, paz. COLORES CÁLIDOS COLORES FRÍOS
  37. 37. Efectos psicológicos de los colores Calma,confianza,descanso Frescura, prestigio, tranquilidad, naturaleza Emoción, estimulación, llamar la atención Felicidad, entusiasmo, atracción, éxito Energía, poder, pasión, amor Espiritual,realeza,ceremonial Formal, elegancia,misterio, sexy, profundo Pureza, paz, inocencia, simplicidad, formalismo
  38. 38. Marcas comerciales: el color dominante El efecto psicológico de los colores, es aprovechado en el mundo del diseño y la empresa. El diseño de presentaciones se beneficia del conocimiento desarrollado en este campo. Las marcas construyen su ‘identidad’ a partir de un color que ‘evoca’ en el público el efecto psicológico deseado.
  39. 39. Marcas comerciales: las paletas cromáticas https://brandcolors.net/ A partir del color dominante, las marcas comerciales eligen estudiadamente las paletas de color para su identidad corporativa y sus productos. En una presentación educativa también es fundamental una buena elección de la paleta de colores, para ayudar a que el mensaje llegue con eficacia a los estudiantes. Esta página contiene un abundante catálogo de paletas de marcas comerciales. Fíjate cuántas de ellas constan solo de uno o dos colores y sus variaciones tonales.
  40. 40. Poniéndolo todo junto…
  41. 41. Utiliza el mínimo número de colores posible en tu presentación. Una paleta con dos o máximo tres colores está bien. A ella pueden añadirse el blanco y/o el negro, preferiblemente evitando su forma más pura (negro puro o blanco puro). “Minimiza tu paleta” 1Consejo
  42. 42. Que dispongas de una gama prácticamente infinita de colores no significa que tengas que utilizarlos todos y en todo momento. Aunque todos los elementos de una diapositivas pueden ser coloreados, no por ello estás obligado a hacerlo. Recuerda que, como en el caso de las tipografías, menos es más. “No ‘colorees’ las diapositivas” 2Consejo
  43. 43. A menos que busques específicamente ese efecto, procura no usar los colores en su máxima luminosidad. Muévete un par o tres de tonos a la izquierda o a la derecha de la rueda cromática o modifica el valor tonal del color. Los colores puros recuerdan a las paletas antiguas, cuando los monitores no podían mostrar más de 16 colores; además, vibran con facilidad y agotan la vista del espectador. “Evita los colores puros” 3Consejo
  44. 44. Valora la posibilidad de usar paletas monocromáticas, esto es, variaciones tonales de un mismo color. Recuerda cuántas marcas comerciales eligen este tipo de paletas. Con paletas monocromáticas se consiguen presentaciones armónicas, relajantes y modernas. “Paletas monocromáticas” 4Consejo
  45. 45. Evitar los colores puros no significa renunciar a la fuerza cromática de tus presentaciones. Al contrario, con colores aumentados de tono se consigue un efecto considerable de dinamismo e impacto visual. “Dinamismo: colores intensos” 5Consejo
  46. 46. No es mala práctica tratar de usar colores que ‘casen’ con el contenido y el público de la presentación. Por ejemplo, en presentaciones infantiles pueden preferirse colores suaves. En presentaciones sobre ciencias de la naturaleza quizá busquemos tonalidades azul profundo y tierras. “Adecúa la paleta al contenido” 6Consejo
  47. 47. Los colores complementarios y cercanos a ellos contrastan entre sí. El contraste es necesario en el caso de la relación de los textos con su fondo, pero hay que extremar la precaución con las combinaciones de colores que producen vibración y mareo. Tales combinaciones de color deben ser evitadas a toda costa. “Cuidado con el contraste” A A A A A A A A A A A A A A A A 7Consejo
  48. 48. La alternativa al buen diseño es el mal diseño. No existe el no-diseño. Adam Judge “ COMPOSICIÓN
  49. 49. Qué es la composición La composición comprende el conjunto de reglas de ordenación del espacio visual. Muchos de los conceptos de la composición son psicológicos. La composición incluye técnicas de encuadre, proporciones, escalas y tamaños. La composición es la combinación de los diferentes elementos de que consta una diapositiva en aras de la eficacia comunicativa, estética y emocional La regla principal de una buena composición: ¡Que pase desapercibida para el espectador!
  50. 50. El encuadre Aún cuando no hablemos de fotografía sino de presentaciones, el encuadre sigue subyaciendo. Pues, por motivos estéticos o psicológicos, podemos decidir que los elementos de la presentación entren, salgan, se escoren, se corten entre sí, se superpongan, etc. Una buena composición comienza por un encuadre adecuado. El encuadre es el ‘plano’ visual: el espacio, en definitiva, que capta una cámara
  51. 51. Límites de seguridad A semejanza de lo que sucede con las páginas de un libro, es importante que las diapositivas dejen en sus bordes un ’espacio de seguridad’. El contenido legible debe situarse dentro de dicho espacio. Ello es aconsejable por razones técnicas, que dependen del proyector y de la pantalla o zona de proyección. Líneas de seguridad Aún cuando no hablemos de fotografía sino de presentaciones, el encuadre sigue subyaciendo. Pues, por motivos estéticos o psicológicos, podemos decidir que los elementos de la presentación entren, salgan, se escoren, se corten, se superpongan, etc. Aún cuando no hablemos de fotografía sino de presentaciones, el encuadre sigue subyaciendo. Pues, por motivos estéticos o psicológicos, podemos decidir que los elementos de la presentación entren, salgan, se escoren, se corten, se superpongan, etc.
  52. 52. Los puntos A, B, C y D serían, de acuerdo con la regla de los tercios, aquellos en los que el ojo fija principalmente su atención. Sin embargo, ten en cuenta que hablamos de fenómenos psicológicos, no de verdades matemáticas. Es una de las reglas básicas, si no la más básica, de la composición: si dividimos el encuadre en tres partes iguales, tanto en sentido horizontal como vertical, las intersecciones de las líneas son los puntos de mayor atracción visual A B C D La regla de los tercios
  53. 53. Por tanto, antes que puntos, debemos considerar áreas: • Los elementos situados a lo largo de los ejes (cualquiera que sea la orientación) se perciben como más importantes. • Igual sucede con los elementos situados en los rectángulos, sobre todo en los centrales. • Las esquinas y zonas próximas a los bordes ejercen menor atracción. Atención: la regla de los tercios NO ASIGNA por sí misma la importancia a los elementos de la presentación. Solo los ordena y organiza, equilibrándola.Aspectos como el color, la luz, el tamaño, la tipografía, los recursos de énfasis, etc., son en realidad los decisivos La regla de los tercios
  54. 54. La regla de los tercios Esta regla ha servido históricamente a los pintores para organizar los elementos principales de sus obras, particularmente en temas figurativos y paisajísticos. En fotografía es muy utilizada.
  55. 55. La lectura del espacio en “Z” Por razones culturales, el ojo occidental tiende a leer las imágenes de izquierda a derecha y de arriba abajo, siguiendo aproximadamente la trayectoria de la letra “Z”. Ello puede darnos una orientación compositiva, aunque, de nuevo, se trata de un fenómeno psicológico, no de una verdad matemática.
  56. 56. Líneas de tensión • Las líneas verticales expresan fuerza, equilibrio y orden. • Las líneas horizontales calma, tranquilidad, estatismo y descanso. • Las diagonales dan la sensación de dinamismo. • Las líneas sinuosas dan sensación de movimiento y trayectoria. • Las líneas circulares (los círculos) expresan centralidad, acierto, conclusión, centran la atención. Los elementos de una diapositiva pueden disponerse siguiendo variadas trayectorias: vertical, horizontal, diagonal, en sentido curvilíneo… Ello determina la ‘tensión’ psicológica de la diapositiva LÍNEAS RECTAS LÍNEAS CURVAS
  57. 57. Tipos de composición • Pueden ser simétricas, desiguales o centradas, de acuerdo con la regla de los tercios. De acuerdo con la orientación (diapositiva anterior) en las composiciones prevalecerá la verticalidad, la horizontalidad, etc.Aunque pueden combinarse composiciones, normalmente habrá una que predomine VERTICALES HORIZONTALES • Pueden ser simétricas, desiguales o centradas, de acuerdo con la regla de los tercios. DIAGONALES • Creando trayectorias visuales rectas o curvas. Simetría Desigualdad Centralidad
  58. 58. La composición en la práctica Horizontalidad Verticalidad Inclinación Combinación
  59. 59. Poniéndolo todo junto…
  60. 60. “Equilibra la composición” 1 Procura que tus elementos respondan a un esquema compositivo claro, alinéalos, iguala distancias entre elementos comunes. No dispongas los elementos sin juicio alguno, dejándote llevar por los ‘huecos’ que queden en la diapositiva. Composición combinada, con texto titular horizontal, columnas verticales equidistantes y elementos de énfasis que tienden a ‘entrar’ y ‘salir’ de la diapositiva Recuerda: ¡Tú controlas el espacio. El espacio no te controla a ti! Consejo
  61. 61. “La regla de los tercios” Como hemos visto, la regla de los tercios proporciona una buena base compositiva a la hora de diseñar diapositivas. Experimenta con ella y aplícala en tus presentaciones. ¡Ganarán en armonía! Composición que combina una imagen y una caja de texto utilizando dos de los ejes de la regla de los tercios 2Consejo
  62. 62. “Combina composiciones” Nada impide combinar diferentes tipos de composición en una presentación. De hecho, es habitual hacerlo, ya que los contenidos suelen obligarnos a variar el diseño de las diapositivas. A medida que adquieras práctica verás que incluso pueden coexistir composiciones diferentes en armonía en la misma página. Composiciones horizontal y vertical en una misma plantilla de presentación 3Consejo Composiciones horizontal y vertical en una misma plantilla de presentación
  63. 63. “Deja respirar“ La legibilidad, la claridad formal y también la elegancia de una presentación dependen en buena medida de que los elementos de una página no sean excesivos en número y ‘respiren’, esto es, que dejen espacios vacíos, entre ellos y con respecto al los bordes de la página. Minimiza el número de elementos por diapositiva y deja espacios vacíos entre ellos 4Consejo
  64. 64. “Utiliza resaltes” Cuando desees llamar la atención sobre zonas de la presentación de menor atracción visual (normalmente, los bordes de la diapositiva) puedes utilizar resaltes (cajas de texto, iconos, formas, etc., con colores de contraste). 8 Deben utilizarse recursos de énfasis si se desea llamar la atención sobre zonas de poco atractivo visual 5Consejo
  65. 65. “Las imágenes pueden ser elementos compositivos” Al usar imágenes (sobre todo a pantalla completa) como núcleos de una diapositiva, ten en cuenta que estas poseen su propia composición y encuadre. Que los elementos añadidos no ‘desafinen’ con la composición de la imagen. 6Consejo
  66. 66. Lo más importante no es la cámara, sino el ojo. Alfred Eisenstaedt “ IMÁGENES Y GRÁFICOS
  67. 67. Elementos gráficos en las presentaciones No hay nada más soporífero e insulso que una presentación de texto plano, sin elementos gráficos. Dichos elementos no son mera decoración. Cumplen funciones comunicativas esenciales • Como elementos centrales • Como elementos de énfasis • Como fondos FOTOGRAFÍAS GRÁFICOS • Gráficas de datos • Mapas • Diagramas • Infografías VECTORES • Iconos • Dibujos e Ilustraciones Podemos distinguir varios tipos… Fotografías Gráficas de datos Vectores
  68. 68. Uso de fotografías en presentaciones Las fotografías son los elementos gráficos de mayor impacto visual en las presentaciones. Es fundamental escogerlas bien. Para ello, procura respetar los tres criterios siguientes… PERTINENCIA CALIDAD PROPORCIÓN Sé cuidadoso al elegir las imágenes: deben estar relacionadas con el tema de la diapositiva. O deben evocar emocionalmente lo que se está comunicando. Las imágenes deben ser de la mayor calidad posible. Nada de imágenes pixeladas. Existen multitud de bancos de imágenes gratuitas en internet. No estires ni deformes las imágenes. Deben guardar su proporción original, para resultar naturales.
  69. 69. Las fotografías como elementos centrales Las fotografías son elementos centrales cuando el tema de la diapositiva recae sobre ellas. Un ejemplo típico es una pintura en una clase de historia del arte o una parte del cuerpo humano en una de anatomía. Es obvio que en este caso la imagen debe ser el núcleo de la diapositiva y respetarse en su forma original.
  70. 70. Así pues, deben mantenerse los criterios de pertinencia, calidad y proporción mencionados, así como buscar una composición que equilibre el peso de la imagen con el mensaje transmitido. Aún cuando solo sean elementos accesorios al mensaje principal, las fotografías siguen teniendo gran efecto sobre el impacto final de la diapositiva. Las fotografías como elementos de énfasis
  71. 71. Las fotografías como fondo de diapositivas 1 2 3 4 1 2 3 4 Sobre la fotografía original, sin retoque. Sobre la fotografía convertida a monocromática. Sobre la fotografía con transparencia aplicada. Sobre una textura o imagen abstracta. Ideas para usar las fotografías como fondo (a veces será conveniente situar el texto dentro de cajas de color)
  72. 72. Más sobre los fondos de una presentación Propios de algunas plantillas predefinidas: cansan y saturan. Además, limitan el espacio disponible para el contenido. Resérvalos para páginas de inicio, fin o cambio de bloque temático. Un error común en el diseño de presentaciones es la elección de fondos ‘decorativos’ para las diapositivas. En particular, los procedentes de plantillas y los degradados Fondos degradadosFondos con elementos repetitivos o decorativos Como regla general, evita usarlos a menos que busques algún efecto particular. Los elementos de la composición pueden no armonizar con los tonos del degradado.
  73. 73. Consejos adicionales sobre las fotografías 1. No alteres la forma y proporción de las fotografías. 2. Evita el recuadrado exagerado. 3. No difumines sus bordes. 4. No abuses de los efectos, en particular de reflejos y escorzos. 5. Utiliza sombras suaves para destacarlas. 6. Si usas máscaras, no apliques formas extrañas. Trata de respetar estas reglas en el uso de fotografías
  74. 74. Gráficas, mapas y diagramas Una presentación no vive solo de fotografías. Por el contrario, en muchas materias es fundamental mostrar la información en forma de gráficas, mapas, planos o diagramas de todo tipo. En estos casos, la claridad y la nitidez son la clave, pues el mensaje no es la gráfica o el diagrama en sí, por bonitos que sean, sino los datos vehiculados. Idea Concepto Relación Amplitud Expansión MapasGráficas Diagramas
  75. 75. Las gráficas y las hojas de cálculo Las gráficas son representaciones visuales de datos, casi siempre numéricos. A veces estos datos proceden de hojas de cálculo. No debemos presentar los datos en el formato de la hoja de cálculo, es decir, en celdas y columnas. Debemos agrupar la información y destacar lo importante. No presentes datos en forma de hoja de cálculo… …incluso si adjuntas el gráfico en la misma hoja
  76. 76. La cantidad de diseños de gráficas que permiten los programas de presentaciones es abrumadora. Pero puede resultar contraproducente, pues induce a utilizar vistosos formatos 3D, con leyendas, ejes, fondos, tablas de datos adyacentes, etc., dificultando al final la comprensión de lo realmente importante: los datos presentados. ¿…tiene sentido mostrar estas gráficas en una presentación? Muy vistosas, pero… Las gráficas… mejor cuanto más simples
  77. 77. Salvo que se trate de muy pocos conjuntos de datos y nítidamente diferenciados, no utilices las gráficas en 3D, ni muestres junto a ellas la tabla de datos Observa que, aún con pocos conjuntos de datos, la perspectiva oblicua, la tridimensionalidad en las gráficas y en los valores numéricos no juega a favor de la claridad. ¡Las gráficas parecen haber sido elegidas por motivos estéticos antes que comunicativos! Las gráficas… mejor cuanto más simples
  78. 78. En la mayoría de los casos, las gráficas bidimensionales son la mejor opción. Además, es aconsejable destacar los datos importantes. Las gráficas… mejor cuanto más simples
  79. 79. Las gráficas… mejor cuanto más simples
  80. 80. Dada la variedad existente y el hecho de que en muchas materias académicas son un contenido educativo, es difícil establecer un criterio único. La dificultad es mayor porque los mapas suelen presentar mucha información en tamaño muy pequeño. Debe examinarse, pues, con cuidado cada caso particular. Aún así, establezcamos los siguientes consejos… ¿SON NECESARIOS? LIMPIEZA ZOOM Párate a pensar si el mapa es realmente necesario en tu presentación o si te es posible sustituirlo por otro tipo de recurso. Reduce los elementos a mostrar, minimiza las áreas y líneas necesarias para la comprensión del concepto. Incluye leyendas que lo destaquen. Divide el mapa en partes y amplía las zonas sobre las que se necesite atención. Complementa y resalta con títulos y leyendas, si es necesario. Mapas y planos en diapositivas
  81. 81. ¿Es una buena idea? Mapas y planos en diapositivas
  82. 82. Mapa limpio ¿Algo mejor? Efecto zoom Título Agrícolas Tecnológicas Industriales Leyendas claras
  83. 83. Datos importantes destacados ¿Mejor aún? Leyendas explicativas Mapa limpio
  84. 84. Datos importantes destacados Leyendas Mapa limpio Colores contrastados Sí, ¿verdad?
  85. 85. ¿Es una buena idea? Planos urbanos
  86. 86. Los elementos centrales destacados aparte Mapa con el mínimo número de elementos ¿Mejor?
  87. 87. Diagramas, ¿qué son? Los diagramas son formatos gráficos que representan procesos, relaciones, secuencias, ciclos, jerarquías, etc. Algunos programas permiten crear con extrema facilidad diagramas, pues traen formas predefinidas a propósito. Los mapas conceptuales, tan habituales en educación, son ejemplos de diagramas.
  88. 88. Diagramas: normas básicas 1. Define bien el conjunto de conceptos relacionados. 2. Identifica el tipo de relación entre ellos: temporal, espacial, jerárquica, etc. 3. Sé concreto: no recargues el diagrama con elementos secundarios. 4. Elige un diseño simple y claro: formas planas, gamas cromáticas para los componentes y contraste para el texto. Para crear diagramas directos e impactantes… Lorem ipsum Lorem ipsumLorem ipsum Lorem ipsum dolor sit amet consectetur adipiscing elit dolor sit amet consectetur adipiscing elit dolor sit amet consectetur adipiscing elit dolor sit amet consectetur adipiscing elit
  89. 89. Algunos ejemplos de diagramas Radial Ciclo Jerarquía horizontal Proceso continuo Proceso direccional Relación
  90. 90. Una infografía es un tipo especial de diagrama que combina imágenes digitales y textos de ciertas características: • Las imágenes infográficas son síntesis informativas. • Los textos solo resaltan y/o amplían con brevedad lo esencial. Aunque costosas de preparar, el uso de infografías puede enriquecer mucho el contenido de tus presentaciones Infografías
  91. 91. También presentaciones completas En los últimos años se ha extendido el término ‘infografía’ a un formato gráfico sintético, que expone la información de manera secuencial y casi siempre vertical. Puede considerarse el uso de este tipo de formato para exponer o entregar temáticas puntuales no excesivamente largas.
  92. 92. Vectores: iconos, dibujos, ilustraciones Los vectores, o ‘imágenes vectoriales’, son imágenes escalables, es decir, que (por la manera en que han sido creadas) pueden ampliarse o reducirse sin perder resolución. Muchos iconos, así como dibujos e ilustraciones, han sido diseñados en formato vectorial. Los vectores suelen poseer fondos transparentes, lo que los integra perfectamente en las diapositivas, sea cual sea el color o textura del fondo de estas
  93. 93. Iconos Tendemos a asociarlos a imágenes planas, pero hay también estupendos iconos en 3D. ¡Y escalables! Los iconos son símbolos gráficos que representan multitud de contextos: secciones, temáticas, redes sociales, acciones de los usuarios, etc.
  94. 94. Iconos El uso moderado de iconos es aconsejable, pues: • Prestan dinamismo a la presentación. • Ordenan sus secciones. • Dirigen visualmente la atención. Su uso abusivo, sin embargo, contrarrestará rápidamente sus efectos. Los iconos nos resultan tan naturales que pasan desapercibidos. Sin embargo, cuando están ausentes las presentaciones parecen ‘frías’
  95. 95. Dibujos e ilustraciones Los vectores poseen un valor didáctico incalculable para las presentaciones, superior en ocasiones a las fotografías El formato vectorial es idóneo para la creación de ilustraciones y dibujos cuyo realismo los hace muy adecuados para las presentaciones educativas. Podemos encontrar dibujos vectoriales de casi cualquier tema y con un admirable nivel de precisión.
  96. 96. Como idea, puedes utilizar dibujos vectoriales para crear tus propias infografías Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum dolor sit amet consectetur adipiscing elit dolor sit amet consectetur adipiscing elit dolor sit amet consectetur adipiscing elit dolor sit amet consectetur adipiscing elit dolor sit amet consectetur adipiscing elit Lorem ipsum Lorem ipsum Lorem ipsum Los dibujos e ilustraciones, si son buenos, poseen una claridad formal que no siempre obtendremos con las fotografías. Dibujos e ilustraciones
  97. 97. A partir de imágenes podemos crear diagramas e infografías, combinándolas con elementos que indiquen relación, jerarquía, proceso, ciclo, etc… Dibujos e ilustraciones
  98. 98. Poniéndolo todo junto…
  99. 99. “Elige muy bien cada imagen” Consejo 1 Vale la pena invertir tiempo buscando la imagen adecuada, por su significado o por su valor evocativo. No te conformes con imágenes cuya relación con el contenido sea vaga, o con fotografías meramente decorativas. Adecuación temática, metáfora clara o evocación emocional son los criterios para elegir buenas imágenes en tus presentaciones
  100. 100. “No ‘dejes caer’ las imágenes” Colocar las imágenes porque sí, en cualquier lugar de la página, en los huecos que deja el texto, etc., no es una buena idea. Piensa en términos de composición, énfasis e impacto. Usa sombras suaves, máscaras u otros recursos para un mayor efecto de tus fotografías. Las imágenes se han dispuesto de forma irregular, sí, pero manteniendo una composición armónica. Se ha usado una máscara circular Consejo 2
  101. 101. “Destaca un solo elemento” No hay razón para no combinar en una diapositiva imágenes, iconos, ilustraciones, formas decorativas, etc. Sin embargo, recuerda que, por el bien de la claridad, un elemento gráfico ha de ser el predominante. Procura que tus diapositivas se centren en un único concepto. Si este ha de expresarse a través de una imagen o gráfico, haz que este predomine sobre todo lo demás Consejo 3
  102. 102. “Datos, mejor solos que mal acompañados” No olvides que el objetivo de las gráficas son los datos que presentan. No es buena idea poner en la diapositiva elementos que ‘compitan’ visualmente con ellas. Si las combinas con fotografías, que estas guarden discreción. Elige gráficas planas y muestra solo la información esencial. Cuando se usan gráficos es porque se quiere mostrar información. Lo importante, pues, es que la atención se centre en ella Consejo 4
  103. 103. “Infografías y diagramas: ¡sí!” Las infografías, como hemos visto, son recursos visuales potentísimos y combinan información gráfica y textual de manera efectiva. Incluye, si la materia lo permite, una o varias infografías y/o diagramas en tu presentación, siempre a partir de vectores de calidad. Se trata de recursos gráficos muy expresivos, que confieren a las presentaciones un plus de calidad y modernidad Consejo 5
  104. 104. “¿Presentaciones sin fotografías?” Dada la calidad de los vectores y los bancos de datos gratuitos que existen, no debes descartar crear presentaciones solo con gráficos vectoriales. Bien elegidos y combinados con formas y esquemas de color adecuados, no tienen por qué desmerecer a las fotografías. Presentaciones con dibujos vectoriales y colores vivos son muy atractivas y sugieren juventud y fuerza. Consejo 6
  105. 105. El estilo es un modo de decir quién eres sin la necesidad de hablar. Rachel Zoe “ MISCELÁNEA
  106. 106. Vídeo en presentaciones La inserción de vídeos en presentaciones puede acarrear problemas en la práctica por razones de formato o de códecs El vídeo es un recurso didáctico muy importante. Tanto que tiene entidad propia y hay que preguntarse, como en el caso de los mapas, si realmente es necesario reproducirlo desde dentro de una presentación.
  107. 107. Vídeo en presentaciones Si en medio de una presentación deseas ejecutar un vídeo, tal vez lo mejor sea crear un enlace al vídeo almacenado en la red y/o un botón No hay nada más frustrante que ese momento en que, al tratar de reproducir ante la audiencia el vídeo que en tu ordenador se ejecutaba perfectamente, se produce un error fatal que imposibilita la visualización y rompe la dinámica de la presentación. En todo caso, si insistes en la ejecución de vídeo en presentaciones, asegúrate de que el vídeo (¡y el audio!) se reproduce en el ordenador que ejecuta la presentación. Créalo o conviértelo a un formato compatible (mp4, por ejemplo) y haz pruebas primero.
  108. 108. Elementos de énfasis: formas, bullets,… Se distinguen de los iconos en que estos elementos no tienen significado denotativo propio, sino por el contenido del que son portadores o al que señalan. La moderación en su uso es, también aquí, la mejor recomendación. Estos elementos gráficos son muy útiles a la hora de destacar ideas, conclusiones, crear listas, etc.
  109. 109. Efectos de énfasis: animaciones Las animaciones constituyen valiosos recursos si se diseñan cuidadosamente y las utilizas de forma moderada Algunos programas de presentaciones permiten animar los objetos de la pantalla: imágenes, textos, gráficas, creando efectos, cambiando su color, haciéndolos crecer o menguar, aparecer o desaparecer... Pero crear animaciones eficaces y, sobre todo, oportunas, no es fácil. En este caso, el conocimiento y la comprensión de la herramienta son fundamentales para obtener un resultado satisfactorio. Este vídeo muestra una animación infográfica
  110. 110. Efectos de énfasis: transiciones En el mundo de las presentaciones se llama transiciones, o cortinillas, a los efectos digitales que se producen al pasar de una diapositiva a otra. Por defecto, los programas no crean transiciones entre las diapositivas. El diseñador debe decidir si quiere usarlas, cuándo hacerlo y qué transiciones elegir.
  111. 111. Efectos de énfasis: transiciones Pero ¡atención! Precisamente por su facilidad de uso y su vistosidad es muy fácil dejarse llevar por el efectismo, creyendo que la presentación será más profesional si usa más transiciones. ¡Esto es un error! Solo se han de utilizar transiciones cuando esté justificado (inicio, final, cambio de bloque temático…) Si introduces muchas y sofisticadas transiciones, el público tenderá a ‘esperar’ continuamente nuevos efectos ante el cambio de diapositiva, perdiendo entonces el contenido su foco. Se recomienda usar transiciones discretas y lo más neutras posible: el efecto de disolución es el más adecuado
  112. 112. Desplazarte por la presentación Normalmente, las presentaciones se ejecutan de manera lineal, de principio a fin, con el teclado o un mando a distancia. Pero algunos programas, no todos, permiten crear botones (o usar iconos) para desplazarse por la presentación de manera no lineal. En algunos casos está función puede resultar de gran ayuda. Los botones (en las aplicaciones que los soportan) permiten también ejecutar comandos, abrir otras presentaciones, hipervínculos, etc. A la nº 3 A la primera diapositiva A la última diapositiva A la diapositiva nº 3
  113. 113. La pregunta del millón SíyNo Si has llegado hasta aquí con vida posiblemente te carcoma una pregunta: quizá necesite todo lo explicado, pero… ? ¿..seguro que no existe alguna manera de crear presentaciones que gestione automáticamente las tipografías, paletas de colores, fondos, iconos etc.? Pues…
  114. 114. ¡Cómo? Sí…existen, se llaman, plantillas (o temas) y las usa todo el mundo. Y ese es, precisamente, el problema (uno de ellos), que las usa todo el mundo, por lo que… Pues que… No…te las aconsejo (si de verdad quieres aprender) !
  115. 115. Plantillas de presentaciones Las plantillas (o temas) son modelos prefabricados de diapositivas, con composiciones y elementos varios, que comparten entre sí características de diseño: tipografía, paleta de colores, fondos, a veces formas editables, iconos, etc. No puede negarse la versatilidad de las plantillas. Se aplican con un solo clic y el aspecto de todas la diapositivas cambia, adaptándose a la nueva plantilla. Además, las plantillas permiten editar sus componentes en la llamada diapositiva maestra.
  116. 116. Plantillas temáticas Además, algunas aplicaciones traen plantillas temáticas, esto es, adaptadas a diferentes contextos expositivos, también educativos: trabajos, reseñas, comentarios, proyectos, etc.
  117. 117. Plantillas infográficas Particularmente interesantes son las plantillas infográficas (normalmente formas editables, es decir, similares a diagramas) pues facilitan la creación de infografías atractivas, perfectas para presentar resúmenes informativos.
  118. 118. Entonces, ¿cuál es el problema? En realidad, son más de uno: 1. Si comienzas tu aprendizaje con plantillas desconocerás los fundamentos de lo que estás haciendo. 2. Las plantillas pueden acabar decidiendo por ti (‘imponiéndote’) la manera de presentar la información. 3. Si usas las plantillas habituales de los programas más conocidos, tu presentación pronto será una más de las miles que circulan por la red con esa misma plantilla. Triste. Pero también hay argumentos favorables si las usas cuando hayas aprendido: 1. Si buscas plantillas avanzadas y originales, ganarás rapidez en el diseño y ahorrarás tiempo. 2. Las plantillas más actuales traen formas e iconos a juego con lo que dispondrás de elementos de énfasis con facilidad. 3. Podrás adaptarlas a tus necesidades sin miedo a romper el equilibrio compositivo.
  119. 119. Verbalizar el diseño es otro acto de diseño. Kenia Hara “ CONSEJOS FINALES
  120. 120. Antes de comenzar, hazte, al menos, estas preguntas: • qué quiero conseguir • qué tengo • qué necesito • de cuánto tiempo dispongo Planea bien la presentación 1
  121. 121. ¿Cómo quieres que “suene” tu presentación, académica, formal, coloquial, divertida…? Piensa bien en el público al que va dirigida: • Niños? • Adolescentes? • Universitarios? • Estudiantes técnicos? • Personas adultas? • Etc… Elige el ‘tono’ de la presentación 2
  122. 122. Crea el contenido primero, o al menos tenlo esbozado en fase avanzada. En ciertas circunstancias es bueno imaginar que “cuentas” una historia, como por ejemplo en presentaciones infantiles. Trata de que cada diapositiva derive de la anterior y “llame” a la siguiente. Ello contribuirá a mantener la atención y el interés. Escribe el contenido: cuenta una historia 3
  123. 123. No solo debes anticipar el contenido. Es preciso que pienses en las cuestiones de diseño, dado que una presentación es un producto gráfico. Toma decisiones sobre las tipografías, la paleta de colores, el uso de fotografías y/o vectores, gráficas, infografías, etc. Es buena idea crear un prototipo rápido de la presentación: secciones, elementos comunes a las diapositivas, etc. Trata de definir bien estos aspectos y mantente fiel a ellos: te ahorrarás muchas horas de retoques. Toma las decisiones sobre el diseño 4
  124. 124. Dado que una exposición apoyada en presentaciones requiere un ritmo particular, no estará de más que practiques oralmente tu presentación. Así podrás hacerte una idea de los tiempos destinados a cada diapositiva. Algunos programas permiten asignar tiempos a las mismas e implementan una vista del orador que te indica la diapositiva en la que estás, la siguiente, el tiempo restante, etc. Explora y explota esas posibilidades. Practica la presentación5
  125. 125. Un aspecto que se olvida con frecuencia es la luminosidad del entorno en el que se proyectarán las diapositivas. De día, en un aula con suficiente luz natural, los fondos oscuros tenderán a perder contraste, de manera que una vistosa diapositiva en el ordenador quedará desangelada en la pantalla de proyección. Si tu aula es tu lugar habitual de proyección, conócela bien, haz pruebas y experimenta con los tonos más legibles. Ten en cuenta la luz6
  126. 126. No es mala idea utilizar una checklist si vas a realizar una presentación educativa en algún evento distinto del aula, quizás en un congreso, en otra ciudad, sala, recinto, etc… Construye tu propia checklist o básate en alguna existente. Por ejemplo, esta checklist es muy detallada. ¡Que no se te olvide nada! 7
  127. 127. RECURSOSPlantillasTipografíasImágenes Paletas UNA BREVÍSIMA SELECCIÓN
  128. 128. Aplicaciones para crear presentaciones Además de las las archiconocidas PowerPoint, de Microsoft, Keynote de Appe o Impress de LibreOffice… https://www.canva.com/ https://www.genial.ly/es https://www.google.es/intl/es/slides/about/ https://www.emaze.com/es/ Aplicación para crear presentaciones online. Con decenas de plantillas gratuitas, fondos, iconos, formas, etc. CANVA GENIAL.LY GOOGLE SLIDES EMAZE Similar a Canva.Añade interactividad a las presentaciones, lo que la hace idónea para crear actividades. La alternativa gratuita de Google a los paquetes de presentaciones convencionales. Compatible entre dispositivos y plataformas. Muy interesante aplicación en línea. Similar a Canva y Genial.ly. Permite el trabajo colaborativo.
  129. 129. Plantillas (o temas) de diapositivas SLIDES CARNIVAL https://www.slidescarnival.com/es Plantillas de PowerPoint y temas de Google Slides gratis para tus presentaciones. https://www.presentationmagazine.com/ PRESENTATION MAGAZINE Más de 60000 plantillas de PowerPoint, fondos, artículos, etc., para mejorar tus presentaciones y la exposición de las mismas. https://itunes.apple.com/es/app/themes -for-keynote-free/id555935825?mt=12 TEMAS PARA MAC Diseños de alta calidad para Keynote (Mac OS X). https://freegoogleslidestemplates.com/ PLANTILLAS PARA GOOGLE SLIDES Repositorio de plantillas para Google Slides, clasificadas por temática (formales, simples, creativas).
  130. 130. Paletas de colores COOLORS https://coolors.co/ Generador de esquemas de color. Esta aplicación te permite fijar un color -o más de uno- y, solo pulsando la barra espaciadora, obtener paletas que armonizan con él. https://www.materialpalette.com/ Elige dos colores puros y observa cómo el sistema construye la paleta y muestra su efecto simulando una página de una presentación. MATERIAL PALETTE http://colrd.com/ Esta aplicación te permite obtener y descargar la paleta de colores de una imagen dada. Puedes subir la imagen desde tu ordenador. COLRD http://paletton.com PALETTON Lo interesante de este sitio es que permite crear paletas para usuarios daltónicos.
  131. 131. Fotografías y vectores PIXABAY https://pixabay.com/es/ Excelente banco de imágenes gratuitas y en español. Puedes descargar imágenes en diferentes resoluciones con apenas un clic. EVERYSTOCKPHOTO http://www.everystockphoto.com/ Quizá el banco de fotografías más extenso y conocido (más de 29.000.000 imágenes). Pues en realidad se trata de un metabuscador que filtra imágenes gratuitas de diversas plataformas, entre ellas Flickr. KISSPNG https://es.kisspng.com/ Los archivos *.png son estupendos para diseño, pues poseen el fondo transparente. Muchos iconos y vectores son convertidos a este formato. ICON-ICONS https://icon-icons.com/es/ Buscador de iconos. Para que nunca falten en tus presentaciones. Auténticos packs descargables: planos, tridimensionales, realistas, en blanco y negro, etc., y con calidades asombrosas.
  132. 132. Infografías, gráficos y mapas http://vizualize.me/ VIZUALIZE.ME Se jacta de que has sido creadas con esta aplicación en línea más de 1.000.000 de infografías. Requiere registro (gratuito). https://www.easel.ly/ EASEL.LY Permite crear resúmenes informativos y vistosas infografías a partir de cero o personalizando plantillas existentes. https://infogram.com/es https://www.visme.co/ INFOGRAM VISME Interesante aplicación para la representación efectiva de datos. Cuenta con planes gratuitos. Infografías, diagramas, gráficos de muchos estilos.También cuenta con planes gratuitos. https://developers.google.com/chart/ GOOGLE CHARTS El completo y de fácil uso gestor de gráficas de datos de Google. Datos en tiempo real en tus aplicaciones.
  133. 133. Tipografías DAFONT Fuentes de todos los estilos para Windows y Mac OS X. https://www.dafont.com/es/ https://fonts.google.com/ GOOGLE FONTS Las famosas fuentes de Google. Sobre todo lineales y clásicas.Altamente legibles. https://www.freepremiumfonts.com/ FREE PREMIUM FONTS Fuentes de buena calidad. Incluye las fuentes más valoradas por los usuarios. https://www.fontspace.com/ FONT SPACE Posiblemente la plataforma más amplia de fuentes tipográficas (37.000). Permite, además, cambiar su color para ver el efecto sobre una página.
  134. 134. Gracias y… Francesc Llorens. 2018 Suerte! @FrancescLlorens francescllorens62@gmail.com Filósofo y profesor de Filosofía. Doctor en Educación y Tecnologías de la Información. Máster en eLearning.

×