Tendencias en el diseño web en 2012

Share on FacebookShare on Google+Tweet about this on TwitterShare on LinkedIn

Es difícil hablar de tendencias en el diseño web cuando este mundillo está en constante cambio y evolución, pero cuando se trata de hacer una retrospectiva de lo que hemos visto durante el último año es ciertamente más fácil. Muchas de las tendencias que se van a enumerar vienen dándose desde antes de 2012 pero dada su gran proliferación durante este año se han ganado merecidamente su puesto en este post.

Webs de una sola página

Cada vez se ven más webs con este estilo porque a parte de ser originales (aunque ya no tanto), son muy efectivas para mostrar características de un producto o una empresa de una manera elegante y atractiva. Se suelen utilizar para sitios que no disponen de una gran cantidad de contenido o que utilizan elementos estilísticos para vender su producto.

La gran mayoría utilizan scroll mediante el ratón o enlaces a modo de ancla para cada sección de manera que el acceso a las mismas se produce sin actualizar la página dotando a la misma de una navegabilidad muy cómoda.

jrigabert

Algunos ejemplos:

Webs con Scroll-Parallax

Tal vez debería haber incluido esta categoría en la de una sola página ya que suelen ser de este tipo (de hecho varios de los ejemplos tienen algo de scroll-parallax), pero en mi opinión las webs con efecto parallax son bastante importantes por separado como para considerarse una tendencia. Se llama Parallax al efecto de profundidad y movimiento que se consigue al utilizar la combinación de varias capas en las que se colocan distintos elementos, se les da distinta velocidad de desplazamiento a cada uno y se les asigna una posición en relación al scroll. Al desplazarse los diversos elementos por la página, estos se van moviendo en relación a su posición y se consiguen efectos bastante impactantes.

En mi opinión esta técnica, aunque muy chula, se utiliza en exceso ya que en ocasiones añade demasiado contenido, ralentiza la carga de la página debido a la utilización de imágenes de tamaño considerable y el rendimiento de las mismas es bastante dudoso en equipos modestos. Si la utilizáis, mi consejo es que  intentéis utilizar el mínimo número de imágenes posibles, o que al menos las optimicéis lo máximo que podáis, aunque a veces ni esto es suficiente.

ala

Algunos ejemplos:

Webs con grandes fotos de fondo

Otra de las tendencias de diseño que se ha visto mucho durante este año ha sido la de utilizar fotografías de de gran tamaño para poner a modo de background. Ha pasado de ser una de las marcas de identidad de los sitios web de fotográfos y de moda a utilizarse en casi cualquier otro tipo de web. Es un recurso bastante resultón porque la fotografía hace casi todo el trabajo de diseño gráfico en la página vistiendo el fondo. Últimamente se suele utilizar con efecto desenfocado cosa que hace que el usuario centre la atención en el contenido y la foto permanece como decorado visual del escenario.

Suelen tener problemas de carga y de rendimiento como las anteriormente citadas parallax, pero en general si se optimizan bien las imágenes no suelen tener ningún inconveniente.

gotochina

Algunos ejemplos:

Webs con colores planos y minimalistas

Como contrapartida a la “epidemia” del diseño web de bordes redondeados con brillos y sombras buscando el efecto 3D y el realismo de los objetos, surge esta tendencia de utilizar colores planos y diseños minimalistas con grandes espacios vacíos. Y es que a veces reinventarse no es tan complicado. Al volver a la base del diseño y eliminar toda la morralla innecesaria nos centramos en lo que importa y el resultado da webs que, en mi opinión, son muy usables e intuitivas.

Está claro que cuando se puso de moda el llamado por algunos “diseño web 2.0” era porque era necesario un cambio tras años de webs planas y repletas de líneas rectas y colores básicos. Ahora pienso que también es necesario ese cambio, o al menos es bueno que haya un poco más de variedad y que no todas las webs parezcan lo mismo.

linda-dong

Algunos ejemplos:

Y estas son, en mi opinión, las tendencias que se han ido siguiendo durante este 2012, que aunque todavía le queda un poco para terminar, parece que ya lo haya hecho. ¿Creéis que falta alguna en esta lista? Os invito a decirla en los comentarios.

Empecé a tocar ordenadores a mediados de los 90 embelesado por el auge de la era multimedia y las posibilidades que ofrecían aquellos cacharros ahora antediluvianos. Con el boom de internet empecé a interesarme por la confección de webs y me centré en aprender HTML y CSS cuando mis necesidades creativas me pedían tener algún tipo de presencia en la red y tras crear un blog con Wordpress, empezó lo que ahora es mi profesión.

Comentarios arrow Un Comentario

Responder a Fabian Alejandro Suarez Cancelar respuesta

Tu e-mail no será publicado. Los campos marcados con un asterisco son obligatorios.