Contenu
- 01. S'il y a une convention, utilisez-la
- 02. Exécutez vos idées à travers les connaissances locales
- 03. Utilisez votre webcam
- 04. Gardez le dimensionnement cohérent
- 05. Restez simple ... mais pas trop simple
Lors de Reasons To à Brighton le mois dernier, le designer Jon Hicks est monté sur scène pour partager quelques conseils sur la conception d'icônes. En tant qu'homme derrière la conception d'icônes pour Skype et Spotify, ainsi qu'en tant qu'auteur ou The Icon Handbook, il avait beaucoup à partager.
- 95 meilleurs tutoriels Photoshop
Comme il l'a expliqué, il en existe deux types: iconique et symbolique. Les icônes iconiques représentent un objet - par exemple, un signe d'enveloppe pour indiquer un e-mail.
Les icônes symboliques sont abstraites et leur signification doit être apprise. Pensez à une flèche pour «jouer», ou plus récemment à l’icône de hamburger pour indiquer un menu masqué.
Si vous avez décidé de créer une icône sur mesure, plutôt que d'utiliser une icône gratuite, quel que soit le type d'icône que vous utilisez, vous devez suivre quelques conseils de conception d'icônes.
01. S'il y a une convention, utilisez-la
Vous êtes un type de création, nous le savons, mais ce n’est pas le moment de sortir des sentiers battus.
"Il faut avoir quelque chose qui soit instantanément reconnu", insiste Hicks. Cela signifie que s'il existe une convention existante, vous devez l'utiliser.
Recherchez votre sujet dans la recherche d'images Google pour voir s'il existe une icône établie que les utilisateurs connaissent déjà. Hicks recommande également de faire des recherches en utilisant le Noun Project, une communauté mondiale qui rassemble des icônes.
02. Exécutez vos idées à travers les connaissances locales
Ceci est particulièrement important si votre public n'est pas local. Pour compliquer les choses, différents symboles signifient des choses différentes, selon l'endroit où vous vous trouvez.
Vous envisagez d'utiliser une icône de pouce levé? Vous devrez réfléchir à nouveau si votre produit est destiné à l’Australie, à la Grèce ou au Moyen-Orient: au lieu d’indiquer un travail bien fait, vous dites essentiellement «allez vous faire foutre» à vos clients.
De même, en Occident, un propre est synonyme de sagesse, tandis qu’en Orient, c’est un symbole de stupidité. Pauvre vieille chouette. Hicks suggère de tirer le meilleur parti des connaissances de votre client à ce stade pour vous assurer de ne pas commettre de faux pas local.
03. Utilisez votre webcam
«Si vous recherchez des émoticônes, vous ne pouvez pas battre votre propre webcam», déclare Hicks. Prenez des clichés de vous-même en exprimant l'émotion que vous souhaitez capturer, puis travaillez à la traduire sous forme d'emoji.
C'est un moyen rapide et facile de voir comment les différentes caractéristiques du visage changent pour indiquer différentes humeurs.
04. Gardez le dimensionnement cohérent
Hicks suggère de commencer par la grille de base. "Idéalement, vous voulez que l'icône soit légèrement plus grande que le texte - vous ne voulez pas qu'elle soit confondue avec un glyphe de texte", explique-t-il.
Bien que vous souhaitiez travailler sur une zone standard pour toutes vos icônes, sachez que vous devez également faire attention à la taille perçue de vos icônes. En effet, même si vos icônes sont toutes de la même hauteur, elles peuvent ne pas avoir cet aspect pour les spectateurs. Si vous avez besoin d'être convaincu, jetez un œil à notre article sur la manière dont une découverte récente du logo Google a déclenché une discussion animée sur la "conception correcte".
Une autre astuce pour maintenir la cohérence consiste à travailler sur toutes vos icônes dans un même document. Vous ne pouvez pas créer un ensemble unifié si vous travaillez séparément sur chaque icône.
05. Restez simple ... mais pas trop simple
Les icônes doivent être simples - tout le monde le sait, non? "Une des choses clés est de ne pas être trop sophistiqué. Restez aussi simple que possible ... mais pas trop simple", conseille Hicks.
Supposons que vous souhaitiez créer une icône pour un sac à provisions. La version la plus simple pourrait être un carré avec une boucle en haut. Mais cette même icône pourrait aussi être un poids ou un cadenas. Cependant, ajoutez quelques détails de poignée, ou une étiquette de 10 kg, ou un trou de serrure, et vous avez éliminé tout doute possible.
Hicks suggère d'ajouter plus de détails lorsque l'icône est utilisée à une taille plus grande. Il conseille également d'ajuster votre poids de course à différentes tailles afin de garder les icônes équilibrées.
