El Blog de Aristopixel

Las tendencias en diseño web 2016

Ya no queda mucho para que acabe 2015 y todos los años a estas alturas nos hacemos la misma pregunta ¿Cómo será las nuevas tendencias web en 2016? Nos hemos aventurado a enseñaros las que creemos que serán las tendencias para el año que viene.

1. Diseño fuera de cuadrícula

Con el diseño web responsive, hemos utilizado cuadrículas como si no hubiera un mañana. Dejando de lado la posibilidad del “desorden ordenado”, de cierta libertad creativa en el mundo web. Hemos llegado a un punto en que el que todas las webs consideradas “bonitas” responden a webs con grandes fotos en cuadrículas, consiguiendo asi que todo tenga el mismo aspecto.

Con el diseño fuera de cuadrícula, da igual que unas fotos floten sobre otras. O que al verla en móvil la disposición de estas respondan más a su buena visualización que en comparación a el recurso estilístico visualizándolo en pantalla estandar.
Podéis ver un ejemplo en Curious space.

Diseno web

Curious Space

2. Diseño con ilustraciones por encargo

Creemos que ya está muy minado el uso de recurso gráficos gratuitos, vectores de pago, ambos tipos muy reconocibles, en 2016 va a primar la creatividad.

La ilustración a medida crecerá ya que no hay mejor manera de ser único o contar una  historia con el apoyo creativo de un ilustrador. Os enseñamos algunos ejemplos de webs con ilustraciones a medida, no dejéis de hacer click sobre las imágenes para ver la navegación y animaciones que tiene cada  una de ellas.

prediccion_02

Creative Freedom Guide

prediccion_03

For better coffee

prediccion_04

DConstruct 2015

prediccion_05

Education Ice & Sky

3. Uso de tipografías como recurso gráfico

En 2016 promete ya que el catálogo de google fonts va creciendo día día.

Pero lo que más nos gusta es cómo cada vez se utilizan las tipografías más creativas y en algunos casos tienen un gran peso en la resolución de algunas páginas web.

Podemos ver estas tendencias:

  • Tipografías grandes
  • Tipos superpuestas a imágenes
  • Tipografías customizadas
  • Uso de tipografías artísticas en la web

Os mostramos unos ejemplos dónde podéis ver el uso de las tipografías como recurso gráfico.

prediccion_06

White Frontier

prediccion_07

Jeff Bridges

prediccion_08

Gogoro Scooter

4. Contar historias a través de la web o el uso del “Storytelling”.

El acto de narrar viene de tiempos inmemoriables, y es un hecho que cualquier campaña que nos cuente una historia, será más fácil de asimilar y empatizar que campañas con otro tipo de impactos publicitarios.

Navega por los ejemplos, en el primer ejemplo podrás conocer la historia de las olimpiadas y en el segundoel mundo de diseño en el ámbito infantil.

Historia de los juegos olímpicos

Historia de los juegos olímpicos

Historia de la infancia del MoMA

Historia de la infancia del MoMA

4. Continuación del uso del diseño Semi-flat

Desde que windows, sacó su estilo “Metro” en 2013, la tendencia al flat desing se ha mantenido aún con sus problemas de usabilidad.

De ahi a que surgiera una tendencia intermedia o semi-flat que seguirá durante el 2016 en tendencia.

prediccion_12

5. Continuación del RWD (responsive web design)

Como ya te hemos dicho más de una vez si tu web no es responsive te estás quedando atrás. De hecho desde el pasado 21 de abril google no abre páginas en web móvil que no sean responsive.
En 2016 seguiremos haciendo webs responsive porque seguirá siendo tendencia. :)

responsive_web_design

6. El uso del parallax

Un par de los sitios web mencionados anteriormente ya se utilizan parallax en sus sitios web. El parallax es un tipo de efecto aplicado a la velocidad y el movimiento de imágenes de fondo. El fondo de la página web se mueve a una velocidad diferente que el resto de la página, haciendo un efecto de capas de profundidad en la página.
Mientras que los ordenadores y la tecnología relacionada a mejorará en el manejo de estos efectos en la web, el uso de estas animaciones únicas también aumentará.

“Scroll for your health” es un ejemplo divertido e interactivo, que explica las propiedades de las frutas usando parallax.

Scroll for your health

Scroll for your health

7. Usos creativos del color

Veremos el uso de colores brillantes pero no como protagonistas, sino acentuando detalles, una de las tendencias que vienen y nos encanta es la tendencia de los monocromáticos, con el fin de utilizar la misma tonalidad de color para evitar distracciones.

Line Equality

Line Equality

8. El poder de la interactividad

Ya no sólo navegaremos, podremos interactuar con la web, adaptarla a nuestros gustos. El poder de la interactividad será mayor y la tecnología en 2016 mejorará notablemente.

Mixed with love

Mixed with love

9. Minimalismo

Arraigado en el movimiento artístico posterior a la Segunda Guerra Mundial, el minimalismo ha vuelto a emerger como una poderosa técnica en el diseño web moderno. Encarnando el concepto de “menos es más”, los sitios minimalistas utilizan espacios negativos, tipografías sin adornos, y los elementos dispersos. En 2016 veremos mucho esta moderna tendencia.

Huncwot

Huncwot

10. Bienvenidos scrolls interminables

Los scrolls se harán más largos que un día sin pan, impulsado este recurso por la dominación del uso de móvil y tablets.
En pocas palabras, cuanto menor sea la pantalla, mayor será el desplazamiento. Esto supondrá un reto a la hora diseñar y ser más creativos planteando técnicas narrativas.

Bar Jack Daniels

Bar Jack Daniels


Esperamos que te hayan gustado las tendencias vaticinadas por nuestras mentes pensantes y disfrutes de la visitas que te proponemos.

Un saludo

El equipo de Aristopixel

15 Comments

  1. Pingback: Las tendencias en diseño web 2016

  2. Pingback: Tendencias del diseño web para 2016 - Interseo Soluciones

  3. alex

    el año del scroll interminable y los clientes siguen queriendo que su contenido entre en una pantalla de 800×600

    Reply
  4. Pingback: Diseño web en el 2016 « Blogger Sam

DROP A COMMENT

Tu dirección de correo electrónico no será publicada. Los campos necesarios están marcados *