Un jeu d’icônes qui va ensemble.
Le problème d’un jeu d’icônes n’est pas de dessiner la première : c’est que la vingtième ressemble aux dix-neuf autres. Épaisseur de trait, taille de grille, angles, extrémités : la règle se pose avant, pas après.
SVGPNGLes étapes, dans l’ordre.
- La grille et le trait, décidés une fois. Taille de la grille, épaisseur du trait, rayon des angles, extrémités. Ce sont ces quatre valeurs qui font la cohérence d’un jeu.
- On dessine aux tailles réelles. Une icône conçue en grand devient une bouillie à seize pixels. On la juge à la taille où elle sera vue.
- Les couleurs de la marque, pas à côté. Le jeu lit la palette du territoire : une icône qui porte sa propre nuance de bleu se verra le jour où le bleu de la marque changera.
- Les exports, et le mode d’emploi. SVG pour le web, PNG aux tailles utiles, et la règle d’usage : quelle icône pour quoi, et laquelle ne jamais recolorer.
À la fin, vous avez ça.
- Le jeu d’icônes en SVG, cohérent, aux couleurs de la marque
- Les exports PNG aux tailles utiles, et les versions monochromes
- La règle de dessin écrite : grille, trait, angles, extrémités
- Le nommage, pour qu’une icône se retrouve dans six mois
Les fonctionnalités qui servent ici.
Les questions qu’on nous pose.
Et s’il en manque une, le Discord répond plus vite que cette page.
Pourquoi ne pas prendre un jeu libre ?
C’est souvent le bon choix, et il faut l’assumer : un jeu libre bien fait vaut mieux qu’un jeu sur mesure incohérent. On dessine sur mesure ce que le jeu libre n’a pas, en respectant SA grille.
Combien d’icônes dans un premier jeu ?
Celles dont les écrans ont besoin, pas une de plus. Un jeu de quatre-vingts icônes dont douze servent est un jeu qu’on ne maintient pas.
Et les illustrations ?
Même logique, autre échelle : une famille de formes, une palette restreinte, et une règle de composition. Une illustration isolée est jolie ; une famille fait une marque.
Dans la même famille.
Logos
Trois pistes réellement différentes, en SVG propre, lisibles à 16 px, avec l’idée de chacune.
Territoire de marque
Plateforme, palette, typographies, ton de voix : la référence de tout le reste.
Retouche photo
Recadrer, redresser, détourer, corriger les couleurs, flouter une zone.
Visuels réseaux et bannières
Un visuel, décliné à toutes les tailles des réseaux et des bannières.
Planches d’ambiance
Images, matières et couleurs réunies pour fixer une direction avant de dessiner.