Otras 5 tendencias en diseño web del 2015

tendencias diseño web 2015

Hace uno días os escribía el complemento a este artículo con otras 5 tendencias en diseño web que han marcado el 2015. Miramos hacia atrás a algunas de las mayores tendencias web del año. Como os escribí en el artículo que os enlazado anteriormente, también han marcado los Scrollings muy largos, diseños con tarjetas, diseño plano, las animaciones con gran alcance y con fascinantes fotografías. Pues ahora os mostramos otras 5 tendencias en diseño web del 2015, espero que os gusten.

HD backgrounds

Backgrounds en HD

Trabajando en conjunto con las tendencias en la fotografías de gran resolución, el uso de fondos (backgrounds) de alta definición también han aumentado en popularidad este año. Vemos gran calidad de alta definición para vídeos, donde los navegadores y velocidades de Internet ya pueden manejar más de vídeo y fondos cinematográficos en gran resolución, tienden a conectar emocionalmente con el usuario, mostrando un gran trabajo.

Cuando hablamos de HD es una resolución superior a 200 ppp (dpi), mientras que la definición estándar es de 72 ppi. Esto hace que las imágenes diseñadas en SD aparecen borrosas, esto significa que los usuarios con pantallas SD no notarán la diferencia, pero los que tienen HD si.

Ejemplo (readymag)

Tipografías Bold

Tipografías Bold

Con tantas fuentes ya no se solía prestar una gran preocupación en esta temática, pero la disponibilidad de nuevas fuentes gratuitas tipografías ha comenzado a jugar un papel más importante en el diseño web.

La tipografía bold llama la atención sobre sí misma, pero no es necesariamente natural o elaborada. De hecho la simple tipografía es a veces la más atrevida. Junto con las tendencias planas y minimalistas, las tipografía actuales como la bold también favorece la simplicidad. Por ejemplo un tipo de letra ‘sans serif’ hace una declaración visual que mejora la legibilidad. Independientemente de la fuente, uno de los usos más comunes de la tipografía de este año es de tamaño extremo.

Recuerde que el objetivo principal de la tipografía es la legibilidad y facilidad de lectura. No importa lo impresionante de su tipo de letra, si no se entiende. El buen uso de una elegante tipografía, hará que el usuario o cliente capte con más atención un lugar de tu web que desees que haga más énfasis.

Ejemplo (Google Ideas)

Interáctividad

Interáctividad

Los avances de HTML5, CSS, Javascript y jQuery ahora permiten interacciones más profundas, una herramienta de gran alcance para todas las empresas. Ahora los usuarios están más involucrados, con la estimulaciones más visuales y con contenidos más fuertes.

El aumento de las interacciones también significa un aumento en microinteracciones, donde las microinteracciones son las minucias de la interactividad: un sonido de ‘ding’ cuando se envía un correo electrónico o una animación para llamar la atención sobre una nueva notificación. El diseño de una interacción se volverá más compleja, haciendo de esta una tendencia que hará quedarse en una web por más tiempo.

Ejemplo (Beatbox Academy)

Colores Brilantes

Colores Brilantes

Como vemos con la popularidad en los diseños planos, la tendencia general con efectos visuales alegres y muchos más optimistas. Los colores brillantes ofrecen algo más que una estética más optimista. Los colores llaman la atención al reducir la probabilidad de que un sitio web parezca opaco, el minimalismo que es la última tendencia que os pondré más abajo, va ligado también a esta cuarta tendencia. Cuando se utiliza de forma activa con una buena tipografía, los colores pueden llamar la atención sobre ciertas palabras o frases. Por otra parte, los colores tienen una función valiosa para la facilidad de uso, piense en las tarjetas que cambian de color cuando se hace click sobre ella, donde también es un indicador evidente de la interactividad.

Ejemplo (Spotify)

Minimalismo

Minimalismo

Voy a terminar con otro resultado que aumenta el tráfico móvil, el minimalismo, un estilo definido utilizando sólo lo esencial, o los mínimos elementos. En el ejemplo que os ponemos al final de OMEGA, incluye sólo lo necesario: la configuración de un idioma, menú expandible, y el logotipo para regresar a la página principal.

Visualmente, el minimalismo añade un aire de sotisticación al sitio web, sin importar el género. Pero en un nivel más práctico, la ausencia de imagenes, plugins, etc reduce los tiempos de carga, mejora la legibilidad y crea interfaces  simples que se pueden entender de un solo vistazo. Tener menos elementos hace que el la respuesta de un usuario sea más fácil.

Ejemplo (OMEGA)

Espero que os hayan gustado estas cinco tendencias, y las otras cinco que os puse en el otro artículo que han marcado el diseño web del 2015.


Deja un comentario

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