El diseño web, ha sufrido un gran cambio en los ultimos tiempos, en aspectos como la estructura, el uso de nuevas tecnologias, y el diseño gráfico. En este artículo nos vamos a centrar en este último apartado del diseño web, aportando una guia útil y sencilla de la tendencia actual que existe en el diseño web, la Web 2.0.
MAQUETACIÓN SENCILLA
En primer lugar, el diseño de la web, debe ser lo más sencillo posible, con una maquetación de 1 o 2 columnas. Buscamos que la persona que visita nuestra web, encuentre rapidamente lo que busca. Se consigue una experiencia mucho más tranquila y precisa.
ORIENTACIÓN CENTRADA
El contenido de la web, así como el diseño, deberán estar centrados. Cuando el contenido está centrado en la pantalla, se percibe una mayor simplicidad, un diseño más limpio. Este contenido centrado, tiene una anchura que puede fijarse o bien que sea adaptable a cada tipo de pantalla mediante porcentajes. La ventaja de restringir la anchura del contenido es que la longitud de la línea de texto está ya fijada incluso en pantallas más anchas. Las líneas muy largas de texto son menos eficientes.

DISEÑAR EL CONTENIDO, NO LA PÁGINA
Esta tendencia se basa en un principio fundamental. El diseñador debe centrarse en diseñar el contenido, y no así la página. Hay que facilitar la buena lectura del contenido, y no complicarlo con elementos decorativos. El diseñador deberá centrarse en crear elementos gráfico atractivos, pero con la finalidad de llamar la atención hacia un determinado contenido.
EFECTOS 3D, USO DE REFLEJO
Como hemos comentado anteriormente, es conveniente guiar al usuario hacia los contenidos que le interesen. Para captar la atención, se utilizan efectos y reflejos en objetos, palabras y formas. Tienden a utilizarse degradados de color, que destacaran sobre el diseño sencillo del fondo que ya tengamos diseñado.
Se utilizan también sombras y efectos de reflejo para dar la sensación de tener objetos en 3D dentro de la web, los cuales destacarán sobre el diseño plano de la página web. Otro recurso muy utilizado, es diseñar sellos, estrellas, en definitiva, elementos que resalten lo más importante de la web en ese momento. No hay que abusar de estos recursos, sino lo que estaremos consiguiendo es el efecto contrario, confundir a las personas que visiten nuestra web.



COLORES SUAVES Y NEUTROS. COLORES DE FONDO
La tendencia actual es utilizar colores planos para los fondos de nuestras páginas web. En concreto, colores suaves y neutros, dejando el colorido únicamente para los elementos a destacar. Con ello mejoramos la lectura y la navegabilidad de nuestra web.

COLORES FUERTES E INTENSOS. ELEMENTOS A DESTACAR
Una vez tenemos el fondo de un color neutro o suave, la forma de captar la atención se consigue gracias al contraste de colores. Normalmente se intentan destacar elementos de la web como el logotipo, promociones, novedades de la web, o accesos a secciones de mayor importancia. Las imágenes pueden ser otro elemento importante dependiendo del tipo de web.
ICONOS
El uso de los iconos, está cada vez más extendido en las páginas webs, pero todavia más en la web 2.0. Estos elementos gráficos otorgan a la web un aspecto visual mucho más atractivo y sirven también para enfocar la atención del usuario. De nuevo, un uso incorrecto como el uso másivo de estos elementos, provocará el efecto que no deseamos.

ESPACIOS EN BLANCO
Todo diseño tiene que tener una via de escape, un punto en el cual relajar la vista. Es conveniente para ello, dotar a nuestra web de zonas en blanco entre elementos, de forma que organizamos mejor la información y no saturamos la vista de las personas que visiten nuestro sitio. Cuando hablamos de zonas en blanco nos referimos a zonas sin elementos, no necesariamente tiene que ser blanco el espacio, pero si es recomendable usar colores suaves.


TEXTOS GRANDES
Finalmente, hablaremos del uso de los textos, una de las características más destacables de las webs 2.0. Deberemos diferenciar claramente los textos más importantes de los menos. Para ello, destacaremos la importancia del texto principalmente por el tamaño de la fuente. No tengamos miedo en destacar en exceso el texto. El uso de diferentes tipografias y el color, también determinarán mejor la diferente importancia de los textos. Hay que crear un contraste de tamaños, ya que si está el texto muy homogeneizado, no veremos con facilidad los apartados y subapartados de la web.


EJEMPLOS
Veremos ahora algunos ejemplos de web 2.0:




It‘s quite in here! Why not leave a response?