Une tendance plus douce en matière de conception s'empare des projets de sites Web: vagues et lignes douces. Où les milieux ont été dominés par single? Flat? couleur, nous voyons un changement vers les lignes courbes et les vagues.
Les éléments sont plus légers, plus doux et évoquent une conception générale différente. Ce qui est particulièrement intéressant, c’est que les vagues et les lignes plus douces peuvent être utilisées de différentes manières, de sorte que chaque motif soit totalement différent. (C’est l’une de ces tendances qui peut presque vous surprendre car elle apparaît sous tant de formes.)
Voici un coup d'oeil sur les vagues et? Soft? tendance des lignes dans la conception de sites Web.
Accents Design
Lorsque les rectangles et les cercles ne fonctionnent pas pour l'ambiance d'un projet, des gouttes et des vagues peuvent être la solution. Pour les petites tâches d'éléments spécifiques ou pour les éléments plus volumineux qui requièrent une attention particulière, les lignes plus douces incitent les utilisateurs à parcourir le design.
Le festival des Papillons de nuit fait un excellent travail en utilisant des vagues pour mettre en valeur des éléments de l'événement. Les éléments basés sur les vagues sont séparés sur un fond clair et chacun inclut quelque chose de spécial: le coin supérieur a une touche d'animation, le "zapping". Cet élément comprend plusieurs vagues et le coin inférieur de l'écran vous renvoie aux liens de réseaux sociaux. Sur le parchemin, davantage de vagues et de divots logiciels aident à connecter des photos et des artistes lors de l’événement.
Bien que cette conception soit peut-être trop pour un site de commerce électronique ou une institution financière, elle constitue une excellente solution pour une page d'événement. Le look est amusant, engageant et léger (tous les éléments qui contribuent à générer du trafic d’événements.)
Attirer l'attention sur un CTA
Les schémas de conception de style minimal et les illustrations à plat sont toujours un élément de conception populaire. L'ajout de vagues peut attirer l'attention sur des parties spécifiques de la conception, y compris un appel à l'action.
Bien que vous puissiez accomplir cela avec une flèche ou un élément triangulaire, l'onde fournit une directive plus subtile. Les utilisateurs ne se sentent pas forcés d'entrer dans l'élément ou le message cliquable.
Recruitz utilise des ondes pour créer une séparation entre l'appel à l'action et les informations de témoignage au bas de l'écran. La cloison souple permet à l'œil de basculer facilement entre les éléments et crée de la profondeur entre les éléments pour que le dessin ne soit pas lisse. (La palette de couleurs vives aide aussi.)
Illustrations de vagues
Les vagues peuvent constituer un élément autonome puissant pour un arrière-plan, mais elles peuvent également être intégrées à une illustration. Cette sensation plus douce est quelque peu différente de la plupart des lignes épurées et des icônes minimales qui étaient populaires depuis quelque temps, mais le résultat est un visuel simple auquel les utilisateurs peuvent accéder directement.
Les vagues peuvent également aider à créer un espace blanc plus doux. Retrace Health utilise un fond avec une vague pour le ciel qui se déplace lentement sur l’écran. Le flux et le reflux de la vague augmentent et diminuent l'espace entre l'image et le titre, aidant ainsi à pousser l'œil vers le haut, en modifiant de manière subtile la quantité d'espace blanc entre les éléments.
Équilibrer les lignes dures
Les vagues peuvent faire plus que rester seules; Les vagues peuvent également servir d'éléments de fond pour aider à équilibrer les lignes dures ou d'autres éléments du plan visuel. Si l'esthétique est trop dure ou a besoin d'un peu d'équilibre pour être parfaite, envisagez un correctif avec des éléments de style vague.
La conception de Ghafari comprend une vague subtile que vous ne verrez peut-être même pas à première vue. L'oeil est plus attiré par la forme intéressante de la photo, le texte de couleur vive et même le bouton doré dans le coin supérieur. Mais une vague grise est la pièce qui rassemble tout. La vague équilibre les formes les plus lourdes et les plus dures, de sorte que la conception ne soit pas déséquilibrée ou décalée. C'est simple et tombe presque complètement à l'arrière-plan.
Cette technique est importante à considérer. Tous les éléments de conception ne sont pas là pour dire quelque chose aux utilisateurs. Parfois, les éléments de conception sont plus invisibles et jouent un rôle de soutien pour aider les projets à maintenir l’équilibre et à établir le bon toucher.
Établir la séparation en arrière-plan
Les vagues et les lignes douces semblent être un élément qui peut donner à la conception en couches à base de matériaux un aspect moins formel. Plutôt que des rectangles et des cercles stricts pour des calques ou des éléments basés sur des cartes, les ondes de fond peuvent créer le même type de séparation.
Comme avec d'autres exemples, le résultat est un peu plus léger avec un ton moins exigeant.
Les vagues peuvent également bien fonctionner avec une autre tendance: les gradients. Algolia fait un bon travail en superposant des éléments dans les deux styles. La conception, même si elle utilise plusieurs effets, est simple et lisible.
Créer des animations engageantes
Quand vous pensez? Vague ,? l'océan vient probablement à l'esprit. Une animation standard ressemblant à une vague a été enregistrée jusqu'à la fin pour éviter que cette association logique ne vous laisse à l'esprit en ce qui concerne cette tendance de conception.
Mais c'est un utilisateur parfait des ondes. Des vagues animées peuvent imiter les rythmes et le flux naturel de l'océan pour créer un visuel apaisant et harmonieux.
Futuramo fait cela avec le site de la relativité du temps. Les vagues de fond se fondent l'une dans l'autre. Ils sont simples et se déplacent de manière naturelle. Ce qui est différent, c’est que les méthodes n’ont en réalité rien à voir avec le contenu de l’écran. Ils créent simplement la scène pour une expérience apaisante pendant que l'utilisateur navigue dans le reste du contenu.
Cet exemple montre comment capturer un public avec un thème visuel simple qui traverse le contenu. Il se connecte également bien en raison de l'aspect du temps dans l'histoire racontée à travers le contenu et la conception.
Conclusion
Les lignes plus courbées créent un flux et une ambiance différents pour les projets. Le simple ajout d'une courbe à une ligne droite peut modifier la sensation d'un projet entier, le rendant ainsi moins lourd et plus engageant.
Les utilisateurs semblent être attirés par ces éléments car ils les accueillent presque dans la conception. Que pensez-vous des ondes et des lignes douces? Partagez vos pensées et exemples avec nous sur Twitter. (Assurez-vous de marquer Design Shack.)