Want to create interactive content? It’s easy in Genially!

Get started free

Recomendaciones para el diseño de presentaciones

Centro Magis

Created on May 27, 2020

Start designing with a free template

Discover more than 1500 professional designs like these:

Visual Presentation

Terrazzo Presentation

Colorful Presentation

Modular Structure Presentation

Chromatic Presentation

City Presentation

News Presentation

Transcript

Recomendaciones

Diseño de

para el

Presentaciones

Comenzar

Recomendaciones para el Diseño de Presentaciones

Menú

Fase deplaneación

Fase de producción

Contenidos

Recursos

Herramientas

Derechos de autor

Menú

¿Cómo abordar los

contenidos?

Triángulo Didáctico Interactivo

Contenidos + Conocimiento

Procesos y resultados de Aprendizaje

Actividad conjunta

Actividad del estudiante

Actividad del docente

Menú

¿Cómo abordar los contenidos?

¿Cómo representar el conocimiento?

Diseño Universal

para el Aprendizaje (DUA)

Es un enfoque didáctico que pretende aplicar los principios del DU (Diseño Universal) al diseño del currículo de los diferentes niveles educativos. Es un enfoque basado en la investigación para el diseño del currículo ―es decir, objetivos educativos, métodos, materiales y evaluación― que permite a todas las personas desarrollar conocimientos, habilidades y motivación e implicación con el aprendizaje.

Menú

¿Cómo abordar los contenidos?

Pautas para el Diseño Universal

para el Aprendizaje

Múltiples formas de representación

Múltiples formas de acción y expresión

Múltiples formas de implicación

http://www.udlcenter.org/aboutudl/udlguidelines/principle1

Menú

¿Cómo abordar los contenidos?

Proporcionar múltiples formas de representación

1. Proporcionar diferentes opciones para percibir la información

  • Opciones que permitan modificar y personalizar la presentación de la información
  • Ofrecer alternativas para la información auditiva
  • Ofrecer alternativas para la información visual

Pautas para el Diseño Universal

para el Aprendizaje

2. Proporcionar múltiples opciones para el lenguaje y los símbolos

  • Definir el vocabulario y los símbolos
  • Clasificar la sintaxis y la estructura
  • Facilitar la decodificación de textos, notaciones matemáticas y símbolos
  • Promover la compresión entre diferentes idiomas
  • Ilustrar las ideas principales a tráves de múltiples medios

Los estudiantes son distintos en la forma en que perciben y comprenden la información

3. Proporcionar opciones para la comprensión

  • Activar los conocimientos previos
  • Destacar patrones, características fundamentales, ideas principales y relaciones entre ellas
  • Guiar el procesamiento de la información, la visualización y la manipulación
  • Maximizar la memoria y la transferencia de información

http://www.udlcenter.org/aboutudl/udlguidelines/principle1

Menú

¿Cómo abordar los contenidos?

Especificar

el propósito del recurso.

Definir

la estructura temática y los contenidos.

¿Cómo empezar?

Elaborar el formato de Planeación de Recursos educativos digitales

es el insumo inicial para la planeación y se requiere para pasar a la fase de producción. Este debe contener:

Antes de diseñar una presentación, es recomendable pasar por una fase de planeación en la que es necesario:

  • Objetivo de aprendizaje del recurso.
  • Contenidos.
  • Intensión pedagógica.
  • Tiempos.

Descargar

Menú

¿Quién es nuestro público objetivo? ¿Qué necesita saber sobre el tema?

Fase de

Listar todos los elementos requeridos para diseñar el recurso, así como qué existe y qué hay que producir.

Planeación

¿Existen imágenes disponibles para ser usadas en este tipo de material?

Agrupar el contenido por temas.

Capacidad de la audiencia (navegadores, velocidad de transmisión, conocimiento, características del equipo)

¿Qué información deberá ser actualizada? ¿Cada cuánto tiempo?

Menú

¿Qué debo tener en cuenta para el diseño?

Cuando se ha planeado la presentación y preparado todos los materiales necesarios, se podrá iniciar la fase de producción (Diseño). A continuación se encuentran los aspectos esenciales a tener en cuenta para esta fase.

COMENZAR

Menú

Fase de

producción

CONTENIDO

Color

Principios de diseño

Tipografía

  • Asegurar la legibilidad
  • Reducir el esfuerzo para el entendimiento del receptor
  • Incrementar la participación
  • Focalizar la atención
  • Movimiento y ritmo de lectura
  • Consistencia
  • Diferenciación

Recomendaciones

Interlineado

Imagen

Menú

Fase de producción

El color

El color puede ser una herramienta muy eficaz para presentar información, ya que expresa un significado y ejerce influencia en la actitud de las personas. Del correcto uso del color depende la adecuada visualización de los contenidos de la presentación.

Menú

Fase de producción · Color

El color

Los colores primarios: rojo, azul y amarillo.

Menú

Fase de producción · Color

El color

Los colores primarios: rojo, azul y amarillo.

Los secundarios: verde, violeta y naranja.

Menú

Fase de producción · Color

El color

Los colores primarios: rojo, azul y amarillo.

Los secundarios: verde, violeta y naranja.

Los terciarios: rojo violáceo, rojo anaranjado, amarillo anaranjado, amarillo verdoso, azul verdoso y azul violáceo.

Menú

Fase de producción · Color

El color

Complementario: Los colores que se encuentran opuestos entre sí se denominan complementarios, estos colores ejercen un contraste que crea un efecto dinámico.

Rojo - verde Amarillo - violeta Azul - Naranja

Menú

Fase de producción · Color

El color

Análogo: Los colores situados uno junto a otro se denominan análogos. Los colores análogos combinados entre sí crean una sensación armoniosa y unificada.

Rojo: rojo violáceo, rojo anaranjado. Amarillo: amarillo anaranjado, amarillo verdoso. Azul: azul verdoso y azul violáceo.

Menú

Fase de producción · Color

El color:

El contraste

Utilice colores complementarios

Utilice coloresque contrasten

Claro sobre oscuro Oscuro sobre claro

Para que el texto sea legible es importante que exista un buen contraste cromático entre el texto y el fondo.

Estos colores no tienen contraste

Utilice colores complementarios

Utilice coloresque contrasten

Claro sobre oscuro Oscuro sobre claro

Estos colores si tienen contraste

Menú

Fase de producción · Color

El color:

el contraste

Mal manejo del color entre el fondo y la tipografía

Buen manejo del color entre el fondo y la tipografía

Menú

Fase de producción · Tipografía

La Tipografía:

Seriedad Legibilidad

Fuerza Estabilidad

Fuente tipográfica

Es el estilo o apariencia de un grupo completo de carácteres. Cada fuente tipográfica tiene una personalidad.

Ligereza

Elegancia

Menor Legibilidad

Personalidad

Menú

Fase de producción · Tipografía

La Tipografía:

Familias tipográficas

Romana Antigua

Romana Moderna

Egipcia

Fantasía

Caligráfica

Palo seco

Menú

Fase de producción · Tipografía

La Tipografía:

Haga el texto grande

La legibilidad

Tamaño 12

Tamaño 18

Tamaño 24

Tamaño apropiado para el texto

Tamaño 32

Tamaño 36

Tamaño apropiado para el título

Tamaño 44

Menú

Fase de producción · Tipografía

La Tipografía:

Lorem ipsum sit

Numeración y viñetas

  1. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolores magna arique.
  2. Ut anima ad mini venían, quiso mostrad ejercitación illanco labores ni si ut ariquipe ex e commodo consequat.
  3. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolores eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Utilice números para hacer listas con secuencia

Menú

Fase de producción · Tipografía

La Tipografía:

Lorem ipsum sit

Numeración y viñetas

  • Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et.
  • Ut anima ad mini venían, quiso mostrad ejercitación illanco labores ni si ut ariquipe ex e commodo consequat.
  • Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolores eu fugiat nulla pariatur.
  • Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Utilice viñetas para presentar una lista sin prioridad, secuencia o jerarquía

Menú

Fase de producción · Tipografía

La Tipografía:

Lorem ipsum sit

Numeración y viñetas

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et.

No utilice muchos colores y tipos de viñetas, podrían distraer

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et.

Menú

Fase de producción · Tipografía

La Tipografía:

Lorem ipsum sit

Mala Composición

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et.Ut anima ad mini venían, quiso mostrad ejercitación illanco labores ni si ut ariquipe ex e commodo consequat.Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolores eu fugiat nulla pariatur.Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Los textos en caracteres mayúsculas son de difícil lectura

Menú

Fase de producción · Tipografía

La Tipografía:

Lorem ipsum sit

Mala Composición

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolores magna arique. Ut anima ad mini venían,.

Demasiada variedad de caracteres y estilos

Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolores eu fugiat nulla pariatur.

UT ANIMA AD MINI VENÍAN, QUISO MOSTRAD EJERCITACIÓN ILLANCO LABORES NI SI UT ARIQUIPE EX E COMMODO CONSEQUAT.

Menú

Fase de producción · Tipografía

La Tipografía:

Lorem ipsum sit

Mala Composición

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolores magna arique.

Cambios abruptos de tamaño del cuerpo tipográfico

Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolores eu fugiat nulla pariatur.

Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolores eu fugiat nulla pariatur.

Menú

Fase de producción · Tipografía

La Tipografía:

Lorem ipsum sit

Mala Composición

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut.

Descontrolados interlineados y blancos mal puestos

Duis aute irure dolor in reprehenderit.

Dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolores magna arique. Ut anima ad mini venían, quiso mostrad ejercitación illanco labores ni si ut ariquipe ex e commodo consequat.

Menú

Fase de producción · Recomendaciones

La fuente Normal o negrita es más legible

Recomendaciones

Subrayar puede significar hipervínculos

En vez de subrayar, utilice color para enfatizar

No utilice muchos colores

Evite

usar

demasiadas

fuentes

y estilos

Recuerde la regla del 6 x 7: No más de 6 líneas por diapositiva y no más de 7 palabras por línea

Menú

Fase de producción · Interlineado

Interlineado

Lorem ipsum sit

Es la distancia entre un renglón de texto y otro. Su tamaño debe estar en relación con la altura del cuerpo tipográfico por usar, y constituye otro factor estético para una buena composición.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolores magna arique. Ut anima ad mini venían, quiso mostrad ejercitación illanco labores ni si ut ariquipe ex e commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolores eu fugiat nulla pariatur.

Menú

Fase de producción · Imagen

La imagen:

Resolución

La resolución de imagen es una medida del grado de detalle que puede contener una imagen digital. Tener mayor resolución se traduce en obtener una imagen con más detalle o calidad visual.

Para medios digitales se manejan 96 ppi (pixeles por pulgada)

Menú

Fase de producción · Imagen

La imagen:

Formato

.JPG

.GIF

.PNG

Un formato es la codificación con la que se almacena la imagen. Dependiendo de éste, la imagen ocupará más espacio o se verá con mayor o menor calidad. A continuación se presentan algunos de los formatos mas utilizados en imagen digital y que se podrá utilizar en el diseño de la presentación con diapositivas.

Menú

Fase de producción · Imagen

La imagen:

Tamaño y uso

Al ajustar el tamaño de una imagen recuerde no escalarla sin tener en cuenta las proporciones o la imagen se distorsionará. Uso: Solo utilice los elementos necesarios, para que los conceptos sean comprendidos fácilmente.

Correcto

Incorrecto

Imagen original

Utilice la imagen como:

  • Complemento al texto
  • Forma de representación del texto

Menú

Fase de producción · Imagen

Descriptiva

La imagen:

Expresiva

Tipos de Ilustraciones

Construccional

Funcional

Algorítmica

Arreglo de datos

Lógico-matemática

Utilizadas para fines educativos

Menú

Fase de producción · Imagen

Mapa conceptual

Esquemas

La imagen:

Forma de representación

Mapa mental

Cronologías

Menú

Fase de producción · Imagen

La composición:

Retícula

Retícula

Diseño basado en la retícula

Diseño final Claro y armónico

Menú

Derechos

autor

de

y licenciamiento

“Es el conjunto de normas que protegen al autor como creador de una obra en el campo literario y artístico, entendida ésta, como toda expresión humana producto del ingenio y del talento que se ve materializada de cualquier forma perceptible por los sentidos y de manera original.”

Es fácil copiar una imagen desde Internet o escanear un dibujo, pero usted no tiene automáticamente el derecho legal de usar esa imagen. Recuerde descargar imágenes sólo de los sitios que las ofrecen gratuitamente o si utiliza una imagen de algún libro u otro medio, no olvide referenciarla.

Menú

Derechos de autor y licenciamiento

¿Qué es creative commons?

Creative Commons es un proyecto internacional que tiene como propósito fortalecer a creadores para que sean ellos quienes definan los términos en que sus obras pueden ser usadas, qué derechos desean entregar y en qué condiciones lo harán.

Menú

Derechos de autor y licenciamiento · Creative Commons

Aquellas cuyo autor te ha dado permiso por escrito: ya sea en un email, en la bandeja de mensajes de Flickr, donde sea, el caso es que tengas su permiso por escrito, virtual o en papel. Las que posean Licencia Creative Commons CC0. Es una licencia de dominio público, o sea, Sin Derechos Reservados. Las que posean otro tipo de licencia Creative Commons, pero que requieren referenciar al autor.

Las imágenes que puede utilizar son:

Fuente: https://epymeonline.com/mejores-bancos-de-imagenes-gratis https://creativecommons.org/publicdomain/zero/1.0/deed.es

Menú

Recursos

(Revisa las condiciones de las licencias de cada uno de los sitios antes de descargar)

En los siguientes enlaces encontrará algunos sitios web de los cuales podrá descargar fotografías y recursos gráficos de uso libre.

Gráficos:

Plantillas PowerPoint:

En los siguientes enlaces encontrará algunos sitios web de los cuales podrá descargar plantillas de PowerPoint de uso libre.

Menú

Herramientas

Dudas · Comentarios · Sugerencias

Si requieres acompañamiento para implementar esta ruta, solicítalo a:

centromagis@javerianacali.edu.co