principios básicos para el diseño de medios~tic
TRANSCRIPT
![Page 1: Principios básicos para el diseño de medios~TIC](https://reader033.vdocuments.mx/reader033/viewer/2022050805/55c6501fbb61eb2e7d8b473a/html5/thumbnails/1.jpg)
Facilitar la percepción de la información
Mejorar el proceso de comunicación didáctica
Contenidos
Utilización educativa de las TIC en los procesos de formación
a) Principios para la selección, utilización, diseño-producción y evaluación de medios~TIC
TIC
ap
licad
as a
la E
du
cació
n
Principios básicos para el diseño de medios~TIC
¡Errores más comunes! ¡Principiosbásicos!
![Page 2: Principios básicos para el diseño de medios~TIC](https://reader033.vdocuments.mx/reader033/viewer/2022050805/55c6501fbb61eb2e7d8b473a/html5/thumbnails/2.jpg)
¡Errores más comunes!
Exceso de información
Principios básicos para el diseño de medios~TICT
IC a
plicad
as a
la E
du
cació
n
![Page 3: Principios básicos para el diseño de medios~TIC](https://reader033.vdocuments.mx/reader033/viewer/2022050805/55c6501fbb61eb2e7d8b473a/html5/thumbnails/3.jpg)
Demasiados niveles de inclusión
¡Errores más comunes!
Principios básicos para el diseño de medios~TICT
IC a
plicad
as a
la E
du
cació
n
![Page 4: Principios básicos para el diseño de medios~TIC](https://reader033.vdocuments.mx/reader033/viewer/2022050805/55c6501fbb61eb2e7d8b473a/html5/thumbnails/4.jpg)
Mala elección de colores
¡Errores más comunes!
Principios básicos para el diseño de medios~TICT
IC a
plicad
as a
la E
du
cació
n
![Page 5: Principios básicos para el diseño de medios~TIC](https://reader033.vdocuments.mx/reader033/viewer/2022050805/55c6501fbb61eb2e7d8b473a/html5/thumbnails/5.jpg)
Errores de ortografía
¡Errores más comunes!
Principios básicos para el diseño de medios~TICT
IC a
plicad
as a
la E
du
cació
n
![Page 6: Principios básicos para el diseño de medios~TIC](https://reader033.vdocuments.mx/reader033/viewer/2022050805/55c6501fbb61eb2e7d8b473a/html5/thumbnails/6.jpg)
Demasiados efectos de animación
¡Errores más comunes!
Principios básicos para el diseño de medios~TICT
IC a
plicad
as a
la E
du
cació
n
![Page 7: Principios básicos para el diseño de medios~TIC](https://reader033.vdocuments.mx/reader033/viewer/2022050805/55c6501fbb61eb2e7d8b473a/html5/thumbnails/7.jpg)
Gráficos incomprensibles ~ saturación de datos
¡Errores más comunes!
Principios básicos para el diseño de medios~TICT
IC a
plicad
as a
la E
du
cació
n
![Page 8: Principios básicos para el diseño de medios~TIC](https://reader033.vdocuments.mx/reader033/viewer/2022050805/55c6501fbb61eb2e7d8b473a/html5/thumbnails/8.jpg)
Consecuencias…
¡Errores más comunes!
Principios básicos para el diseño de medios~TICT
IC a
plicad
as a
la E
du
cació
n
![Page 9: Principios básicos para el diseño de medios~TIC](https://reader033.vdocuments.mx/reader033/viewer/2022050805/55c6501fbb61eb2e7d8b473a/html5/thumbnails/9.jpg)
Organización del espacio visual
Color
Gráficos
Tipo de Letra
Longitud de los Textos
Elementos animados y audiovisuales
Estático vs Dinámico
Sencillez
¡Principiosbásicos!
Principios básicos para el diseño de medios~TICT
IC a
plicad
as a
la E
du
cació
n
![Page 10: Principios básicos para el diseño de medios~TIC](https://reader033.vdocuments.mx/reader033/viewer/2022050805/55c6501fbb61eb2e7d8b473a/html5/thumbnails/10.jpg)
Evitar el exceso de información:
~ Dificultad de lectura
~ Copia de apuntes
~ Distracción y dispersión de la atención
¡Principiosbásicos!Sencillez
Principios básicos para el diseño de medios~TICT
IC a
plicad
as a
la E
du
cació
n
![Page 11: Principios básicos para el diseño de medios~TIC](https://reader033.vdocuments.mx/reader033/viewer/2022050805/55c6501fbb61eb2e7d8b473a/html5/thumbnails/11.jpg)
Evitar el exceso de información:
~ Dificultad de lectura
~ Copia de apuntes
~ Distracción y dispersión de la atención
Utilizar imágenes que ilustren la información:
~ Sencillas y simples (no simplistas)
~ Evitar imágenes polisémicas que puedan generar confusión
¡Principiosbásicos!Sencillez
Principios básicos para el diseño de medios~TICT
IC a
plicad
as a
la E
du
cació
n
![Page 12: Principios básicos para el diseño de medios~TIC](https://reader033.vdocuments.mx/reader033/viewer/2022050805/55c6501fbb61eb2e7d8b473a/html5/thumbnails/12.jpg)
Estático vs Dinámico
Uso moderado y didáctico de los efectos-transiciones, animaciones y sonidos
Contenidos vs efectos: evitar el «espectáculo de distracción multimedia»
¡Principiosbásicos!
Principios básicos para el diseño de medios~TICT
IC a
plicad
as a
la E
du
cació
n
![Page 13: Principios básicos para el diseño de medios~TIC](https://reader033.vdocuments.mx/reader033/viewer/2022050805/55c6501fbb61eb2e7d8b473a/html5/thumbnails/13.jpg)
Elementos animados y audiovisuales
Ayudan a ilustrar y/o reforzar las ideas principales
Sonidos, animaciones y secuencias de vídeo
¡Principiosbásicos!
Principios básicos para el diseño de medios~TICT
IC a
plicad
as a
la E
du
cació
n
![Page 14: Principios básicos para el diseño de medios~TIC](https://reader033.vdocuments.mx/reader033/viewer/2022050805/55c6501fbb61eb2e7d8b473a/html5/thumbnails/14.jpg)
Longitud de los Textos
Resaltar sólo los aspectos más importantes
Hacer referencia a una única idea
No utilizar más de seis ~ ocho líneas
Evitar el uso de frases largas o copias de páginas impresas
Emplear términos concisos y claros
¡Principiosbásicos!
Principios básicos para el diseño de medios~TICT
IC a
plicad
as a
la E
du
cació
n
![Page 15: Principios básicos para el diseño de medios~TIC](https://reader033.vdocuments.mx/reader033/viewer/2022050805/55c6501fbb61eb2e7d8b473a/html5/thumbnails/15.jpg)
Diferenciar los títulos y contenidos: subapartados principales y secundarios
Combinar sólo varios tipos de fuentes: distracciones y fatiga visual
Fuentes: Arial ~ Helvética ~ Palatino ~ Times New Roman ~ Verdana ~ Tahoma
Tipo de Letra
1. Curso alto.
El Guadalquivir
1.1. Nacimiento.
El río Guadalquivir nace a 1645 metros de altura en la Cañada de las Fuentes entre las sierras de
Cazorla y Pozo Alcón.
La mayor parte de su recorrido discurre por un área deprimida limitada, al norte por Sierra Morena
y al sur por las Cordilleras Béticas, adquiriendo la forma de triángulo.
De sus 668,3 kilómetros de longitud, nos ocuparemos de sus últimos 90 kilómetros comprendidos
desde la salida de Sevilla, donde se hace navegable, hasta llegar a su desembocadura en Sanlúcar de
Barrameda en el Océano Atlántico (…).
¡Principiosbásicos!
Principios básicos para el diseño de medios~TICT
IC a
plicad
as a
la E
du
cació
n
![Page 16: Principios básicos para el diseño de medios~TIC](https://reader033.vdocuments.mx/reader033/viewer/2022050805/55c6501fbb61eb2e7d8b473a/html5/thumbnails/16.jpg)
Diferenciar los títulos y contenidos: subapartados principales y secundarios
Combinar sólo varios tipos de fuentes: distracciones y fatiga visual
Fuentes: Arial ~ Helvética ~ Palatino ~ Times New Roman ~ Verdana ~ Tahoma
Tipo de Letra
¡Principiosbásicos!
Principios básicos para el diseño de medios~TICT
IC a
plicad
as a
la E
du
cació
n
El Guadalquivir
1. Curso alto.
1.1. Nacimiento.
El río Guadalquivir nace a 1645 metros de altura en la Cañada de las Fuentes entre
las sierras de Cazorla y Pozo Alcón. La mayor parte de su recorrido discurre por un
área deprimida limitada, al norte por Sierra Morena y al sur por las Cordilleras
Béticas, adquiriendo la forma de triángulo. De sus 668,3 kilómetros de longitud,
nos ocuparemos de sus últimos 90 kilómetros comprendidos desde la salida de
Sevilla, donde se hace navegable, hasta llegar a su desembocadura en Sanlúcar de
Barrameda en el Océano Atlántico (…).
![Page 17: Principios básicos para el diseño de medios~TIC](https://reader033.vdocuments.mx/reader033/viewer/2022050805/55c6501fbb61eb2e7d8b473a/html5/thumbnails/17.jpg)
Fuentes: Arial ~ Helvética ~ Palatino ~ Times New Roman ~ Verdana ~ Tahoma
Combinar sólo varios tipos de fuentes: distracciones y fatiga visual
Evitar los textos en MAYÚSCULAS o cursivas: dificultades de lectura y cansancio visual
Diferenciar los títulos y contenidos: subapartados principales y secundarios
Mantener los tipos de letras y tamaños seleccionados en todo el medio~TIC
Tamaños: condicionados por el lugar ~ distancia de proyección
~ Títulos: 18-20 y 32-36 puntos.
~ Contenidos: 12-14 y 20-24-26
Tipo de Letra
¡Principiosbásicos!
Principios básicos para el diseño de medios~TICT
IC a
plicad
as a
la E
du
cació
n
El Guadalquivir vs EL GUADALQUIVIR ~ EL GUADALQUIVIR ~ El Guadalquivir
![Page 18: Principios básicos para el diseño de medios~TIC](https://reader033.vdocuments.mx/reader033/viewer/2022050805/55c6501fbb61eb2e7d8b473a/html5/thumbnails/18.jpg)
Gráficos
Evitar el exceso de información: estadística y numérica
Utilizar con precaución
¡Principiosbásicos!
Principios básicos para el diseño de medios~TICT
IC a
plicad
as a
la E
du
cació
n
![Page 19: Principios básicos para el diseño de medios~TIC](https://reader033.vdocuments.mx/reader033/viewer/2022050805/55c6501fbb61eb2e7d8b473a/html5/thumbnails/19.jpg)
Contraste Contraste
Color
Resaltar las palabras y textos claves
No debe limitarse a los fondos y elementos gráficos
Mantener la relación de contraste entre el fondo y los textos ~ elementos gráficos
Evitar el subrayado: confusión con hipervínculos ~ palabras de enlace
¡Principiosbásicos!
Principios básicos para el diseño de medios~TICT
IC a
plicad
as a
la E
du
cació
n
Contraste Contraste
![Page 20: Principios básicos para el diseño de medios~TIC](https://reader033.vdocuments.mx/reader033/viewer/2022050805/55c6501fbb61eb2e7d8b473a/html5/thumbnails/20.jpg)
Color
¡Principiosbásicos!
Principios básicos para el diseño de medios~TICT
IC a
plicad
as a
la E
du
cació
n
![Page 21: Principios básicos para el diseño de medios~TIC](https://reader033.vdocuments.mx/reader033/viewer/2022050805/55c6501fbb61eb2e7d8b473a/html5/thumbnails/21.jpg)
Organización del espacio visual
Respetar el área de trabajo y los espacios de respiro (títulos, guías de navegación, botones…)
Área de trabajo
Espacio de respiro
Espacio de respiro
¡Principiosbásicos!
Principios básicos para el diseño de medios~TICT
IC a
plicad
as a
la E
du
cació
n
![Page 22: Principios básicos para el diseño de medios~TIC](https://reader033.vdocuments.mx/reader033/viewer/2022050805/55c6501fbb61eb2e7d8b473a/html5/thumbnails/22.jpg)
Organización del espacio visual
Respetar el área de trabajo y los espacios de respiro (títulos, guías de navegación, botones…)
Área de trabajo
Espacio de respiro
Espacio de respiro
VídeoTexto
TítuloApartado - subapartados
¡Principiosbásicos!
Principios básicos para el diseño de medios~TICT
IC a
plicad
as a
la E
du
cació
n
![Page 23: Principios básicos para el diseño de medios~TIC](https://reader033.vdocuments.mx/reader033/viewer/2022050805/55c6501fbb61eb2e7d8b473a/html5/thumbnails/23.jpg)
Organización del espacio visual
Respetar el área de trabajo y los espacios de respiro (títulos, guías de navegación, botones…)
Área de trabajo
Espacio de respiro
Espacio de respiro
VídeoTexto
TítuloApartado - subapartados
¡Principiosbásicos!
Principios básicos para el diseño de medios~TICT
IC a
plicad
as a
la E
du
cació
n
![Page 24: Principios básicos para el diseño de medios~TIC](https://reader033.vdocuments.mx/reader033/viewer/2022050805/55c6501fbb61eb2e7d8b473a/html5/thumbnails/24.jpg)
Respetar el área de trabajo y los espacios de respiro (títulos, guías de navegación, botones…)
Distribuir la información en función de su relevancia didáctica vs criterios estéticos
Estructurar los contenidos diferenciando títulos y subapartados principales-secundarios
Organización del espacio visual
¡Principiosbásicos!
Principios básicos para el diseño de medios~TICT
IC a
plicad
as a
la E
du
cació
n
1. Geografía
2. Origen geológico
3. Curso Alto
3.1. Vegetación, clima y geología
3.2. Nacimiento
4. Curso Medio4.1. Vegetación, clima y geología
4.2. Historia
5. Curso Bajo5.1. Vegetación, clima y geología
5.2. Importancia de Sevilla
El Guadalquivir
![Page 25: Principios básicos para el diseño de medios~TIC](https://reader033.vdocuments.mx/reader033/viewer/2022050805/55c6501fbb61eb2e7d8b473a/html5/thumbnails/25.jpg)
Respetar el área de trabajo y los espacios de respiro (títulos, guías de navegación, botones…)
Distribuir la información en función de su relevancia didáctica vs criterios estéticos
Estructurar los contenidos diferenciando títulos y subapartados principales-secundarios
Organización del espacio visual
¡Principiosbásicos!
Principios básicos para el diseño de medios~TICT
IC a
plicad
as a
la E
du
cació
n
3. Curso alto.
El Guadalquivir
3.2. Nacimiento.
El río Guadalquivir nace a 1645 metros de altura en la Cañada de las Fuentes entre las sierras de
Cazorla y Pozo Alcón.
La mayor parte de su recorrido discurre por un área deprimida limitada, al norte por Sierra Morena
y al sur por las Cordilleras Béticas, adquiriendo la forma de triángulo.
De sus 668,3 kilómetros de longitud, nos ocuparemos de sus últimos 90 kilómetros comprendidos
desde la salida de Sevilla, donde se hace navegable, hasta llegar a su desembocadura en Sanlúcar de
Barrameda en el Océano Atlántico (…).
![Page 26: Principios básicos para el diseño de medios~TIC](https://reader033.vdocuments.mx/reader033/viewer/2022050805/55c6501fbb61eb2e7d8b473a/html5/thumbnails/26.jpg)
Respetar el área de trabajo y los espacios de respiro (títulos, guías de navegación, botones…)
Distribuir la información en función de su relevancia didáctica vs criterios estéticos
Estructurar los contenidos diferenciando títulos y subapartados principales-secundarios
Organización del espacio visual
¡Principiosbásicos!
Principios básicos para el diseño de medios~TICT
IC a
plicad
as a
la E
du
cació
n
El Guadalquivir
1. Curso alto.
1.1. Nacimiento.
El río Guadalquivir nace a 1645 metros de altura en la Cañada de las Fuentes entre
las sierras de Cazorla y Pozo Alcón. La mayor parte de su recorrido discurre por un
área deprimida limitada, al norte por Sierra Morena y al sur por las Cordilleras
Béticas, adquiriendo la forma de triángulo. De sus 668,3 kilómetros de longitud,
nos ocuparemos de sus últimos 90 kilómetros comprendidos desde la salida de
Sevilla, donde se hace navegable, hasta llegar a su desembocadura en Sanlúcar de
Barrameda en el Océano Atlántico (…).
![Page 27: Principios básicos para el diseño de medios~TIC](https://reader033.vdocuments.mx/reader033/viewer/2022050805/55c6501fbb61eb2e7d8b473a/html5/thumbnails/27.jpg)
Respetar el área de trabajo y los espacios de respiro (títulos, guías de navegación, botones…)
Distribuir la información en función de su relevancia didáctica vs criterios estéticos
Estructurar los contenidos diferenciando títulos y subapartados principales-secundarios
Principio de consistencia: regularidad en el diseño, fuentes, tamaños, colores, localización, etc.
Organización del espacio visual
¡Principiosbásicos!
Principios básicos para el diseño de medios~TICT
IC a
plicad
as a
la E
du
cació
n
![Page 28: Principios básicos para el diseño de medios~TIC](https://reader033.vdocuments.mx/reader033/viewer/2022050805/55c6501fbb61eb2e7d8b473a/html5/thumbnails/28.jpg)
Principio de consistencia: regularidad en el diseño, fuentes, tamaños, colores, localización, etc.
Organización del espacio visual
¡Principiosbásicos!
Principios básicos para el diseño de medios~TICT
IC a
plicad
as a
la E
du
cació
n
![Page 29: Principios básicos para el diseño de medios~TIC](https://reader033.vdocuments.mx/reader033/viewer/2022050805/55c6501fbb61eb2e7d8b473a/html5/thumbnails/29.jpg)
Respetar el área de trabajo y los espacios de respiro (títulos, guías de navegación, botones…)
Distribuir la información en función de su relevancia didáctica vs criterios estéticos
Estructurar los contenidos diferenciando títulos y subapartados principales-secundarios
Principio de consistencia: regularidad en el diseño, fuentes, tamaños, colores, localización, etc.
Elementos para la organización perceptiva (Aparici y Matilla, 1998): puntos de atención y líneas de fuerza
Organización del espacio visual
¡Principiosbásicos!
Principios básicos para el diseño de medios~TICT
IC a
plicad
as a
la E
du
cació
n
![Page 30: Principios básicos para el diseño de medios~TIC](https://reader033.vdocuments.mx/reader033/viewer/2022050805/55c6501fbb61eb2e7d8b473a/html5/thumbnails/30.jpg)
Elementos para la organización perceptiva: puntos de atención y líneas de fuerza
Principios básicos para el diseño de medios~TICT
IC a
plicad
as a
la E
du
cació
n
![Page 31: Principios básicos para el diseño de medios~TIC](https://reader033.vdocuments.mx/reader033/viewer/2022050805/55c6501fbb61eb2e7d8b473a/html5/thumbnails/31.jpg)
Elementos para la organización perceptiva: puntos de atención y líneas de fuerza
Principios básicos para el diseño de medios~TICT
IC a
plicad
as a
la E
du
cació
n
![Page 32: Principios básicos para el diseño de medios~TIC](https://reader033.vdocuments.mx/reader033/viewer/2022050805/55c6501fbb61eb2e7d8b473a/html5/thumbnails/32.jpg)
Elementos para la organización perceptiva: puntos de atención y líneas de fuerza
Principios básicos para el diseño de medios~TICT
IC a
plicad
as a
la E
du
cació
n
![Page 33: Principios básicos para el diseño de medios~TIC](https://reader033.vdocuments.mx/reader033/viewer/2022050805/55c6501fbb61eb2e7d8b473a/html5/thumbnails/33.jpg)
Elementos para la organización perceptiva: puntos de atención y líneas de fuerza
Principios básicos para el diseño de medios~TICT
IC a
plicad
as a
la E
du
cació
n
![Page 34: Principios básicos para el diseño de medios~TIC](https://reader033.vdocuments.mx/reader033/viewer/2022050805/55c6501fbb61eb2e7d8b473a/html5/thumbnails/34.jpg)
Elementos para la organización perceptiva: puntos de atención y líneas de fuerza
Principios básicos para el diseño de medios~TICT
IC a
plicad
as a
la E
du
cació
n
![Page 35: Principios básicos para el diseño de medios~TIC](https://reader033.vdocuments.mx/reader033/viewer/2022050805/55c6501fbb61eb2e7d8b473a/html5/thumbnails/35.jpg)
Elementos para la organización perceptiva: puntos de atención y líneas de fuerza
Principios básicos para el diseño de medios~TICT
IC a
plicad
as a
la E
du
cació
n
![Page 36: Principios básicos para el diseño de medios~TIC](https://reader033.vdocuments.mx/reader033/viewer/2022050805/55c6501fbb61eb2e7d8b473a/html5/thumbnails/36.jpg)
Elementos para la organización perceptiva: puntos de atención y líneas de fuerza
Principios básicos para el diseño de medios~TICT
IC a
plicad
as a
la E
du
cació
n
![Page 37: Principios básicos para el diseño de medios~TIC](https://reader033.vdocuments.mx/reader033/viewer/2022050805/55c6501fbb61eb2e7d8b473a/html5/thumbnails/37.jpg)
Elementos para la organización perceptiva: puntos de atención y líneas de fuerza
Principios básicos para el diseño de medios~TICT
IC a
plicad
as a
la E
du
cació
n