Les icônes sont peut-être l’un des exemples les plus importants - et sous-estimés - de design de votre portefeuille. Voici un aperçu de la conception d'icônes en 2018, ainsi que de très bons exemples d'icônes inspirantes et de travaux de conception.
Les éléments d'icônes sont affichés presque partout, mais sont parfois créés après coup. Cela ne devrait pas être le cas. Une excellente conception d'icône peut être distinctive et ajouter de la finesse et du style à un projet.
Jetons un coup d'œil sur les nouveautés et les nouveautés en matière de conception d'icônes en 2018!
Style de ligne icône Design
Les icônes de style de ligne semblent être la tendance qui ne vieillit jamais.
Une partie de la raison est que ce style d'icône peut fonctionner pratiquement n'importe où sur n'importe quel type d'arrière-plan. La plupart des packs d'icônes téléchargeables populaires incluent souvent une conception de style de trait en raison de cette polyvalence.
C'est facile à voir dans l'exemple ci-dessus. Chaque icône est facile à voir et à comprendre à pratiquement n'importe quelle taille.
Éléments simples et représentations
Comme pour la plupart des autres tendances du design en 2018, la simplicité fait également partie du design des icônes. Les formes simples et la géographie se combinent pour créer des représentations presque simplistes pour les icônes.
Le résultat est une conception assez astucieuse qui donne l’air aux utilisateurs.
Dans l'exemple utilisant les icônes de nourriture ci-dessus, chaque icône utilise le fil conducteur d'un cercle dans l'icône. Cela peut être la forme générale de l'icône elle-même ou une partie de la conception de l'icône. Cette forme relie chaque icône les unes aux autres dans le projet.
Icônes avec des dégradés
La tendance des couleurs dégradées, qui est devenue l'un des thèmes dominants de 2018, est également un facteur dans la conception d'icônes. Des dégradés simples en traits (comme dans l'exemple ci-dessus) à la coloration de dégradé complet en icônes blanches sur un fond dégradé, ce jeu de couleurs est populaire.
C’est peut-être l’attrait de l’utilisation des dégradés dans les icônes (et dans l’ensemble): il y a tellement de façons différentes d’utiliser la tendance. Vous pouvez ajouter un dégradé sans toujours avoir un projet qui ressemble à autre chose.
Focus sur la coloration simple
Les concepteurs d'icônes adoptent également l'approche opposée avec la couleur et s'en tiennent à des palettes de couleurs simples, plus limitées et plus basiques pour ces petits éléments de conception.
L'utilisation d'une palette limitée est une excellente idée. Avec un design si petit, trop de couleur ou de détails peuvent envahir rapidement l’espace et causer une fatigue oculaire.
Vous ne voulez pas que les utilisateurs aient à réfléchir à ce qu'est l'icône ou à la couleur. Limiter la quantité de détails - y compris la coloration élaborée - peut rendre chaque icône un peu plus facile à voir et à comprendre. Ceci est le plus important avec les icônes qui seront utilisées dans les plus petites tailles.
Tout Style App
Une des raisons pour lesquelles les icônes ont tellement gagné en popularité est que nous les concevons déjà pour presque tout. Des icônes d'application aux icônes de style d'application pour les icônes de favicons ou de bureau, ce style est pratiquement partout.
Les icônes de style appli ont un style distinct presque propre. Ceci comprend:
- Forme carrée
- Des bords arrondis
- Fond coloré (généralement une couleur)
- Forme simple à l'intérieur de l'icône
- Beaucoup de contraste entre l'icône et la couleur de fond
- Pas de texte ou de lettrage
Traits épais et uniformes
Non seulement les icônes de style de ligne sont populaires, mais les icônes avec des traits épais sont particulièrement populaires.
Conçues souvent pour des applications monochromes, ces icônes sont fréquemment utilisées en blanc ou en noir sur des arrière-plans couleur ou photo.
Les icônes avec des traits épais et uniformes sont le plus souvent utilisées seules, telles qu'une icône de panier ou une icône de contact. Ils ne sont pas souvent utilisés dans une collection d'icônes.
Les icônes plates restent populaires
Alors que l'essentiel de l'accent mis sur le design plat s'est évaporé, le design des icônes reste assez plat (ou du moins presque plat).
Cela est probablement dû à la nature extrêmement simple du design plat et à l'idée que ce look peut s'intégrer assez facilement à un certain nombre d'autres styles.
Même en regardant quelques exemples de design d'icônes et de tendances présentés ici, vous verrez que beaucoup d'entre eux sont plats. (Les icônes de style de ligne sont presque toujours plates, par exemple.)
Emoji Icons
Les émojis sont presque devenus leur propre langue - une forme de communication plus visuelle de plus en plus acceptée.
La conception des icônes prend également un style emoji-esque. Ces icônes sont identifiables en raison de l’attention portée à la forme de la tête d’une personne ou d’une créature. (Les icônes emoji inspirées de Star Wars ci-dessus sont un excellent exemple de la façon de s'amuser avec la conception d'icônes.)
Ce style d'icône peut parfaitement convenir à une page de contact ou à la représentation de personnes ou de personnages dans un dessin.
Comment concevoir une meilleure icône
Fabriquer une bonne icône ou un bon ensemble d’icônes ne se limite pas à quelques-unes des dernières tendances en matière de conception d’icônes. En raison de la petite taille des icônes, l'attention portée aux détails et à la précision constituent une partie importante du processus de conception.
Les règles simples sont toujours valables pour la conception d'icônes en 2018. Associez ces directives à certaines des idées de tendance ci-dessus pour créer quelque chose que vous aimerez:
- Commencez avec une grille
- Construire avec la géométrie
- Créer une forme unique
- Donnez aux icônes beaucoup d'espace
- S'en tenir aux couleurs de votre marque
- Utilisez des divots compatibles
- Concevez pour la plus petite taille dont vous avez besoin
- Ne pas décorer
Directives de conception d'icônes
Un bon moyen de se tenir au courant de quoi? est en regardant les normes graphiques et les guides de style. Chaque fois que Apple ou Google modifient leur approche, les autres le font également. En partie parce qu'ils doivent et en partie parce que le nouveau style reflète souvent les époques et les tendances en matière de conception d'icônes.
Vous pouvez trouver des lignes directrices ici:
- Apple App Icons
- Icônes d'application Android
- Icônes de produits de conception matérielle
- Icônes du système de conception matérielle
Conclusion
Les icônes sont un outil de conception utile.Qu'il s'agisse d'icônes d'application, de marques de sites Web ou de favicons ou de divots pouvant être utilisés dans un logo ou dans un projet de conception, l'icône est une marque qui est là pour rester.
Abordez la conception des icônes de la même manière que presque tous les autres projets, mais pensez vraiment à la simplicité et à la taille. Les icônes sont conçues pour être visualisées rapidement et sont souvent de petite taille. Cela peut avoir un impact important sur la conception.