es
Llamar ahora Enviar whatsapp
Publicado el 26/09/17

Tendencias diseño web 2018



testviews 1.908

Para estar al día y poder ofrecer a nuestros clientes los mejores diseños web, es evidente que hay que estar a la última en cuanto a las tendencias en diseño web.

Como nos gusta ir por delante, en este post vamos a ver las tendencias en diseño web que se van a llevar el próximo año 2018.

Te invitamos a que nos sigas en facebook para estar al día cada vez que colguemos un nuevo post de inspiración… y cuidado, porque estamos preparando algo especial y exclusivo para nuestros seguidores para finales de 2018! ¡Síguenos!

¡Si quieres inspiración web, mira el post sobre los mejores diseños web 2017 2018!

Tendencias diseño web 2018, rendimiento e interacción

Objetos vectoriales animados

tendencias diseno web 2018

Cada vez está más de moda. Lo vectorial vende muy bien. Si además de ello lo animamos, conseguimos una mezcla entre sencillo y sofisticado.

Podemos añadir elementos interactivos, que reaccionen al hover o click del mouse. El objetivo será llamar la atención del usuario.

Alguna de las formas para insertar este tipo de experiencias en nuestro diseño web, puede ser haciendo uso de SVG o el elemento Canvas.

Os recomendamos que le echéis un vistazo a librerías como Lazy Line Painter para SVG y P5JS para Canvas.

Sin duda será una de las tendencias para este 2018 en cuanto a diseño web.

Uso del espacio negativo

El uso del espacio negativo va a tomar gran protagonismo este 2018 en el momento de diseñar una página web. Ya sea a través de imágenes, vídeos y tipografías, hacer un buen uso del espacio negativo, va a dar un toque muy actual a nuestro diseño web.

Negritas y tipografías con personalidad

tendencias diseno web 2018 2

Las tipografías con potencia y cuerpo, van a seguir siendo tendencia, tal y como ya lleva siéndolo desde hace varios años. Lejos quedaron los tiempos en que las tipografías finas eran las protagonistas. Ahora se llevan las negritas y las tipografías con peso.

Las combinaciones entre Serif y Sans, serán también muy bien recibidas, y por lo tanto tendencia en diseño web durante el 2018. Si hacemos correctamente entre ellas buen un juego visual, conseguiremos un abanico de contrastes muy bonito, siempre que lo hagamos con gusto en el momento de elegir cada peso para cada una de ellas.

Cinemagraphs

Los cinemagraphs son una fusión entre una imagen estática junto con un vídeo en completo movimiento. Eso crea un efecto visual el cual llama muchísimo la atención del usuario.

Aunque será tendencia en diseño web este 2018, el uso de cinemagraphs, sin embargo, deberá ser usado con cabeza y con cierta justificación. Puesto que se trata de un recurso que, probablemente, al llevar elementos del tipo vídeo, éstos van a tener un peso considerable y por lo tanto, habrá que tener en cuenta las conexiones con anchos de banda más limitados. Además de eso, recordemos que los usuarios mobile, generalmente, van a rechazar completamente el uso de vídeos cuando se encuentren fuera del alcance de un punto wifi.

Un buen uso de los cinemagraphs, sería utilizándolos como hover en un bloque o para una imagen a modo de header. A partir de eso, estamos seguros, que van a salir otras aplicaciones sorprendentes que a ninguno se nos había pasado por la cabeza.

Te invitamos a que nos sigas en facebook para estar al día cada vez que colguemos un nuevo post de inspiración… y cuidado, porque estamos preparando algo especial y exclusivo para nuestros seguidores para finales de 2018! ¡Síguenos!

Scroll y animaciones

Que el contenido cargue conforme va avanzando el scroll es una de las tendencias en diseño web, que llevamos viendo desde hace unos años, pero que cada vez va a tomar más presencia.

Tener un diseño web que va mostrando el contenido junto con el paso del scroll, ayuda al usuario a sentirse parte del site. Puesto que le vamos sirviendo el contenido de forma animada conforme va scrolleando por el site, se verá un diseño web mucho más vivo y atrayente.

Elementos pegados en el inferior del site

Ahora que cada vez más están en auge los dispositivos mobile, vamos a ir viendo cada vez más como se hace tendencia en el diseño web, el hecho de pegar los menús no ya en la parte superior de la pantalla, como llevamos haciendo desde hace años, si no en la parte inferior.

El motivo es simple: en cuanto a términos de usabilidad, el gesto más sencillo para navegar es el uso del dedo pulgar buscando por lo tanto la parte inferior de la pantalla.

Si tomamos las apps como el zenit en cuanto al diseño y usabilidad para dispositivos mobile, no sin razón, todas éstas nos dicen lo mismo: los menús enganchados a la parte inferior.

Elementos 3D interactivos

Van a seguir siendo los reyes encabezando los mejores diseños web. Los objetos 3d animados o interactivos, llaman mucho la atención de los usuarios, puesto que no estamos acostumbrados a ver éste tipo de elementos dentro de un navegador y nos adentra muchísimo al sitio web, haciéndonos sentir parte de él.

Alguna de las librerías más interesantes para realizar éste tipo de animaciones 3D es Three.js. Os recomendamos que le deis un vistazo ya que no tiene desperdicio.

También te puede interesar…

¡Si quieres inspiración web, mira el post sobre los mejores diseños web 2017 2018!

Te invitamos a que nos sigas en facebook para estar al día cada vez que colguemos un nuevo post de inspiración… y cuidado, porque estamos preparando algo especial y exclusivo para nuestros seguidores para finales de 2018! ¡Síguenos!
Suscríbete y mantente inspirado
El autor: Jordi Ensenyat
Graphic & Web Designer + Programmer
Jordi Ensenyat es un diseñador gráfico y web, programador y
maquetador, ubicado en el Maresme, Barcelona.
While I'm designing/programming don't disturb me. I could fatality you.
www.jordiensenyatdisseny.com
- Últimos comentarios -
Code Barcelona
¿Vas a aplicar alguna de las tendencias? ¿Crees que nos hemos dejado alguna tendencia? ¡Cuéntanos cual!
Publicado el día 04-02-2018
#1
0
Responder

¿Quieres empezar un proyecto?
Trabaja con nosotros
Mantente inspirado con nuestra newsletter
Mejores diseños gráficos de 2022 – 2023
leer más
Mejores diseños web 2023
leer más
Tus datos Si no rellenas tus datos,
comentarás de forma anónima
Publicar e inscribirme a la newsletter
Publicar y no inscribirme a la newsletter
Recordar datos para comentar rápidamente
contacta ahora - 622197709 - info@codewebbarcelona.com
Pedir presupuesto
Me gusta perooo... ¿Te contactamos para
asesorarte sin compromiso?
Da un paso al frente. Indícanos tu teléfono o email y te contactamos
para ayudarte a sentar las bases de tu proyecto.
¡Perfecto, pronto nos pondremos en contacto contigo!