Diseño visual para materiales digitales para alumnos de lenguas extranjeras

“El mayor deseo del hombre es el de apretar un pulsador y tener lo que quiere, estirado en un cómodo sofá.”

B. Munari, sobre la evolución instrumental.

-¿Cut & Paste?-

1. Visita al libro de Bruno Munari.

2. Radiografía de un material realizado con Hot Potatoes.

Adaptar el programa computacional, contenido(s) y accesibilidad a los aprendientes y no a la inversa.



Utilizar imágenes objetivas.



Tipografía accesible. (En títulos puede ser variada, mas no en todo el texto).



Proporción entre mayúsculas y minúsculas.



Armonía y equilibrio entre la forma de las letras.



Textura: Pueden ser sólo colores o combinaciones con imágenes, imágenes texturizadas, manipuladas, duplicadas, etc.



Superficie (index): Llamativa y que no refleje estados de animo negativos*.



Fondo (con o sin imágenes).



Colores: En armonía con su combinación y que permitan leer el texto.



Espacio (page): Con distribución adecuada de los elementos.



Soporte Visual: textura forma, estructura, movimiento, módulo.



Todos los elementos anteriores en un equilibrio visual. Al igual que un equilibrio del texto (si es muy amplio dividirlo).



“El diseñador gráfico debe tener una mentalidad elástica” Munari (1973/2002), esto es una sensibilización del signo.



Imágenes y texturas.



Comunicación visual Es todo aquello que vemos. “Conocer la comunicación visual es como aprender una lengua, una lengua hecha solamente de imágenes, pero de imágenes que tienen el mismo significado para personas de cualquier nación, y por tanto de cualquier lengua”.



“Sensibilizar equivale a dar una característica gráfica visible por la cual el signo se desmaterializa como signo vulgar, común y asume una personalidad propia.”

Por ejemplo, Munari menciona que si hace un signo con una regla es frío mecánico, mientras que hecho a mano con bolígrafo ya lo es menos, y si realiza sobre papel rugoso se torna interesante. Actualmente contamos con el programa “Paint”, escáner y muchos otros, como antecedente están los “Computer Graphics”.



 

• Las imágenes y contenidos le dan sentido a los materiales que se realizan.

• Considerar brillo, contraste, etc.

• Evitar frases confusas.



• Tomar en cuenta los valores expresivos que contiene cada imagen y el fondo sobre el que se coloca.



• Evitar distractores/interferencias.

• Considerar filtros de los aprendientes.





Mensaje (visual/escrito) >



Sensoriales



Operativos



Culturales

Filtros (obstáculos).

 

1. f. Facultad de crear.

2. f. Capacidad de creación.

Método de proyección doc001.pdf 



Elementos y proceso



Audio/video.



Imágenes, tablas, etc.



Información; documentos en Word/PDF, (previa búsqueda en red o física).



Herramientas: Hot Potatoes, FrontPage y otras.

    

  

Grabación.

Edición.

Cambiar formato del audio/video Insertar audio/video Tratamiento y manipulación de imágenes (cortar, dividir, tamaño, colocar).

Inserción de imágenes.

Selección/inserción de la información y referencias bibliográficas.

Verificar que se coloquen en un espacio adecuado y equilibrado.



1. Revisión de contenidos/objetivos (gramática, comprensión, etc.). Aspectos Pedagógicos y Culturales.



2. Revisión de elementos y diseño. Aspectos de Diseño .



3. Accesibilidad y funcionabilidad. Aspectos Computacionales.

Total de archivos: 83 ..\phonetics-raul 

Audios: 33



Imágenes: 33

 

Archivos en Word: 5.

PDF: 1.



Hot Potatoes: 9.





La contribución de exper tos Expertos en diseño gráfico/Asistencia a cursos de diseño gráfico.

Expertos en computación (manejo de Java, Flash, animación, etc.)



Trabajo en equipo.



Mayor tiempo de planeación, producción y revisión.



Equipo y uso de diversos programas (considerar su disponibilidad).



Practicar y experimentar con otros programas y equipo.

• Evitar los Wikies. (como referencia es válido).

• Usar más audios/videos propios. (O extractos de audiovisuales auténticos).

• Fotos propias o que no tengan derechos de autor.

•No solamente depender de información en línea.