Diseño web didáctico: consejos para una estructura, colores y tipografía optimizados
1.
2. ESTRUCTURA: 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.
3. L 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. COLORES:
Unconsejo 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. 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).
5. Latipografía es un elemento muy importante del
diseño. Aunque te pueda parecer que cualquiera
vale esto no es así.
Loprimero 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.
6. GIF 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. Además, no tiene
ninguna finalidad didáctica. Totalmente
prohibidos los gifs animados.
7. MÁGENES CON TRASPARENCIA:
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.
8. 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