BlogStyle

Últimamente a venido una ola muy grande de diseño 2.0 que esta revolucionando a los web designers y casi casi solo eso quieren hacer.

Pues como esta muy de moda vamos a ver que es lo que lo identifica para que nosotros también lo implementemos en nuestros diseños.

Vamos por puntos.

• Simplicidad: Sin duda algo que caracteriza el diseño 2.0 es la simplicidad, como el gigante google dice: “la simplicidad es poderosa”. Pero ¿por qué? Yo creo por la importancia que se le a dado de que los usuarios vean ciertas cosas, se trata de resaltar lo importante.
• Pocas Columnas: Hace unos poco años era normal ver diseños con 4, 3 columnas, hoy por hoy menos es más, normalmente se usa solo una sidebar y esto le da claridad al usuario, de hecho poco a poco se va usando menos la sidebar, en algunos nuevos diseños ya se esta omitiendo.
• Secciones en el header: Poner las secciones de la página en el header es lo de hoy, y si no dense una vuleta por sus blogs prefridos y diganme cuantos usan esta técnica. Esta es una gran idea ya que aprovecha ese espacio entre el header-contenido y al usuario lo informa de las secciones corespondientes.
• Menú simple: Un menú simple pero estético es perfecto y distintivo de una web 2.0, además de que les provee de buenas cosas al usuario como en donde se encuentra y a donde podría ir desde ahi. Intenta usar menús con esquinas redondeadas y diferente efectos de cambio de color y estilo en las opciones.



• Logos: Aqui si hay varias cosas que se están implementando.
  Bold Font. Usar logos con tipografía en negritas.
  Horizontal. Se opta por un estiramiento horizontal.
  Glossy Efect. Usar los famosos efecto glossy en los logos le da una gran vistosidad.
  Reflejo. Junto con el glossy el efecto del reflejo es de los más usados y de los que dan mas vistosidad, son muy recomendados.



• Texto Grande: Usar el texto grande adecuadamente es excelente para el reconocimiento, yo recomiendo un texto relativamente grande en los logos y si es un blog en los títulos de los post ya que limita el fin de un post y marca el inicio de otro. Además de dar un aire de simplicidad y orden.
• Combinación de colores y texturas: Efectos 3d, sombras, relieve y superficies son bonitos efectos que se deben usar con moderación y que funcionan muy bien esteticamente.
  Efectos realistas de superficie (como sombras, los degradados y reflexiones) ayudar a establecer una interfaz visual más real, sólido y un aspecto de “terminado”.
  También algo que si sabes usar le da una gran estética a un trabajo es el saber trabajar con los colores de título, subtítulo, contenido y grado de jerarquía del texto. Por ejemplo usar un tono más fuerte para un título, uno mas claro para un subtítulo (además en negritas) y uno de tono bajo para el texto.
  



• Degradados: Y es que no puedo recordar ahora un diseño en el que no haya usado el degradado, ahora es casi de a ley usarlos, pero claro debes hacerlo con medida y saber implementarlos en la página porque no hay nada peor que un degradado mal implementado.



• Íconos en enlaces: Como en la entrada anterior dije, aveces se nos pasa por alto agregar los iconos en los diferentes enlaces, pero ahora usar íconos cute es super importante. De hecho aveces hasta son impuestos en vez de texto por el grado de intución que suponen.
• Tipografía: Mientras más redondita sea la tipografía es mejor y no tienes porque usar exactamente el negro, puedes usar un color menos fuerte un gris obscuro por ejemplo.

Conclusión. Para mi el diseño web 2.0 se caracteriza por ciertas cosas, primero, colores vistosos y mucha combinación entre ellos e intentar darle un poco de relieve a los objetos como un efecto gloss o unas sombras.
Usar una simplicidad para resaltar el contenido de la página, por eso el usar pocas columnas, mientras más columnas hay más información y más atención dispersa, en cambio mientras más simple es más fácil que se enfoquen en los elementos de la página y si quieres que se den cuenta de algo es tan fácil como usar colores fuertes.

Y una fácil e intuitiva navegación te hace una interfaz placentera para cualquier usuario. Sin duda tomar en cuenta estos puntos te puede ayudar mucho. Pero siempre trata de inovar y usarlos con moderación; Hay que saber cuales usar.

Recomiendo leer:

• Leandono’s Blog
• webdesignfromscratch

Tags: Web 2.0

Trackback