Tendencias diseño web 2014

tendencias diseño web 2014

Estamos a 1 de Enero de 2014 y toca hacer de vidente. Estas serán para mi las 8 tendencias principales en diseño web que dominarán este 2014 que justo hoy empieza. Muchas ya empezaron a aparecer en 2013 pero se harán especialmente dominantes en 2014:

1) RESPONSIVE: Algo por todos conocido: páginas con layout responsivo para adaptarse a la multitud de tamaños y resoluciones de pantalla. En consecuencia irremediable, adiós a las versiones mobile de los sitios web.

Ejemplo: http://worldwildlife.org/

2) INFINITE SCROLLING: Popularizado inicialmente por Facebook y seguido por Pinterest o Tumblr, el contenido se va cargando a medida que bajas la página, y no llegas a paginar nunca.

Ejemplo: http://eurekasoft.com/

3) SINGLE PAGE WEBSITES: En parte relacionado con la tendencia anterior, en 2014 se verán más y más sitios web donde no se navega, sinó que está todo reunido en una página. Un sitio web entero en una sóla página. Una evolución de esta tendencia es abrir enlaces no en una página nueva, sinó en una capa por encima. La gente no quiere abandonar nada, quiere echar vistazos y leer sin que visualmente se pierda lo anterior.

Ejemplo: http://www.lexusls.asia/

4) FIXED HEADER: La vuelta de un clásico, antiguamente realizado con frames dentro de un , y ahora con CSS. No se pierde nunca el menú de navegación, por mucho que bajes queda fijo arriba.

Ejemplo: http://www.fhoke.com/

5) LARGE PHOTO BACKGROUNDS: Las conexiones rápidas actuales permiten cargar casi inmediatamente enormes y espectaculares imágenes de fondo. Dado que tienen un impacto visual muy importante, están predestinadas a ser más omnipresentes. La evolución de esto son los vídeos a todo el ancho y en el fondo, que ya empiezan a verse.

Ejemplo: http://taasky.com/

6) READ LESS, WATCH MORE: Hace tiempo que el vídeo se incursionó en los sitios web como un complemento muy útil, pero poco a poco ya no es complemento sinó que sustituye casi por completo el texto. Ponle a un usuario un párrafo de 400 palabras y un vídeo de 20 segundos y el 80% le dará al play antes que leer. Como epítome de esta tendencia encontramos sitios web donde la home es un vídeo (VIDEO AS HOME).

Ejemplo: http://y.co/

7) NAVEGACIÓN ESTILO METRO: Menús gigantescos, enormes, con navegación al estilo cajas de Windows 8. Cuadros de contenido uno tras otro, con efecto hover, siguiendo el estilo de Windows 8.

Ejemplo: http://theme.crumina.net/index.php?theme=onetouch

8) FLAT DESIGN: Diseño plano con pocas sombras, nada de biseles, brillos y resplandores, siguiendo el estilo de iOS 7.

Ejemplo: http://digital-minded.ca/