Este documento ofrece varias recomendaciones sobre el diseño y la elaboración de materiales digitales. Enfatiza la importancia de planificar el contenido teniendo en cuenta el objetivo y el público al que va dirigido. También recomienda utilizar formatos abiertos y licencias de contenido que permitan la reutilización y modificación del material.

2. 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
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.
LA
ESTRUCTUTA

3. Existen muchas páginas donde se pueden
descargar layout o grid sobre los que
diseñar. Muchos editores de HTML
llevan incorporadas plantillas que
podemos utilizar.
Si vas a diseñar con programas como
Photoshop, Gimp, Inkscape, Illustrator
o Freehand te puedes bajar grids en
todos los formatos.
Estas plantillas para maquetación se
pueden aplicar a cualquier diseño que
hagas ya sea una página web, un flash, un
pdf, etc.
PLANTILLAS

4. 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.
EL FONDO

5. Un consejo sencillo, no pongas en
una pantalla una combinación de
colores que no llevarías puesta.
Buscar la paleta de
colores procura que unos
sean claros y otros oscuros.
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.
LOS COLORES

6. Crea una paleta de 3 a 5-6
colores y construye todo el
material sobre esos colores.
Para ayudarte en la elección
hay herramientas
como kuler.adobe.com donde
puedes crear tus propias
paletas de colores y buscar
dentro de las que ya han
creado otros usuarios.
EJEMPLOS

7. La tipografía es un elemento muy
importante del diseño.
Lo primero que debes tener en cuenta es que
si tu actividad se va a ver en un navegador
tienes que usar una serie de fuentes
determinadas. 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.
NOTA: nunca uses la fuente “Comic sans” Ya
LA
TIPOGRAFIA

8. GIFS ANIMADOS:
Los niños juegan en la consola de 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 Gifs animado de un
perro bailando. Además, no tiene ninguna
finalidad didáctica. Totalmente
prohibidos los Gifs animados.
LAS
IMAGENES

9. IMÁGENES CON
TRANSPARENCIA
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.

10. 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 (las vas a poner
en un tamaño pequeño y no necesitas
una gran resolución para que se vean
bien). 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

11. LA MUSIQUILLA DE FONDO
Esto es una carga innecesaria para una
página y además de distraer molesta.
Hay que eliminar todo aquello que no
sea necesario para la actividad. No hay
que adornar.
MULTIMEDIA

12. FLASH
De esto se hablara más
profundamente en un post
pero como adelanto te
aconsejo que lo evites
siempre que puedas. No es
accesible y requiere de
mucho trabajo, no merece

15. conocer el tema sobre el cual vas a
redactar y los puntos esenciales que
pueden interesar a tu lector potencial
utilizar párrafos cortos y directos
analizar el estilo de redacción que vas
a utilizar teniendo en cuenta quien lo va
a leer
reforzar tu mensaje con todas las
herramientas a tu alcance
innovar para captar la atención y
PAUTAS
BASICAS

16. El visitante tiene que leer y entender
el mensaje en cuestión de segundos.
Como ya sabéis los usuarios no leen
palabra por palabra, sino que
escanean el texto. Aunque hay
excepciones, es muy probable que un
texto largo sea desestimado de
forma inmediata.
TEXTOS CORTOS Y
CONCISOS

17. CONOCE A QUIEN VA DIRIGIDO
EL TRABAJO:
CONOSCAMOS EL TIPO DE
LENGUAJE POR QUE NO ES LO
MISMO DIRIGIRNOS A
JOVENES QUE A ADULTOS O A
NIÑOS.

19. DESTACA ENTRE
LOS DEMÁS
Nota: utiliza slogan y frases
impactantes para atraer la
atención del lector.

20. No puede estar más claro, ¿verdad?
Hay que planificar que es lo que se
va a escribir, donde irá colocado y a
quién va dirigido.
Una vez publicados los textos es muy
importante continuar haciendo test
para comprobar su funcionamiento y
asegurarnos que cumplen con la
misión para la que fueron
PLANIFICA,
COMPRUEBA Y
MODIFICA

21. El alumno como protagonista
(explora, descubre,
experimenta) El docente, tutor
como motivador (anima,
estimula, pregunta).
LOS CONTENIDOS
NO ENSEÑAN
SOLOS

22. Promover el “aprender
haciendo”- Enseñar a partir de
historias, casos y ejemplos-
Poner a disposición la
información relevante en el
momento en que se necesita
Generar motivación e interés
por la materia- Permitirle al
¿QUÉ ROLES
JUEGAN LOS
CONTENIDOS?

23. Permitir al estudiante
controlar su proceso
de aprendizaje a su
propio ritmo.
Procurar que la
tecnología se mantenga
“invisible”: lo que ayuda
a aprender son los
contenidos

24. 1 Es multimedia
2 Es hipertextual
3 No es cerrado
4 reutilizado, actualizado
adaptado a costo muy bajo.
MATERIALES
DIGITALES

25. Comprende todo tipo de
archivo digital: texto, página
web, audio, video, etc.- Puede
ser incorporado y combinado
en cualquier unidad o módulo
de un curso- Es una unidad de
contenido reconocible,
estandarizada e
¿OBJETO DE
APRENDIZAJE?

26. Es recomendable almacenar los
contenidos en un formato que puede ser
abierto en diferentes sistemas sin
necesidad de convertirlos a otros
formatos- No exigir a los estudiantes
usar aplicaciones y herramientas que no
son libres o que son inaccesibles para
leer el formato de los materiales-
Priorizar los formatos abiertos (por
ejemplo, documentos PDF o RTF)- En
aplicaciones y actividades: priorizar los
formatos que corren en la web y que son
FORMATOS

27. Copyrigth: todo lo que
publicamos tiene por defecto
esta licencia- Distinto tipo de
licencias abiertas: Creative
Commons (para especificar
diversas condiciones de uso),
GNU (software libre), etc.-
OPCIONES

28. En lo posible, usar contenido original
o contenido de terceros seleccionado
y remezclado por nosotros.- Copiar,
pegar y reutilizar es válido, siempre
con creatividad, credibilidad y
sentido crítico- Citar, usar enlaces,
crear bibliografías y referencias-
Buscar y utilizar contenido bajo
licencias Creative Commons o de
dominio público- Incrustar contenido
RECOMENDACIO
NES

31. Incentivar a los
docentes en la creación
de contenidos digitales,
en las diferentes áreas
mediante herramientas
gratuitas y de fácil
manejo, útiles para
integrar las Tecnologías

33. Tiene características especial que
lo diferencian del material
didáctico tradicional: Es
multimedia: Combina texto,
imagen, audio, video). Necesitamos
múltiples dispositivos y
herramientas para conseguir el
material y editarlo. Es
hipertextual. Está vinculado a
EL MATERIAL
DIGITAL

34. ACTIVIDADES DE LA
DIGITALIZACIÓN

35. Para elaborar contenidos digitales,
se necesitan varias herramientas
combinadas. Las imprescindibles son:
Procesador de texto
Programa de presentaciones
Editor de fotos e imágenes
Editores sencillos de audio y video
Convertidor a formato PDF, para
publicarlo en un formato accesible.
ALGUNAS HERRAMIENTAS
HABITUALES

36. Texto conciso y escaneable
Lenguaje neutral: usar listas,
diagramas, imágenes
Pirámide invertida: Comenzar
por lo más importante y
terminar con el contexto y lo
complementario
Aprovechar las ventajas del
hipertexto: Como Glosarios,
bibliografía, indices.
DOCUMENTOS DE
TEXTO

37. Las presentaciones en e-learning: Las
presentaciones pueden combinar
texto, imagen, audio, video y
animación, por lo que son una
herramienta de comunicación
versátil y potente.
Si se va a usar en una web
conferencia o videoconferencia, se
debe usar poco texto, fondos claros
y letras oscuras.
Si se trata de un show de imágenes y
PRESENTACIO
NES