1.1.- Diseño gráfico en la web | 1.2.- El diseño ... ¿es importante en una página web? | 1.3.- Elementos comunes de una web. | 1.4.- La web como unidad gráfica. | 1.5.- Qué es gráfico y qué no | 1.6.- El interfaz | 1.7.- Actividades |


1 .- Introducción a la Infografía


El diseño enfocado a la Red suele ser hijo de la receptividad, como cualquier otro tipo de diseño. Más allá del aprendizaje técnico, que consiste en leer informaciones a veces aburridas y engorrosas, existe un modo complementario y muy excitante de aprender. Como decía, hablamos de receptividad. De ver lo que otros muchos hacen con un talento que parece inagotable, y dejar que lo que vemos sedimente en nuestro trabajo; desde el diseño gráfico de los sitios web, desde las imágenes que incluyen y que a veces definen su identidad, hasta la manera en que escriben sus textos. Dejadme decir que pocas cosas me parecen tan divertidas y poco serias como un párrafo mal escrito. ¿Es que desenvolvernos en un entorno digital nos da derecho a escribir mal? Sin duda que no. Los textos deben ser sugestivos, esclarecedores o enigmáticos, pero siempre llamativos y eficientes.

Hace poco visitabamos un sitio web de cierta gran empresa y terminamos preguntándonos si la redacción había corrido a cargo de algún narrador extranjero. El texto era breve y directo, pero cometía fallos gramaticales tan evidentes que era lo que más llamaba la atención; incluso más que el bonito y “efervescente” diseño. Tengamos en cuenta que si nos consideran poco aplicados, no nos tomarán como una alternativa razonable. (Y olvidemos la idea de que alguien nos pague por nuestro trabajo.)

Miremos, analicemos, aprendamos de los demás. Es un proceso basado en la febril actividad de nuestro ratón. Tendremos que hacer clic cientos, miles de veces, antes de que el efecto de los maestros del web deje huella en nosotros. Para empezar podemos observar los estudios y casos de grandes empresas del medio como Adobe y Macromedia, que incluyen secciones ex profeso muy interesantes; y también tenemos la oportunidad de mirar las páginas de las agencias de publicidad y diseño; con frecuencia sus mejores trabajos están hechos para sí mismos, y no para sus clientes.

Muchos son los términos, actividades y productos relacionados con la Infografía:

Diseño, animación, multimedia, páginas web, publicidad, televisión y video, fotografía digital, internet, aplicaciones en CD-ROM, música digital, radio, edición no-lineal, modelos infográficos 3D, productos de ingeniería y diseño, recreación virtuales, logotipos. presentaciones, CD-ROM interactivo, modelado y animación 3D e infoarquitectura.

Esto es un simple ejemplo de lo que nos encontramos entorno a la infografía, todos estos campos tocan puntos comúnes y usan herramientas de funciones similares.

Para ver un poco de lo que estamos hablando puedes visitar las siguientes URL : 2dinfografial, Flash Festival, BMW-FILM (Página publicitaria de los vehículos BMW, podrá disfrutar de un excelente sitema de retransmisión de vídeo)

Se trata de una animación realizada por un diseñador gráfico de la Universidad de Sevilla.

Este es un ejercicio sencillo que puede hacer a una web atractiva y funcional.

Trás estas visitas debemos comenzar a comprender lo que a nivel gráfico aparece en nuestro monitor, haciéndonos preguntas respecto a lo que vemos. En concreto intentaremos responder a las siguientes preguntas:

  • ¿Dónde se encuentra la página que aparece en nuestro PC?
  • ¿De dónde procede?
  • ¿Porqué la muestra mi ordenador?
  • ¿Ve todo el mundo lo mismo que yo y de la misma forma?
Clasificaremos según diferentes criterios todos estos elementos e imágenes, los comententaremos y haremos algunos ejercicios prácticos.

Comentaremos los procesos de creación e insersión dentro de un documento HTML .

En ningún caso pretendemos con este curso formar al alumno en cada una de las herramienta o programas de creación o edición gráfica ya que son innumerables y en costante evolución. Eso sí, os pondremos en contacto con los sítios de descarga que ofrecen softwares gratuitos de evaluación, y al gunas direcciones que ofrecen cursos y foros de éstos.

¿Existe vida más allá de los gráficos estáticos?

En realidad sí. La opción más común es Flash de Macromedia, que permite crear películas realmente complejas e interactivas combinando ilustraciones embebidas, gráficos vectoriales, sonidos y ActionScript, el lenguaje de comandos específico de Flash, amén de otras posibilidades muy bien conocidas. Adicionalmente está disponible el formato vectorial SVG, del que es accesible un manual en Desarrollo Web.

Conclusión

En conclusión, el trabajo del desarrollador gráfico para la web (esa especie de alquimista obligado a dominar y combinar variables tan dispares, y a veces de apariencia incompatible, como la usabilidad y el atractivo de cara al usuario, y la efectividad técnica de cara a la empresa que paga sus honorarios, como por ejemplo en el caso de tiendas on-line), este trabajo, decía, es un proceso largo que requiere un enorme grado de instrucción y aprendizaje técnico, pero también generosas dosis de intuición y anticipación. A fin de cuentas, la Red muta y crece cada poco tiempo, y no podemos quedar atrás. Buena suerte.

 

1.1.- Diseño gráfico en la web | 1.2.- El diseño ... ¿es importante en una página web? | 1.3.- Elementos comunes de una web. | 1.4.- La web como unidad gráfica. | 1.5.- Qué es gráfico y qué no | 1.6.- El interfaz | 1.7.- Actividades |