Initialement utilisées pour rendre les interfaces utilisateur graphiques plus simples à prendre en main, les icônes sont de petits pictogrammes qui représentent une action, un objet, un type de fichier ou encore un logiciel.
Les icônes ont pris le pouvoir ! Car, si elles ne sont plus liées à la religion, les icônes font bel et bien partie de notre quotidien. Rien qu’en lisant cette page, vous en verrez certainement plusieurs que vous serez capable d’identifier et d’interpréter sans même avoir besoin de réfléchir. C’est bien là tout le principe des icônes : elles parlent à tout le monde en moins d’une seconde.
Dans le domaine de la communication, on a rarement inventé mieux ! Vous ne croyez pas qu’il serait temps d’apprendre à les utiliser ?
Pourquoi utiliser et créer des icônes ?
Vous pouvez utiliser une icône chaque fois que vous souhaitez rendre des données plus intéressantes visuellement, plus mémorables ou plus attrayantes. Les icônes vous permettent de renforcer votre message.
Omniprésentes sur le web, les icônes sont, en elles-mêmes, des outils de communication efficaces. Les icônes sont faciles à comprendre et attirent l’attention de l’utilisateur. Elles éliminent les barrières linguistiques, renforcent le contenu des sites web, donnent du rythme à un texte et sont bien plus mémorisables que le texte seul.
En bref, avec des icônes vous pouvez :
- Ajouter du rythme
- Mettre en avant des points clés
- Illustrer des concepts, des tableaux ou des graphiques
Bien comprendre la raison d’être de l’icône à créer
Avant même de se lancer dans la conception graphique de l’icône, il est primordial de bien assimiler ce que doit représenter l’icône mais aussi là où elle va être utilisée.
En effet, le besoin précis du client doit vous aider à définir si l’icône doit prendre la forme d’un objet réel ou s’il peut s’agir d’une métaphore comprise par tous.
Lire aussi : 8 étapes pour créer l’icône de votre application mobile
Mener une réflexion approfondie quant à l’icône à concevoir
Une fois le besoin du client bien cerné, il est temps de mener une réflexion sur ce à quoi va ressembler l’icône.
Si vous vous orientez pour un objet réel, le brainstorming à conduire est généralement moins complexe que si la voie de la métaphore a été choisie.
Dans ce second cas, il ne faudra pas hésiter à utiliser un dictionnaire des synonymes pour définir une liste de mots-clés qui pourra peut-être vous aider à traduire au mieux en image l’action ou l’objet que vous désirez illustrer.
S’inspirer de ce qui existe déjà
L’un des principaux avantages des icônes, c’est qu’elles sont internationales. Tout le monde les comprend, tout le monde utilise les mêmes. Ce qui veut dire qu’il n’y a pas besoin de les faire traduire si vous vous adressez à un public international. Quel soulagement, n’est-ce pas ?
Mais le poids de ce langage commun implique aussi que vous devez savoir l’utiliser à bon escient. Il faut donc suivre ce qui se fait en matière d’icône de la même manière que vous vous tenez au courant des nouvelles normes en termes de présentations de page internet ou de compositions graphiques. Lancer une nouvelle icône est toujours un pari, reprendre une icône qui semble avoir du succès est par contre une étape à ne pas manquer.
D’autres graphistes ont probablement déjà reçu des commandes similaires à celle que vous devez honorer. Aussi, n’ayez pas peur de découvrir leur travail afin de vous inspirer.
N’hésitez pas non plus à consulter des images plus grandes mais utilisées pour traiter le même thème.
Choisir un style d’icône
Il existe un grand nombre de styles différents pour les icônes et il n’est pas toujours simple de choisir celui qui convient le mieux pour la création que l’on vous a commandée.
À vous effectivement de définir si une icône minimaliste, une icône flat design, une icône avec effet long-shadow, une icône dessinée à la main ou bien d’autres encore est adaptée à votre projet de conception.
Ce qui se conçoit bien s’énonce clairement… et les icônes pour le dire viennent aisément. Si Boileau devait réécrire sa Poétique aujourd’hui, il parlerait peut-être des icônes en ces termes. Pour bien fonctionner, les icônes doivent être facilement identifiables. Ce qui signifie que l’on doit tout de suite repérer qu’il s’agit d’une icône et que son message doit être reconnu au premier coup d’œil.
Il faut donc bien la mettre en avant, et ne pas la cacher derrière de nombreux autres graphismes. Si un fond perdu blanc entoure souvent les icônes, c’est pour mieux les mettre en valeur. Une icône ne se cache pas : elle se montre !
Avantage : Vos icônes peuvent être animées pour attirer l’attention en cas de besoin !
À cette étape, prenez aussi en compte l’interface sur laquelle elle sera utilisée. Certaines contraintes peuvent effectivement être liées à un système d’exploitation.
Faire de premières esquisses
Maintenant que vous avez choisi un style pour votre icône, il est temps de réaliser de premières esquisses. Celles-ci doivent vous permettre de vérifier que vous avez fait les bons choix.
Votre icône doit aussi être compréhensible : si la grosse flèche qui pointe vers la droite a tout de suite été reconnue comme le symbole qui démarre une vidéo, c’est parce que les utilisateurs de télécommande la manipulaient déjà depuis longtemps. Il a fallu un peu plus longtemps aux internautes pour comprendre le système du menu dit « en hamburger », avec ses trois lignes qui se superposent. Il a pourtant fini par s’imposer.
Avec le temps, ce qui fait la force d’une icône, c’est que tout le monde l’utilise. Il peut donc être maladroit de tenter d’imposer vos propres icônes sans y avoir réfléchi un minimum auparavant. Le risque est bel et bien présent que personne ne les comprenne, donc il faudra peut-être, du moins au début, les assortir d’une explication de texte.
Si vos esquisses ne vous semblent pas correspondre aux attentes de votre client, mieux vaut probablement revenir à l’étape précédente. En revanche, si la cohérence est de mise, poursuivez votre travail.
Personnaliser vos icônes
Une icône, c’est un symbole. Et certains n’oseraient sans doute pas le modifier, de peur de ne pas être compris. Ce serait pourtant se priver d’un formidable terrain de jeu. Même le petit oiseau de Twitter peut être repris et transformé de nombreuses manières différentes, afin d’apporter un peu de personnalité à ceux qui l’utilisent. Il peut être peint à l’aquarelle, apparaître sur le fac-similé d’un cachet de la poste, se poser sur des fonds de couleurs différentes, prendre du relief… Les possibilités ne manquent pas.
Les icônes donnent de la personnalité ! Les icônes que vous choisissez pour votre site Web en disent long sur votre marque. Il est donc impératif de choisir un style qui correspond à la personnalité de votre marque.
Les deux critères à prendre en compte sont que l’icône de base doit être reconnaissable, mais aussi que les icônes présentes sur un même support doivent rester homogènes, c’est pour cela que pour vos projets professionnels, nous vous conseillons de vous diriger vers un graphiste freelance pour réaliser un pack d’icône personnalisé.
À partir de là, toutes les libertés sont possibles… et même souhaitables. Car, oui, l’icône permet l’universalisation du langage, mais au fond, tout le monde aspire à recevoir et à émettre des messages personnalisés. Même si ce ne sont que des dessins !
Affiner les croquis et vectoriser les meilleurs
Une icône réussie doit présenter quelques caractéristiques et c’est à cette étape que vous pouvez affiner vos créations.
Prenez ainsi le temps de travailler les formes de sorte qu’elles soient simples et marquées. Votre icône sera alors plus attrayante et plus évocatrice. Sa signification sera donc plus facilement comprise.
Dans les détails aussi, faites simple. Dites-vous que trop de détails n’apportent rien à la compréhension de l’icône mais en revanche nuisent à l’esthétique. Bannissez donc la plupart d’entre eux.
Veillez aussi à ce que vos icônes respirent c’est-à-dire qu’il y a suffisamment d’espace entre les lignes qui la composent. De même, si l’icône est en couleur, pensez à forcer les contrastes puisque vous ne devez pas oublier que c’est une “petite image” que vous concevez.
Si vous devez concevoir plusieurs icônes dans le cadre d’un même projet, assurez-vous aussi qu’elles soient cohérentes les unes par rapport aux autres.
Toutes les vérifications effectuées et tous les ajustements réalisés, il ne vous reste plus qu’à vectoriser les icônes qui vous semblent les meilleures.
Tester l’icône sur l’interface utilisateur à laquelle elle se destine
Avant de livrer votre client, assurez-vous que l’icône créée s’adapte bien à son interface. Pour ce faire, testez-la en situation et voyez si d’ultimes modifications sont à apporter à votre travail.
Où trouver des icônes ?
Il existe de nombreuses banques d’icônes, gratuites ou payantes ! En voici quelques-unes :
Conclusion
Les icônes ont envahi le web, elles sont partout, mais doivent être utilisées correctement au risque de brouiller le message au lieu de le simplifier. Créer une icône est plus complexe qu’il ne le paraît pour un graphiste mais le suivi du processus de conception présenté ici doit lui garantir de satisfaire son client à l’issue de sa prestation. N’est-ce pas là l’essentiel ?
Vous êtes maintenant convaincu de l’utilité des icônes ? Découvrez notre article pour apprendre à les intégrer sur vos supports de communication.
Si vous avez besoin d’un pack d’icônes adaptées à votre marque ou à un besoin particulier, contactez nos graphistes freelances sur Graphiste.com !
