5 astuces de conception d'icônes tueuses

À Raisons pour à Brighton le mois dernier, designer Jon Hicks est monté sur scène pour partager quelques astuces pour concevoir des icônes. En tant qu'homme derrière la conception d'icônes pour Skype et Spotify, ainsi que l'auteur ou Le manuel des icônes , il avait beaucoup à partager.

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 caché.



Si vous avez décidé de créer une icône sur mesure, plutôt que d'utiliser un 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

Le plus important est que les gens comprennent ce que signifie votre icône

Le plus important est que les gens comprennent ce que signifie votre icône

Vous êtes un type créatif, nous le savons, mais ce n'est pas le moment de sortir des sentiers battus.

«Vous devez avoir quelque chose qui soit instantanément reconnu», insiste Hicks. Cela signifie que s'il existe une convention, 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 Projet de nom , une communauté mondiale qui rassemble des icônes.

02. Exécutez vos idées à travers les connaissances locales

Un hibou symbolise la sagesse en Occident, mais la stupidité en Orient

Un hibou symbolise la sagesse en Occident, mais la stupidité en Orient

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 `` vissez-vous '' à 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

Hicksdesign a été chargé de réviser Skype

Hicksdesign a été invité à réviser l'ensemble d'émoticônes de Skype

«Si vous recherchez des emojis, vous ne pouvez pas battre votre propre webcam», dit 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

Faites attention à l

Faites attention à l'harmonie perçue ainsi qu'à la précision graphique

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 ont toutes la même hauteur, elles peuvent ne pas ressembler à cela pour les spectateurs. Si vous avez besoin d'être convaincu, jetez un œil à notre article sur la façon dont une découverte récente sur le logo Google a déclenché une discussion animée sur la `` conception correcte '' .

Un autre conseil pour maintenir la cohérence consiste à travailler sur toutes vos icônes dans un seul document. Vous ne pouvez pas créer un ensemble unifié si vous travaillez sur chaque icône séparément.

05. Restez simple ... mais pas trop simple

Icônes par Universal Icons (à gauche) et Mello pour Noun Project

Icônes par Universal Icons (à gauche) et Mello pour Noun Project

Les icônes doivent être simples - tout le monde le sait, non? «L'une des choses essentielles 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.

Lire la suite: