Carlos Marrero Espósito es licenciado en Bellas Artes, en la Facultad de Bellas Artes perteneciente a la universidad de La Laguna en Tenerife, y seguido estudios en HBK Braunschweig, (Alemania)durante un año. Actualmente curso el programa de doctorado "Creación plástica y diseño" en el departamento "dibujo, diseño y estética" perteneciente a la universidad de La Laguna en la línea de investigación "Diseño gráfico y comunicación visual".
A continuación un artículo verdaderamente interesante escrito por Carlos Marrero (http://www.chr5.com/)el cual transcribo por completo.
Este pequeño artículo pretende dar claves orientativas fundamentales para todas aquellas personas inscritas en el contexto del diseño gráfico que por alguna razón quieran abordar el diseño web y no sepan por donde empezar. Esta guía quiere servir de ayuda a dichas personas.
Lo primero que tendremos que entender es que el diseño web, próximo a otras actividades proyectuales como pueda ser el diseño gráfico, u otras actividades informáticas como pueda ser la programación, constituye hoy por hoy, un ámbito específico de desarrollo: esto quiere decir, que existen ya los suficientes conocimientos básicos del medio, como para considerar esta actividad proyectual como una actividad autónoma. A efectos prácticos, supone que aunque la disciplina comparta similitudes con diferentes ámbitos de conocimientos (Diseño gráfico, informática, producción audiovisual, etc.) hoy por hoy el que quiera dedicarse al diseño web, hablo desde el punto de vista de una persona que compite en un mercado de trabajo o que aspira a insertarse en un equipo de desarrollo de una empresa específica de este sector, deberá aprender un conjunto de conocimientos específicos sobre el medio que van desde psicología orientada a la interacción de las personas con los ordenadores, hasta lenguajes de programación específicos para la web, sin olvidar por todo los elementos de comunicación, diseño de la información y diseño gráfico que puedan intervenir en los diversos proyectos.
Normalmente para el desarrollo eficiente de un buen proyecto web, deberían existir por lo menos, dos personas implicadas en un equipo de trabajo, un programador orientado a web (el responsable del desarrollo de la mecánica de la web, a nivel de funcionamiento interno) , y la otra, debería ser un diseñador gráfico orientado a web (el encargado de diseñar la interfaz gráfica y las estrategias de comunicación gráfica del proyecto).
Por lo tanto una persona que tiene conocimientos de diseño gráfico tendría la posibilidad de acceder a una parte, y esto es importante entenderlo así, del desarrollo web profesional en su conjunto.
El diseñador gráfico tradicional maneja conceptos de comunicación gráfica [Composición, iconografía, tipografía, fotografía, concepto gráfico,etc] a los que se le añaden los conocimientos específicos del medio impreso [ software específico de impresión, archivos digitales, compresión de archivos, comunicación adecuadas con imprentas, formatos, tipos de soportes, relación conceptual de la comunicación con su soporte, etc]. El diseñador gráfico orientado a web [o diseñador gráfico interactivo] es un perfil que aparte de los conocimientos específicos de comunicación que suele manejar un diseñador gráfico tradicional, debe manejar conocimientos específicos de su medio [Interfaz gráfico, diseño de la información, usabilidad, maquetación para el medio digital, lenguajes de programación para el diseño de interfaz,etc] afectando del mismo modo a los niveles conceptuales de la comunicación, ya que el propio medio afecta y define la forma en la que la información debe de ser diseñada.
Por lo tanto y es lo único que quiero dejar claro en estas líneas, es que aunque un diseñador gráfico tradicional, disponga de una base favorable para entender e interpretar la figura del diseñador gráfico interactivo, no bastará con transcribir sus métodos de trabajos, sus modelos de comunicación, a la web, en cambio no sólo deberá entender que se encuentra en un nuevo medio (o paradigma), sino que deberá estar abierto a aprender todos los conocimientos específicos, sobre todo relacionados con la psicología cognitiva y la programación (traducir su propuesta a la máquina), que serán necesarios para dominar el nuevo medio en el que se desarrolla su trabajo.
Si estas interesado en iniciarte en esto del diseño gráfico interactivo tendrás que tener en cuenta dos aspectos importantes en el desarrollo de tus conocimientos:
1. El nivel conceptual: A lo conocido como comunicación visual, tendrás que añadirle todo lo investigado sobre interacción hombre-máquina, o por lo menos a lo básico que se ha hecho llamar usabilidad. La usabilidad habla de como debe organizarce una interfaz, o como debe de estructurarse la información para que sea asequible por una mente humana [ergonomía cognitiva]. Conocer la usabilidad, supone desarrollar la parte conceptual, por que tendrás parte del conocimiento específico que interviene en el diseño de la comunicación, que es específica del medio en el que trabajas, permitiéndote tomar decisiones maduras a la hora de desarrollar tus propuestas gráfico-interactivas.
2. El nivel conductual (acción): El medio digital tiene sus propias reglas: las máquinas, los ordenadores sólo entienden números, esto significa que para llegar a cabo tus propuestas gráficas-interactivas, tendrás que hablar el lenguaje de la máquina. Bueno, con que conozcas el HTML y el CSS, será suficiente. El HTML, es el lenguaje de marcas, que permite estructurar la información de una página web y el CSS (hojas de estilo) es una programación complementaria a la primera que permite mayor control sobre los aspectos de diseño gráfico-interactivo en el documento HTML. Esta parte podría ser desarrollada por un programador. Pero te voy a dar una mala noticia. Los programadores normalmente hacen cosas más difíciles (referente a la programación), y les interesa habitualmente poco, el aspecto de las cosas (o su nivel simbólico). Por lo tanto, el HTML, el “lenguaje” específico de comunicación de los documentos que circulan por la red, deberían ser “diseñados” (programados), por algo así como diseñador gráfico !!! (interactivo). La parte positiva es que gracias a ello, puedes conseguir trabajo, eso sí, tendrás que saber transcribir tus conceptos gráficos, en lenguaje para la red, y esto significa, saber generar un código HTML limpio.
Actualmente, existen dos modos o métodos, bastante definidos, a la hora de abordar el diseño web por parte de diseñadores, exigiendo cada uno de ellos, actitudes diferentes, y produciendo igualmente, resultados diferenciados:
1.Por un lado tenemos los programas wysiwyg [lo que ves es lo que obtienes]. Un programa wysiwyg , es un programa, que normalmente te permite a través de menús gráficos, estructurar un documento web, incluso el aspecto global de un sitio, y traducirlo a HTML. Entre los más populares de estos programas, se encuentran Macromedia Dreamweaver y Adobe Golive ámbos pertenecientes actualmente a la compañia Adobe. Éstos son considerador los programas profesionales por exelencia y a través de menus gráficos, se nos permite realizar maquetas aproximadas que podremos visualizar, mientras, smultáneamente, el programa genera el código html imprescindible, que será lo que realmente funcione como web.Opción aparentemente fácil.
2. Por otro lado tenemos los editores de código HTML. Más o menos sofisticados, más o menos fáciles de usar, que lo que permiten es editar, escribir, incrustar, directamente el código HTML en el editor de forma textual, y darnos una muestra visual del resultado(tipo navegador). Claro, que para ello tendrás que conocer el código. Existen programas gratuitos que ofrecen bastante prestaciones, entre ellos es imprescindible nombrar AMAYA, que ha sido creado por el W3C y el reciente proyecto del grupo de desarrollo MOZILLA, llamado NVU. Esta es la opción aparentemente complicada.
Programas wynsiwyg [visual] |
Editores de código [Textual] |
|
|---|---|---|
Windows |
||
Linux |
Es importante que entiendas la diferencia y lo que te pueden aportarte un programa de código abierto [opensource] respecto a uno de código propietario.
De entre estas dos opciones, la que suelen elegir los diseñadores gráficos es la primera, y la que suelen elegir los programadores que se introducen en el diseño web es la segunda.
Veamos algunas ventajas y desventajas de ámbos métodos como alteranativas en tus prendizaje:
Desventajas wysiwyg [Visual] |
Ventajas de editores [Textual] |
|---|---|
|
|
Ventajas wysiwyg |
Desventajas editores |
|
1.La principal desventaja es que tendrás que aprender un lenguaje (HTML) y un lenguaje complementario (CSS), con sus reglas sintácticas y sus diferentes vocablos (gramática). Esto supone esfuerzo y tiempo. 2. La forma de acceder a ello es a través del teclado, por lo que la accesibilidad es más complicada que la de un programa wynsiwyg, es recomendable que tengas soltura mecanográfica (o aprenderla). |
En la siguiente comparativa hemos podido ver como ámbos métodos nos van a llevar por caminos pedogógícos diferentes y esto redundará en la calidad y la eficiencia de nuestro aprendizaje.
Veamos, los programas wynsiwyg, nos ofrecen comodidad a la hora de trazar actividades básicas, pero se vuelven engorrosos a la hora de representar funciones más complejas en niveles de abstracción. La principal desventaja es que coarta nuestra capacidad de compresión real, y por lo tanto afectaría a largo plazo la creatividad y la posiblidad de innovar en el medio. El aprendizaje es rápido en las primeras etapas, lento en las medias, e impide avanzar a largo plazo.Suponen una buena opción cuando requieres un aprendizaje rápido (aunque superficial), limita tu compresión y tu capacidad de innovación.
En cambio, la opción de iniciarte al diseño web a través de la compresión del lenguaje de la web y el uso de sus editores, supone enfrentarse a la parte difícil al principio (algo que desalienta un poco) para lo que recomiendo hacer un curso de HTML + CSS bien estructurado. Aunque el principio sea duro, los resultados se recogerán a medio y largo plazo, ya que esta medio aumentará tu capacidad de compresión (no sólo de la web) y tu capacidad de innovar en el medio, también te ofrece la posibilidad de usar ese aprendizaje para aplicarlo de modo transversal, en el aprendizaje de otros lenguajes similares.
No me gustaría acabar sin aclarar, que si bien existe estas dos formas de iniciarce al diseño web, un diseñador web profesional debe dominar el mayor número de medios a su alcance, lo que supone hacer uso de ámbos indiscriminadamente. Cuanto más conocimientos tengas sobre los aspectos que conciernen a este tema o similares, dispondrás de mejor capacidad de destreza y desarrollo conceptual de tus proyectos, y esto es lo realmente importará cuando estés trabajando en tus proyectos.
V.V.A.A. - Knapp, Alberto: La experiencia del usuario, Anaya Multimedia, 2003.
Krug, Steve:No me hagas pensar, Practice Hall, 2001.
Norman, Donald A.:La psicología de los objetos cotidianos, Editorial Nerea, 1981.
Castro, Elisabeth: Html con Xhtml y Css, Tábula Digital (Ed. Anaya Multimedia.