A medida que se acerca el 2017, es un buen momento para reflexionar sobre los logros del año pasado y comenzar a pensar en los diseños que están por venir.
En cuanto a los diseños más recientes, los rediseños e incluso los ajustes de diseño, algunas tendencias distintas están empezando a surgir a medida que los principales candidatos se dirigen hacia 2018. A continuación, se presentan algunas de las tendencias de diseño web que probablemente se volverán populares (y muchas de ellas). También se pueden utilizar conceptos para el diseño de impresión).
1. Rejillas asimétricas
La era de la simetría perfecta ha terminado. Si bien los diseños de pantalla dividida fueron una gran tendencia en 2017, ese perfecto esquema visual de mitad y mitad está evolucionando.
Los diseñadores están dividiendo los elementos visuales en la pantalla con un patrón de cuadrícula más asimétrico.
Para hacer que este concepto funcione, es necesario que haya un equilibrio distinto de elementos para que un lado del diseño no sea abrumador. El espacio y los elementos de texto a menudo equilibran los elementos visuales para ayudar a llamar la atención sobre el diseño.
Y todo se junta porque los diseños aún viven en una cuadrícula, lo que ayuda a mantener todo organizado. (Los elementos en el diseño del Club de las Olas, arriba, están organizados de tal manera que es por lo que el diseño asimétrico se siente tan equilibrado).
2. Más color brillante
El color brillante parece ser la tendencia de diseño que solo quiere quedarse. Fue una gran parte del diseño plano e igualmente importante para el Diseño de materiales, y ambos conceptos siguen siendo parte de muchos proyectos.
Incluso sin las características de plano o material, el color intenso es llamativo y puede ayudar a atraer a un usuario a un diseño. Las opciones de colores brillantes y audaces tienen una sensación fresca y un atractivo para los usuarios más jóvenes.
Estas opciones de color también pueden crear una estética inesperada y crear un ambiente más divertido para sitios web y empresas que pueden no ser conocidas por este tono. Ford, más arriba, no viene a la mente como una compañía moderna y progresiva, pero el diseño del micrositio Make it Drivable exuda estas emociones.
3. Elementos adhesivos inferiores
Todos esos pequeños anuncios en la parte inferior de las aplicaciones y los sitios web para dispositivos móviles también se están abriendo camino hacia los diseños de escritorio y tabletas. Y no se trata solo de los anuncios en esta ubicación de la pantalla hacia abajo, los cuadros de chat, ventanas emergentes, notificaciones e incluso los elementos de navegación se adhieren a la parte inferior de la pantalla.
Esta ubicación menos intrusiva es un área de visualización principal y el uso móvil ha capacitado a los usuarios para que estos tipos de ubicaciones sean aceptables.
Y si funciona. Un anuncio en la parte inferior de la pantalla, como el del blog Burlap and Blue de arriba, parece mucho menos en la forma (y menos en tu cara) que un anuncio en la placa de identificación. El usuario todavía lo ve, pero no oculta el contenido.
4. Búsqueda de voz y lenguaje natural
El futuro del diseño web no es 100 por ciento visual. Algunos de ellos serán audibles.
¿Desde diseñar interfaces que se puedan escuchar? y comprender los comandos de voz para incorporar términos de búsqueda que imiten el lenguaje natural, la integración de un mundo de voz y lenguaje será imprescindible para los proyectos de diseño de sitios web.
Y si bien algunas de estas otras tendencias podrían no ser aún más populares a fines de 2018, la búsqueda por voz y lenguaje natural solo crecerá en uso y popularidad. Debe comenzar a planificarlo ahora para que pueda incorporarlo en futuros proyectos con facilidad.
5. Formas fluidas
Mientras que las formas polivinílicas y la geometría más nítidas fueron grandes en 2017, las formas más suaves con un aspecto más fluido e incluso animaciones están ganando popularidad.
Las líneas más suaves son una progresión natural de la tendencia poligonal. Cuando Design Shack presentó la tendencia de las formas polivinílicas a principios de este año, la descripción dice "una de las mejores partes de esta tendencia versátil es que cada uno de estos diseños es tan diferente". Los polígonos suelen ser formas planas y bidimensionales, aunque en los proyectos de sitios web algunos polígonos animan el movimiento y parecen tener más características tridimensionales.
La misma característica sostiene para formas más fluidas; La diferencia clave es que, en lugar de líneas de intersección nítidas, cada forma está formada por curvas suaves que fluyen a lo largo del diseño.
6. Animación sutil
Animaciones pequeñas y simples pueden sorprender y deleitar a los usuarios. También pueden ayudar a proporcionar información y guiar al usuario a través de un compromiso más activo con el diseño.
Pero la animación sutil no se trata de una función de carga que oculta el retraso del tiempo, sino que es un movimiento dentro del diseño en sí.
Desde estados flotantes hasta cinemagraphs e ilustraciones que parecen cobrar vida, el movimiento sutil puede ser una gran herramienta para ayudar a crear el compromiso del usuario. Para sacar el máximo provecho de la animación sutil en el diseño se adhieren a un par de reglas básicas: ¿elegir solo una animación? ¿Truco? y apéguese a ella, la animación debe sentirse realista e imitar las leyes de la física, no forzar el sonido o hacer clic en las acciones para asegurarse de que la animación se reproduzca en un bucle confiable para que los usuarios sepan cuándo se completa la animación. (Esa es una señal de que pueden pasar a hacer lo que vinieron al sitio web en primer lugar).
7. Imágenes SVG
Los gráficos vectoriales escalables se están volviendo más comunes como el tipo de imagen de factor para los sitios web. Los SVG son imágenes vectoriales ligeras que aseguran que los gráficos, iconos y logotipos se vean perfectos en píxeles, independientemente del tamaño o la resolución de la pantalla.
Todas las pantallas de alta resolución contribuyen al aumento de este formato de archivo.
Los SVG también funcionan bien con experiencias de imágenes fijas y multimedia, incluidas imágenes en 3D, cinemagraphs, animaciones de logotipos y fotografías de 360 grados.
8. Escritorio de pantalla dividida, apilable móvil
Los patrones de diseño de pantalla dividida solo están creciendo en popularidad. Incluso los estilos más perfectamente divididos.
Estos diseños son tan populares porque brindan grandes experiencias tanto en pantallas de escritorio como en dispositivos móviles porque el contenido dividido se muestra lado a lado y se apila igualmente bien. (De esa manera, existe una experiencia consistente, pero específica para el dispositivo, para los usuarios).
Si bien muchos de los primeros diseños de pantalla dividida se dividieron realmente, muchos diseñadores están optando por una pantalla dividida, más una capa superior adicional con texto o marca para proporcionar un efecto que tenga más profundidad.
9. Más animaciones de desplazamiento
Las animaciones de desplazamiento de paralaje han sido tan populares que algunos diseñadores están empezando a rehuirlas. Pero eso no significa que tengas que deshacerte completamente de las animaciones de desplazamiento.
Hay muchas otras formas de usar scroll para alentar el compromiso del usuario. (Y también puedes mezclar un poco de paralaje, pero no te vuelvas loco con eso).
Doggo for Hire, arriba, utiliza una animación de desplazamiento que deja caer el confeti en el perro que se muestra cuando los usuarios se desplazan. El pergamino determina la rapidez con la que cae el confeti (e incluso la expresión en la cara del perro cuando ocurre). Desplácese rápidamente para una experiencia de estilo de video; desplácese más lentamente para ver todo el contenido en el lado izquierdo de la pantalla.
¿Buscas más inspiración de scroll-action? Encuéntralo aquí.
10. Espacio en blanco sin minimalismo
Los diseñadores aman el espacio en blanco. (Muchos de nosotros también amamos el minimalismo, incluso si los clientes no lo aman tanto).
El compromiso es diseñar con mucho espacio en blanco, pero con una sensación mucho menos minimalista. Al agregar más elementos de color y diseño a un diseño con mucho espacio, puede sentirse más lleno.
Design Calendar hace un gran trabajo usando espacio y empaquetándolo con contenido y elementos al mismo tiempo; asegúrese de hacer clic en el ejemplo y desplazarse para verlo en acción, de modo que haya suficiente espacio para que respiren los elementos de gran tamaño.
Los diseñadores también están trabajando con espacios en blanco de muchas otras maneras. Mire hacia atrás a través de muchas de las otras tendencias mencionadas y la cantidad de espacio en blanco que juega un papel allí también.
Conclusión
¿El comienzo de un nuevo año te inspira a probar algo nuevo? ¿Será una de tus resoluciones?
Sólo asegúrese de utilizar las tendencias de diseño con cuidado. A veces las mejores ideas pueden crecer fechadas rápidamente. Otros terminan con una sensación más atemporal; Las interfaces de voz están probablemente aquí para quedarse por un tiempo. Pruébalos, haz un cambio a un diseño existente y diviértete. De eso se trata jugar con las tendencias de diseño.