Diseño de webs 2.0

Desarrollo web Dejar un comentario

¿Cuáles son las características que se repiten una y otra vez en las webs 2.0? Revisemos uno a uno estos factores con el objetivo de tenerlos en cuenta en el diseño de nuestro sitio corporativo.

Antes de proseguir, me gustaría recordar que por encima del diseño de una web deberían encontrarse sus objetivos (una web debe existir por alguna razón). No obstante, siempre es conveniente cuidar también el diseño.

Comencemos con los aspectos que definen un diseño 2.0:

  • Simplicidad: El diseño es más simple y limpio que nunca.
  • Diseño centrado: En esa búsqueda de una sensación de sencillez se encuentra centrar la web dentro de la ventana del navegador.
  • Pocas columnas: Un número bajo de columnas para la maquetación del contenido contribuirá a la simplicidad del sitio. Lo ideal será un diseño con dos columnas. Nunca más de tres.
  • Sección superior separada: Añadir una cabecera con el logotipo de la empresa y el mensaje corporativo (tagline).
  • Navegación sencilla: Basar la organización del contenido en torno a un menú de navegación consistente (con categorías lógicas y no más de siete elementos) siempre visible.
  • Logotipos en negrita: Usar logotipos claros y en negrita, que destaquen y aporten ya una primera impresión del resto del sitio.
  • Tamaño de texto grande: El usuario debe poder leer cualquier contenido de forma cómoda y sin tener que forzar la vista.
  • Introducciones al contenido en negrita: Aplicar el concepto de la pirámide invertida. Es decir, una introducción que muestre ya el resultado al que se llegará en el contenido.
  • Colores fuertes: De nuevo, con el objetivo de ayudar al usuario, deberíamos emplear colores fuertes para marcar por dónde debería transcurrir la navegación.
  • Superficies “enriquecidas”: Degradados, brillos, imágenes de buena calidad, efectos en tres dimensione, … con el fin de ofrecer un gran impacto visual.
  • Degradados: Fondos degradados o con algún otro enfoque de movimiento.
  • Reflejos: Proporcionarán un diseño más cuidado.
  • Iconos originales: Como vía de refuerzo del mensaje textual. En ningún caso es aconsejable emplear iconos de manera única (siempre será complicado afirmar que un icono es universal).
  • Estrellas: O cualquier otro elemento que potencie el mensaje de una oferta, un precio destacado, …

Fuente original: Web 2.0: How to design style guide

Deja un comentario

WP Tema & Iconos por N.Design Studio
Entradas RSS Comentarios RSS Acerca de Contacto Aviso legal Mapa del sitio