3 tendances de conception essentielles, septembre 2017
Parfois, vous pouvez simplement regarder de nouveaux projets de sites Web et voir ce que les concepteurs pensent. Vous pouvez sentir l'humeur. Les tendances de ce mois-ci reflètent ce concept avec des choix de couleurs audacieux, un effondrement du style d'en-tête de héros traditionnel qui a été populaire pendant un moment et des motifs animés sombres qui sont juste un peu mystérieux.
Qu'est-ce que tu penses? Êtes-vous prêt pour des options de typographie plus fines, des détails plus élaborés et des logos de style icône? Vous pourriez être après avoir vu certains de ces projets de conception.
Voici ce qui est tendance dans la conception ce mois-ci:
1. Couleurs de l'arc-en-ciel
Lorsque vous entendez les "couleurs de l'arc-en-ciel", la première chose qui vous vient à l'esprit est probablement la mauvaise conception. Il y a trop d'exemples criants de projets criards avec des palettes de couleurs sur le thème de l'arc-en-ciel qui sont écrasantes et, franchement, des désastres de conception.
Les couleurs de l'arc-en-ciel d'aujourd'hui sont tout sauf désastreuses. Ils sont élégants, simples et apportent la juste quantité de couleur à un nombre surprenant de projets. Les palettes arc-en-ciel ne sont pas uniquement destinées aux petits sites Web; grandes marques, y compris la Conférence Univers Github , Southwest Airlines et Londres Grammaire Le canal Spotify utilise tous des motifs arc-en-ciel intéressants.
Plus intéressant encore, chaque design utilise le même concept de couleur de manières très différentes.
- Éléments de texte arc-en-ciel dans une esthétique sombre: Github utilise une esthétique sombre simple avec du texte de couleur arc-en-ciel et des éléments d'interface utilisateur pour attirer l'attention des informations clés (comme la date) vers l'appel à l'action principal. Le gradient de l'arc-en-ciel est simple et subtil, tout en créant une atmosphère d'opportunité et d'optimisme. Cela semble être la bonne combinaison pour encourager les utilisateurs à s'inscrire à une conférence.
- Southwest Airlines adopte une autre approche avec des éléments d'arrière-plan arc-en-ciel et un texte remplissant un élément de conteneur plus léger. L'accent arc-en-ciel fournit un point de référence visuel pour un site dont le contenu pourrait être interprété comme ennuyeux. La couleur donne un peu plus de vie à l'étude de cas pour encourager les clics.
- London Grammar utilise un orbe géant d'arc-en-ciel pour attirer les utilisateurs dans la collaboration avec Spotify. Le blob arc-en-ciel se décale et se déplace avec une animation lente qui ressemble à du gel dans l'eau. Les couleurs bougent et fusionnent et vous pouvez les regarder toute la journée si vous ne faites pas attention. L'aspect gamification de l'élément coloré est également intéressant, mais la couleur est certainement ce qui attire les utilisateurs en premier.
2. Effondrement de l'en-tête du héros
La tête de héros photo ou slider surdimensionné est un élément de base de la conception de sites Web depuis des années. Mais il y a une tendance à s'éloigner du motif avec plus de concepteurs optant pour un style plus minimal au-dessus de la structure de défilement avec plus d'éléments et une sensation moins construite.
Le résultat semble être une tendance avec des en-têtes plus blancs ou plus légers qui contiennent un peu de parties flottantes. Cette tendance suscite des critiques mitigées. Certains éléments visuels sont intéressants, mais dans l'ensemble, il semble y avoir un manque de points focaux pour les utilisateurs et un ensemble d'actions clairement défini.
Ce qui est bien avec l’effondrement de l’en-tête du héros, c’est que l’approche minimale fait que les utilisateurs ont l’air. C'est différent. La question est de savoir s’il ya suffisamment de messagerie pour susciter leur intérêt pendant longtemps ou si les utilisateurs réagiront de manière positive à une expérience de site Web moins visuelle.
C'est une tendance à surveiller, car il est probable que ce soit au début de l'évolution. Les concepteurs sont prêts à faire quelque chose de différent avec le haut des pages (et c'est compréhensible). Cette itération de projets n'est que le premier pas vers quelque chose de nouveau. Certains concepteurs peuvent être perturbés par la combinaison impaire ou des parties d'éléments au-dessus du défilement dans la plupart de ces concepts de conception jusqu'à présent. Reste à savoir où va la tendance, mais cela vaut la peine de garder un œil sur.
3. Motifs animés sombres
Cela pourrait être la tendance la plus amusante dans la conception de sites Web en ce moment: des effets animés sombres superposés sur des combinaisons de couleurs sombres. Le concept dark on dark est mystérieux, visuellement intéressant et donne vraiment à l’utilisateur un aspect et un engagement dans le design.
De plus, il peut fonctionner de différentes manières. Il n'y a pas de taille ni de type d'animation ni d'effet. Chacun des exemples ci-dessous utilise des effets animés sombres de différentes manières qui encouragent une sorte d'interaction allant du mouvement automatisé aux effets de survol de la souris en passant par les éclairs de surprise (vous devrez cliquer sur les liens pour les trouver).
Bien que ces designs aient l'air vraiment cool, ils peuvent également poser des problèmes. Tous les utilisateurs ne sont pas intéressés par une esthétique aussi sombre. Il pourrait ne pas se rendre dans toutes les conditions environnementales. Ces conceptions ont définitivement l’air et fonctionnent mieux sur des écrans de bureau que des appareils plus petits.
Mais la tendance du design a une place pour les designers qui veulent créer quelque chose de différent, avec une certaine humeur et un aspect tendance.
Il y a aussi quelque chose à propos des combinaisons de teintes sombres sans beaucoup de couleur qui vous attire. (C'est un peu inexplicable.)
Pour tirer le meilleur parti de la tendance sombre dans l'obscurité, assurez-vous d'utiliser suffisamment de variance dans les teintes sombres pour vous assurer que les éléments sont visibles et que les mouvements sont discernables. Utilisez des noirs riches avec beaucoup de nuances pour définir la bonne ambiance pour chaque projet.
Bien que les exemples ci-dessous manquent complètement de couleur, envisagez une teinte contrastante autre que le blanc pour les points importants. (Un bouton d'appel à l'action coloré se démarquerait vraiment avec la quantité de contraste que toutes les images noires fournissent.)
L'autre point commun avec cette tendance réside dans la simplicité des animations utilisées. Aucun mouvement n'est trop complexe. Il est aussi simple et rationnel que la palette de couleurs, ce qui contribue de manière déterminante au succès global de la tendance du design.
Conclusion
Le changement de couleur mis en évidence par les tendances de ce mois-ci est à la fois intéressant et efficace. Les couleurs de l'arc-en-ciel sont très amusantes et inspirantes, tandis que les motifs blancs et sombres minimisent tous les deux l'introspection et la réflexion. Les choix de couleurs sont vraiment liés aux sentiments des concepteurs face à un projet.
Quelles tendances aimez-vous (ou détestez-vous) en ce moment? J'adorerais voir certains des sites Web qui vous intéressent. Laisse moi un lien sur Twitter ; J'adorerais avoir de vos nouvelles.