El documento ofrece consejos gráficos para el diseño de recursos educativos digitales, recomendando seguir una maquetación coherente y ordenada, usar fondos de colores planos en lugar de imágenes, seleccionar una paleta de colores fácil de ver, utilizar fuentes reconocibles por los navegadores, optimizar el peso y tamaño de las imágenes, y evitar elementos innecesarios como música o flash que distraigan al usuario.

1. Consejos
gráficos para el
diseño de
recursos
educativos
digitales.

2. Consejos gráficos
para el diseño de
recursos educativos
digitales.
Carolina García Aviles
1101

3. Consejos!
• Todo lo que hagas debe seguir una maquetación
coherente. La simetría, el orden y la compensación de
los espacios le da coherencia al diseño y ayuda al
lector a situar rápidamente las distintas partes del
contenido. Si pones las cosas donde te parece, sin
ninguna planificación previa, el resultado final tendrá
mal aspecto y hará que el lector se pierda con facilidad
en un caos de gráficos y texto. Esto se puede
solucionar de una forma sencilla.
El fondo.
• No uses imágenes de fondo, sólo colores planos. Estás
haciendo una actividad didáctica en la que lo importante
es el contenido. Los fondos de imágenes repetidas o
grandes imágenes dificultan la visualización del texto
además de que añaden un peso considerable.

4. Los colores.
• Un consejo sencillo, no pongas en una pantalla una
combinación de colores que no llevarías puesta.
Cuando vayas a elegir los colores piensa que estás
delante del armario eligiendo la ropa que te vas a
poner.
• Utiliza los claros para los fondos y los oscuros para
el texto pero ante todo asegúrate de que dispones de
suficientes colores para crear varios contrastes.
La tipografía.
• La tipografía es un elemento muy importante del
diseño. Aunque te pueda parecer que cualquiera vale
esto no es así.
• Debes tener en cuenta es que si tu actividad se va a
ver en un navegador tienes que usar una serie de
fuentes determinadas.

5. • Si usas un tipo de fuente que el usuario no tiene
instalada la sustituirá por la fuente por defecto del
navegador y tu diseño ya no aparecerá tal como lo
hiciste.
• Un consejo más, nunca uses la fuente “Comic
sans”

6. Las Imágenes
Gifs animados:
• Tus alumnos juegan en la consola a juegos en 3D
desde que nacieron. Han visto explosiones y efectos
especiales de todo tipo en cine y televisión. No los
vas a impresionar con un gif animado de un perro
bailando.
Imágenes con transparencias:
• Si vas a usar este tipo de imágenes utiliza imágenes
PNG en lugar de GIF. Los gifs dejan un borde blanco
alrededor de la imagen que queda fatal. Si tu fondo
no es blanco utiliza imágenes png y esos molestos
píxeles no aparecerán.

7. Peso de las imágenes:
• Procura que tus imágenes pesen lo menos posible.
Esto ralentizan la carga y muchas veces no tiene
justificación alguna
• Tampoco debes agrandar las fotos pues éstas
quedan pixeladas al aumentar de tamaño
dificultando la visión y dando un mal aspecto a tu
material.

8. Multimedia
La música de fondo:
• Esto es una carga innecesaria para una página y
además de distraer molesta.
Flash:
• De esto hablaremos más profundamente en un post
pero como adelanto te aconsejo que lo evites
siempre que puedas.

9. Los contenidos no
enseñan solos
• El alumno como protagonista (explora, descubre,
experimenta)
• El profesor-tutor como motivador (anima,
estimula, pregunta

10. ¿Que roles juegan los
contenidos ?
• Promover el “Aprender haciendo”
• Generar motivación e interés por la materia
• Permitir al alumno cometer errores en entornos
seguros de aprendizaje.
• Implicar diferentes sentidos
• Incorporar emociones
• Motivar el “ Aprender a aprender”

11. ¿Qué es un objeto de
aprendizaje?
• Comprende todo archivo digital
• Puede ser incorporado y combinado en cualquier
• unidad
• Es una unidad de contenido reconocible,
estandarizada e interoperable