Hay una tendencia de diseño más suave que se apodera de los proyectos web: olas y líneas suaves. Donde los fondos han sido dominados por single? Flat? Color, estamos viendo un cambio hacia líneas curvas y ondas.
Los elementos son más ligeros, más suaves y evocan una sensación general diferente para el diseño. Lo que es especialmente bueno es que las ondas y las líneas más suaves se pueden usar de muchas maneras diferentes para que cada diseño se sienta totalmente diferente. (Es una de esas tendencias que casi te puede sorprender porque aparece en muchas formas).
Aquí hay una mirada a las olas y ¿suave? Tendencia de líneas en el diseño de sitios web.
Acentos de diseño
Cuando los rectángulos y círculos simplemente no funcionan para el estado de ánimo de un proyecto, las manchas y las ondas podrían ser la solución. Para pequeñas manchas de elementos específicos a elementos más grandes que requieren atención, las líneas más suaves harán que los usuarios se desplacen del diseño.
El festival Papillons de Nuit hace un gran trabajo usando olas para resaltar los elementos del evento. Los elementos basados en ondas se separan en un fondo claro y cada uno incluye algo especial: la esquina superior tiene un toque de animación, el? Zapping? El elemento incluye varias ondas y la esquina inferior lo lleva a los enlaces de redes sociales. En el pergamino, más olas y divots suaves ayudan a conectar fotos y artistas en el evento.
Si bien este diseño puede ser demasiado para un sitio de comercio electrónico o una institución financiera, es una gran solución para una página de eventos. El aspecto es divertido, atractivo y ligero (todos los elementos que ayudan a dirigir el tráfico de eventos).
Dibuja el ojo a una CTA
Los esquemas de diseño de estilo minimalista y las ilustraciones planas siguen siendo un elemento de diseño popular. Agregar ondas puede ayudar a llamar la atención sobre partes específicas del diseño, incluida una llamada a la acción.
Si bien puede lograr esto con una flecha o un elemento triangular, la onda proporciona una directiva más sutil. Los usuarios no se sienten obligados a ingresar al elemento o mensaje seleccionable.
Recruitz utiliza olas para crear una separación entre la llamada a la acción y la información testimonial en la parte inferior de la pantalla. El divisor suave ayuda al ojo a ir y venir entre los elementos con facilidad y crea profundidad entre los elementos para que el diseño no resulte sencillo. (El esquema de color brillante también ayuda.)
Ilustraciones de onda
Si bien las ondas pueden ser un elemento independiente impactante para un fondo, también pueden incorporarse en una ilustración. Esta sensación más suave es algo diferente de muchas de las líneas duras y los íconos mínimos que han sido populares en los últimos tiempos, pero el resultado es una imagen visual fácil para los usuarios.
Las olas también pueden ayudar a crear un espacio en blanco más suave. Retrace Health usa un fondo con una ola para el cielo que se mueve a través de la pantalla. El flujo y reflujo de la onda aumenta y disminuye el espacio entre la imagen y el título, ayudando a elevar el ojo hacia ella, al hacer cambios sutiles en la cantidad de espacio en blanco entre los elementos.
Equilibrar líneas duras
Las olas pueden hacer más que mantenerse solas; Las ondas también pueden servir como elementos de fondo para ayudar a equilibrar líneas duras u otros elementos en el plan visual. Si la estética es demasiado dura o necesita un poco de equilibrio para sentirse bien, considere una solución de elemento de estilo de onda,
El diseño de Ghafari incluye una ola sutil que ni siquiera se puede ver a primera vista. El ojo se siente más atraído por la forma interesante de la foto, el texto de colores brillantes e incluso el botón dorado en la esquina superior. Pero una ola gris es la pieza que lo une todo. La ola equilibra las formas más pesadas y ásperas para que el diseño no se vea inclinado o descentrado. Es simple y casi cae completamente en el fondo.
Esta técnica es importante tener en cuenta. No todos los elementos de diseño están ahí para decir algo a los usuarios. A veces los elementos de diseño son más invisibles y desempeñan un papel de apoyo para ayudar a los proyectos a mantener el equilibrio y establecer la sensación correcta.
Establecer separación de fondo
Las ondas y las líneas suaves parecen ser un elemento que puede hacer que el diseño en capas basado en materiales se vea un poco menos formulado. En lugar de rectángulos y círculos estrictos para capas o elementos basados en tarjetas, las ondas de fondo pueden crear el mismo tipo de separación.
Al igual que con otros ejemplos, el resultado es un poco más ligero con un tono menos exigente.
Las ondas también pueden funcionar bien con otra tendencia: los gradientes. Algolia hace un buen trabajo acodando elementos en ambos estilos. El diseño, aunque utiliza múltiples efectos, parece simple y fácil de leer.
Crear animaciones atractivas
Cuando piensas? Ola? el océano probablemente viene a la mente. Se guardó una animación estándar similar a una onda hasta el final para evitar que esta asociación lógica se acerque a tu mente cuando se trata de esta tendencia de diseño.
Pero es un usuario perfecto de las olas. Las ondas animadas pueden imitar los ritmos y el flujo natural del océano para crear una imagen relajante y armoniosa.
Futuramo hace esto con el sitio Relativity of Time. Las ondas de fondo fluyen perfectamente entre sí. Son sencillos y se mueven de forma natural. Lo que es diferente es que las formas en realidad no tienen nada que ver con el contenido en la pantalla. Simplemente configuran la escena para una experiencia relajante a medida que el usuario se desplaza por el resto del contenido.
Este ejemplo muestra cómo capturar a una audiencia con un tema visual simple que lleva a través del contenido. También se conecta bien debido al aspecto del tiempo en la historia contada a través del contenido y el diseño.
Conclusión
Las líneas con más curvatura crean un flujo y un estado de ánimo diferentes para los proyectos. La simple adición de una curva a una línea recta puede cambiar la sensación de un proyecto completo, haciéndolo menos pesado y más atractivo.
Los usuarios parecen sentirse atraídos por estos elementos porque casi les dan la bienvenida al diseño. ¿Cómo te sientes acerca de las olas y las líneas suaves? Comparte tus pensamientos y ejemplos con nosotros en Twitter. (Asegúrese de etiquetar Design Shack.)