Zagaza

CONTENIDOS DIGITALES

La gran diferencia entre los materiales educativos creados por empresas de contenidos o editoriales y los materiales creados por profesores es que los primeros son puro diseño gráfico y los segundos puro diseño didáctico (con algunas excepciones).
LA ESTRUCTURA
Todo lo que hagas debe seguir una maquetación coherente. La simetría, el orden y la compensación de losespacios 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.
Existen muchas páginas donde se pueden descargar layout ogrid sobre los que diseñar. Muchos editores de HTML llevan incorporadas plantillas que podemos utilizar.
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.
LOS COLORES
Un consejosencillo, 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. Según el tipo de ropa y el contexto elegirás unos colores u otros. (Un verde manzana quizá no quede muy bien en una americana pero si en una camiseta para ir a la playa, cada situación tiene sus colores).Normalmente un diseñador no elige los colores sobre la marcha sino que trabaja sobre una paleta que ha elegido previamente. 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.
De esa paletade 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.

LATIPOGRAFIA
La tipografía es un elemento muy importante del diseño. Aunque te pueda parecer que cualquiera vale esto no es así.
Lo primero que debes tener en cuenta es que si tuactividad 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.
No hay fuentes más bonitas que otras, cada una de ellas puede quedar muy bien en un contexto y fatal en otro. En nuestro caso las fuentes debenser sencillas y muy legibles y usar como mucho dos tipos de fuentes en un mismo material.
Un consejo más, nunca uses la fuente “Comic sans” (por favor).  Sólo hay una cosa que un diseñador odie más que Internet Explorer 6 y es la fuente Comic Sans.
Por último, recuerda  no utilizar un tamaño de fuente menor de 12.
LAS IMAGENES
Gifs animados. Tus alumnos juegan en la consola a juegos en 3D desde quenacieron. 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. Además, no tiene ninguna finalidad didáctica. Totalmente prohibidos los gifs animados.
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 imagenque queda fatal. Si tu fondo no es blanco utiliza imágenes png y esos molestos píxeles no aparecerán.
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...