Essential Design Trends, février 2017
Une présence visuelle intéressante au-dessus du parchemin est la première impression d'un utilisateur sur un site Web. Le fait que l’utilisateur continue de cliquer peut dépendre d’un certain nombre de facteurs, notamment de l’imagerie, de la lisibilité et de l’intérêt général pour le contenu.
Ce mois-ci, nous examinons trois tendances qui font une première impression distincte: les superpositions de couleurs sombres sur les images, le brutalisme et les styles de lettrage creux. Voici ce qui est tendance dans la conception ce mois-ci:
1) Surimpression sombre sur les images
Peu importe que l'image du héros soit immobile ou en mouvement, une superposition de couleur sombre peut aider à colorer les images d'une manière qui facilite l'ajout de texte et d'autres éléments à un calque au-dessus de l'image. Bien que cela puisse paraître comme un raccourci au début, cette technique a beaucoup de valeur.
La principale raison d'opter pour une superposition de couleur est d'améliorer la lisibilité. La plupart des images contiennent des variations de couleurs claires et sombres, ce qui complique l'ajout de caractères lisibles sur tous les appareils. Même s'il existe un emplacement parfait pour les écrans de bureau, la même combinaison d'image et de texte peut rendre indéchiffrable sur un écran mobile.
C'est là qu'une aide de couleur aide. Le lavage de couleur semi-transparent sur une image ou une vidéo devrait augmenter le contraste. Le lettrage blanc ou clair a sa place et reste lisible.
Les superpositions de couleurs sombres sont visuellement intéressantes pour d'autres raisons également. Ne restez pas coincé dans le piège que l'obscurité signifie noir ou gris. Une superposition sombre peut être n'importe quelle couleur, telle que le vert utilisé par Internetum ci-dessous. Un choix de couleurs amusant ou inhabituel peut aider à attirer les utilisateurs dans la conception.
Une superposition sombre peut faire une chose de plus: elle peut aider à camoufler une image ou une vidéo que vous ne voulez pas placer au premier plan du design. Cela pourrait être parce que l'image est un peu vieille, un peu molle en termes de composition ou juste une qui tombe un peu à plat. Une superposition de couleurs peut changer l'ambiance de l'image, la rendre moins visible et aider le design à se concentrer davantage sur d'autres contenus, tels que le texte, les appels aux boutons d'action ou d'autres éléments graphiques.
Les superpositions peuvent être très sombres, telles que Digital Werk ou peuvent donner un subtil assombrissement à la manière de Lytton Living. Vous savez que vous avez le bon équilibre lorsque vous pouvez toujours voir l'image et que tous les éléments superposés sont faciles à lire.
2. Brutalisme
Laid. Dur. Tranchant. Occupé.
Ce ne sont là que quelques-uns des mots que certains ont utilisés pour décrire la tendance à la conception de sites Web de brutalisme. Mais ce n’est pas parce que le concepteur expérimente le brutalisme que le design est un désordre. C'est tout le contraire.
Ce style utilise un style et une sensibilité différents qui incluent des choses que vous voyez et des choses que vous ne pouvez pas. Ben McNicholl l'a décrit ainsi dans un post pour Envato : "Le brutalisme" vient du français pour "cru", alors gardez cela à l'esprit lorsque vous écrivez votre code.
"Un site Web ne doit pas nécessairement être un spectacle d'horreur d'images non ordonnées et de couleurs de polices contradictoires; la façon dont le code a été écrit est également symbolique du style. CSS intégré, code non ajouté, tableaux HTML, la liste est longue. "
Il y a suffisamment d'exemples de brutalisme qu'il y a un tout galerie du site consacré à ces conceptions. Dans l'introduction, le site web fait référence au brutalisme de cette manière: "Par sa robustesse et son manque de souci pour être confortable ou facile, le brutalisme peut être considéré comme une réaction de la jeune génération à la légèreté, à l'optimisme et à la "
Ce qui est particulièrement intéressant dans le brutalisme, c'est que le design est si différent de tous les styles plats et minimaux qui ont été si répandus. Si vous rencontrez l'un de ces modèles, vous ne pouvez pas vous empêcher de vous arrêter, de regarder et d'explorer. Que vous pensiez que c'est beau ou laid ou quelque chose entre les deux, c'est le but ultime de toute conception de site Web.
3. Lettrage creux
Des lettres avec des remplissages intéressants commencent à apparaître partout. Ce qui est intéressant à propos de cette tendance, c’est qu’elle a deux aspects très différents:
- Lettrage creux sur une image ou un arrière-plan coloré, tel que C & C Coffee.
- Lettrage rempli d'une image sur un arrière-plan uni, tel que The London Loom, avec une version alternative où vous pouvez presque voir l'image avec un arrière-plan avec une transparence subtile, comme My Mother Before Me.
Bien que cette tendance ait beaucoup d’impact visuel et qu’elle soit très amusante, elle peut être quelque peu difficile à exécuter.
En ce qui concerne les lettres creuses sur une photo, il n’ya pas toujours beaucoup d’options à choisir et les concepteurs peuvent rester coincés avec les mêmes polices. Ce n’est pas une situation idéale pour les projets Web. Il y a plus de flexibilité pour les projets non Web où vous n'avez pas à vous soucier de l'intégration et du rendu des polices.
Quand il s'agit de lettrage rempli, le truc pour le faire fonctionner est que les images à l'intérieur des lettres doivent être discernables. Si les utilisateurs ne peuvent pas dire quelle est l'image, la conception ne sera pas efficace. Pour aider, la plupart des concepteurs optent pour des lettres majuscules épaisses, ce qui laisse plus de place aux images. Les images sont souvent plus abstraites, ou textiles ou paysages, car le cerveau humain a tendance à remplir les blancs de l'image et cela fonctionne toujours pour eux. Il est beaucoup plus difficile d'utiliser des images avec des visages ou des objets que vous devez voir d'une certaine manière car ils doivent être parfaitement positionnés dans les caractères.
En dépit d'être un peu difficile, les deux styles de lettrage peuvent être visuellement intéressants et amusants à créer.
Conclusion
Contrairement à d'autres tendances où vous pouvez mettre en œuvre de petits changements, ces trois options présentent davantage un changement de style global. Pouvez-vous vous voir en utiliser dans des projets futurs?
Quelles tendances aimez-vous (ou détestez-vous) en ce moment? J'adorerais voir certains des sites Web qui vous intéressent. Envoyez-moi un lien sur Twitter; J'adorerais avoir de vos nouvelles.