Si vous regardez de près, vous pouvez presque voir l'évolution du web design en cours. Quelques tendances en matière de design sont devenues les éléments incontournables de 2017 (jusqu'à présent), avec des modèles de typographie, de couleur et de navigation intéressants en tête.
Alors que nous sommes à mi-chemin de 2017, concentrons-nous un peu sur l'inspiration de conception et examinons les principales tendances de l'année jusqu'à présent. Devriez-vous incorporer tout cela? Absolument pas! Mais un des deux, choisis avec soin, peut réellement contribuer à donner à votre conception un sentiment actuel et à jour.
1. Typographie dans les espaces partagés
Les concepteurs enfreignent les règles de la typographie en élargissant le lettrage à plusieurs éléments. Le type peut s’étendre sur deux cases de l’esthétique de l’écran partagé ou empiéter sur l’espace d’un autre élément graphique, tel qu’une image.
Dans les deux cas, le résultat peut être magnifique.
Mais ce n'est pas facile à faire. La typographie dans les espaces partagés est un moyen visuellement intéressant d'attirer les utilisateurs sur le contenu et de créer un flux dans la conception. Lorsqu'elle est associée à des polices ou à des polices surdimensionnées, la typographie dans des espaces partagés peut avoir un impact considérable. L'accent supplémentaire mis sur la police de caractères, car elle superpose plusieurs espaces, met en évidence les mots et crée un point central dans la conception.
Pour tirer le meilleur parti de la tendance en matière de conception, vous aurez besoin d'un peu de messagerie et d'une paire d'images et d'arrière-plan de couleur similaire pour que le type soit facilement lisible sur l'intégralité de la zone de dessin.
Dans la plupart des cas, optez pour les lettres noires ou blanches sur le fond. Il s'agit d'une conception assez complexe à assimiler par les utilisateurs - même si elle peut paraître assez simple - et la lisibilité devrait être une préoccupation majeure.
Concentrez-vous sur le flux visuel avec ce type de motif. Pensez aux parties de la conception qu'il est le plus important pour les utilisateurs de voir afin de créer un effet de fond et de lettrage en couches.
Apprenez-en davantage sur la tendance et découvrez d’autres exemples encore, ainsi qu’un guide pour travailler avec des conceptions à écran partagé.
2. formes poly
Presque partout où vous regardez, les concepteurs utilisent les polygones de manière intéressante. Des formes qui remplissent tout le dessin aux superpositions simples en passant par les effets de coin, les formes poly sont presque partout.
Ce qui est bien avec cette tendance de conception, c'est sa polyvalence. Des formes poly peuvent être ajoutées à presque tous les contours de conception, sur vidéo ou photos et avec toute palette de couleurs ou typographie. (C'est l'actualisation idéale si vous souhaitez actualiser un site Web actuel.)
Vous ne savez pas ce qui peut être qualifié de forme poly? Les polygones sont des formes définies en géométrie élémentaire comme une "figure plane délimitée par une chaîne finie de segments de ligne droite dans une boucle pour former une chaîne polygonale fermée". Les formes peuvent avoir un nombre quelconque de côtés ou d’orientation, peuvent être remplies ou creuses et peuvent comporter des tracés et des traits qui se croisent. Les polygones sont généralement des formes bidimensionnelles plates, bien que, dans les projets de site Web, certains polygones se déplacent et semblent avoir davantage de caractéristiques 3D.
Les formes en poly peuvent fournir un peu d'inspiration de conception. Utilisez-les pour les divots ou les éléments d'interface utilisateur, pour encourager la navigation ou pour fournir un intérêt visuel lorsque d'autres images sont un peu terne.
En savoir plus sur la tendance et voir encore plus d'exemples.
3. dégradés
La perte de gradients dans les projets de conception est l’un des aspects les plus tristes de la tendance du design plat. Mais ils sont de retour dans les grandes lignes. (Un grand crédit revient à Spotify pour leur utilisation dans leur identité visuelle.)
Les dégradés apparaissent partout et de toutes les manières imaginables - des arrière-plans, des superpositions de couleurs et des éléments d'interface utilisateur. De nos jours, l'inspiration de conception pour les dégradés est un peu différente de celle du design pré-plat. Plutôt que des dégradés subtils fondus au noir ou au blanc, ces dégradés sont audacieux et comportent souvent deux couleurs.
Tandis qu'un bon dégradé peut fonctionner dans presque toutes les parties de la conception, les dégradés monotones conviennent généralement mieux aux éléments plus petits et deux variations de couleur ajoutent le plus de relief aux éléments de grande taille, tels que les images ou les arrière-plans.
Apprenez-en davantage sur la tendance et voyez encore plus d'exemples. Découvrez également des façons amusantes d'utiliser les dégradés pour les superpositions de couleurs.
4. Couleur Grasse
Les choix de couleurs larges et audacieux semblent être omniprésents, et pas seulement dans l'utilisation des dégradés. Les arrière-plans clairs, les boutons audacieux et les couleurs accentuées qui semblent sortir de l'écran aident les yeux à se poser.
Certaines des plus grandes tendances en matière de couleur pourraient même concerner des éléments inattendus: les couleurs au néon et les polices de couleur.
Voici quelques conseils pour utiliser des options de couleurs vives qui fonctionnent:
- Incorporez les couleurs les plus vives de la palette de votre marque.
- Utilisez la couleur pour faire une déclaration.
- Les couleurs vives font de grands accents.
- Impossible de trouver un moyen d'utiliser une couleur audacieuse? Inclure les teintes dans les images et les photos.
- Associez les couleurs vives au noir et blanc pour un impact maximal.
- Utilisez la couleur avec l'intention et le but.
En savoir plus sur les tendances de couleurs vives, telles que les néons et les polices de couleur.
5. Modes de navigation expérimentaux
Bien qu'il ne soit pas toujours recommandé de mélanger les modèles de navigation et de s'éloigner trop des menus ancrés en haut de l'écran, cela peut fonctionner pour certaines conceptions de sites Web. En fait, 2017 a été jusqu'ici l'année de la navigation expérimentale, avec de nombreux sites Web utilisant la navigation latérale, la navigation de fond et la recherche de nouvelles solutions cachées, de défilement et de pop-out.
Et voici la chose: cela semble fonctionner.
Vous êtes le seul à le savoir - revenez toujours dans vos analyses pour vous assurer qu'un changement de navigation génère toujours des clics - mais de plus en plus de concepteurs expérimentent de nouveaux concepts. Le truc semble être que les éléments de navigation doivent toujours avoir une place importante sur l'écran d'accueil (ils doivent être plus grands que la normale s'ils se trouvent dans une position inhabituelle) et utiliser d'autres indices visuels pour montrer aux utilisateurs ce qu'ils doivent faire ensuite.Des modèles d’utilisateurs inconnus peuvent être appris rapidement avec de l’aide.
En savoir plus sur la tendance et voir encore plus d'exemples.
Conclusion
Même si de nombreuses tendances vont et viennent, celles-ci persistent. Il semble que le fil conducteur est que chaque tendance peut s'inscrire dans une variété de contours de conception et ne dépasse pas le flux esthétique complet.
Quelles sont vos tendances préférées en 2017? Y a-t-il une ou plusieurs de ces tendances que vous souhaitez éliminer? Discutons sur Twitter (n'oubliez pas de baliser Design Shack).