Design is everywhere

Concept inbox official blog

Tendencias de diseño web para 2014

Hay muchas cosas interesantes que 2014 tiene preparado para nosotros. El año pasado, nos fijábamos en las tendencias de diseño web de 2013. Muchas de las que vimos en 2013 seguirán vigentes este año y sin duda, se intensificarán. 

1. Tipografía

Tipografía con personalidad

Es genial cuando los diseñadores experimentamos con diferentes tipos de fuentes. Una de las tendencias que podemos esperar en este 2014 es el uso de fuentes con personalidad. Estas fuentes pueden aparecer solas ya que tienen la fuerza suficiente como para no necesitar nada más.

Estas no son precisamente la Serif estándar o la Sans Serif  (Ej. Helvetica).  Los diseñadores debemos estar en una búsqueda constante de diferentes tipos de fuentes que aporten personalidad y originalidad a nuestros diseños. En 2014 esperamos ver muchos sitios web que dejen de usar tipos de fuentes comunes y sencillas que han sido usadas en exceso y empezar a ver fuentes con personalidad.

2. Flat design

Flat design

El año pasado apple dejó de lado el Skeumorfismo y con el lanzamiento de iOS7 vino el diseño aestético más conocido como “Flat Design” Mientras que eliminar sombras y degradados a menudo parece una buena idea para dar un aspecto más moderno a las cosas, Apple lo llevó a un nivel más extremo eliminando prácticamente todos los elementos de diseño que pudieron.

Apple ha sido por mucho tiempo un creador de tendencias, y el resto del mundo parece seguir sus pasos. iOS7 fue lanzado hace relativamente poco tiempo y ya aparecen a diario una gran cantidad de sitios web con “Flat design”. No creemos que esta tendencia vaya a finalizar en 2014.

3. Áreas de introducción con grandes espacios (Hero areas) sustituyen a los sliders

Hero area

Si nos preguntaran cual es la tendencia número 1 en diseño web a día de hoy, sin duda, sería ésta. El uso de grandes áreas (el área “intro”, a menudo una imagen con una pequeña cantidad de texto, en la parte superior de un sitio web – un término tomado del diseño de impresión) en las páginas de inicio de sitios web está creciendo (por ejemplo, la mayoría de los sitios en Line25 “Site of the week” las usan) – y es una tendencia que se seguirá manteniendo en 2014.

Éstas están sustituyendo a los sliders en los lugares donde solían ubicarse. Ya sea se trate de una simple foto borrosa en el fondo con un título centrado en el medio, o unas más elaboradas como la que se observa en Realtii.com, las “Hero areas” se están imponiendo rápidamente como la mejor forma de captar la atención del usuario y se están convirtiendo cada vez más creativos y elaborados.

4. El foco se centra en el móvil (mobile first)

interfaz móvil diseño flat

Ahora que el diseño web responsive se está convirtiendo en algo más común, estamos empezando a ver sitios web que se centran más en tener una experiencia totalmente móvil. Los diseñadores estamos esforzándonos cada vez más en que los sitios web tengan un funcionamiento óptimo en dispositivos móviles y los desarrolladores están yendo un paso más allá para conseguirlo, junto con el hecho de que muchos más dispositivos tienen acceso a la Web y muchos más usuarios utilizan sus teléfonos para navegar por la Web . La integración con redes sociales, solicitar suscripciones por email, los sitios de scroll a una página y la mejora de la velocidad de carga ayudará a todos a hacer la web móvil un lugar más amigable.

5. Vídeos en lugar de texto

Vídeos

¿Por qué leer cuando podemos ver un video? Otra cosa que comenzarás a ver a través de todo Internet con el máximo protagonismo son los vídeos. Los videos son cada vez más fáciles de producir, y más fácil de compartir en la web y en los medios sociales. Mientras que algunos pueden argumentar que los vídeos no deberían tener lugar en una página de inicio para no ralentizar la carga (sobre todo en los dispositivos móviles), los videos son una forma efectiva de comunicar nuestro mensaje. Además, servicios de video como YouTube nos permitirán conocer el número de visualizaciones y de esta forma analizar el éxito del contenido.

6. Sitios web con scroll largo (long scroll)

Sitios web scroll largo

Mientras que hace unos años tratábamos de evitar el scroll vertical a toda costa, por la popularización de los Smartphones nos hemos acostumbrado a realizar scroll hoy en día nos resulta cómodo movernos verticalmente en las páginas para leer la información (a veces mucho más cómodo que hacer click e ir a otra sección). Gracias al poder de HTML5 y CSS3, además de técnicas como el Parallax, podemos realizar sitios de scroll largo sin aburrir al usuario e incluso sin que perciba el desplazamiento, esta tendencia seguirá con fuerza en este 2014.

7. Escala cromática simple

Escala cromática simple

No puede haber una lista de tendencias de diseño en la que no se hable del color. En 2014 veremos esquemas de color más simples, con sólo uno o dos colores. Ya algunos sitios web que están lanzando ahora están utilizando muy pocos colores, incluso usando blanco y negro, utilizando algún color fuerte como el rojo para generar impacto.

8. Contenido simplificado

Contenido simplificado

2013 ha sido el año donde ha reinado el contenido. En 2014 tendremos a un rey más humilde y realista. La simplificación del contenido dominará en 2014 y en adelante cambiando la manera en la que diseñamos nuestros sitios web. Simplificar el contenido significa acortar al máximo, al estilo de Twitter. A medida que pasan los años nuestros lapsos de atención se han acortado por lo que el contenido tiene que adaptarse si queremos captar la atención de nuestros visitantes. En lugar de crear largos relatos, textos cortos que vayan al grano.

9. Desaparece la Sidebar (Barra lateral)

Adiós Sidebar

En los blogs y sitios de noticias es muy común el uso de barras laterales (sidebars). Dado que la tendencia de este año ha sido la de dar importancia al contenido poco a poco se han ido eliminando estas barras laterales, para precisamente dar impacto visual al contenido y a su vez facilitar el desarrollo responsive.

10. Imágenes manipuladas

Imágenes retocadas

Si bien es fácil simplemente subir cualquier foto a la web, es un poco más difícil retocarla y convertirla en algo diferente. En 2014, vamos a empezar a ver mayor cantidad de imágenes con efectos y retoques, como superposiciones de color, imágenes borrosas, o incluso imágenes que recuerdan a los filtros de Instagram.

Por ejemplo, el Seattle Cider Co. utiliza una imagen de gran tamaño en su “Hero area” (como dijimos en el punto 3), pero no cualquier foto. Han retocado la imagen para proporcionar una sensación antigua y rústica que encaja con esa web.

11. Loco, sexy, cool stuff

Loco y sexy

Esta tendencia esperamos que nunca desaparezca. A medida que la web crece y se hace más complicado, y se desarrollan más cosas, los diseñadores y desarrolladores web se ponen manos a la obra.

Si pensabas que el parallax era cool, espera a ver lo que se viene. Esperamos ver muchísimas novedades en 2014, como el uso de HTML5 para animar diferentes partes de una web. Por ejemplo, la web Tobi’s Story’s website (imagen de arriba) es la demostración de una animación sorprendente y cool bien hecha.

¿Piensas que nos dejamos algo por el camino? Déjanos tu comentario más abajo :)

Fuente: http://thenextweb.com/dd/2013/12/29/10-web-design-trends-can-expect-see-2014/12/