10 erreurs de design d’icônes

10 mistakes in icon design

Un autre excellent article à lire en tant que web designer (et designer en général) : 10 Mistakes in Icon Design, par TurboMilk. L’auteur établit une liste très pertinente et variée d’erreurs à éviter lors de la création d’une icône (traduction personnelle à la volée) :

  1. Différenciation insuffisante
  2. Icône surchargée
  3. Eléments inutiles
  4. Manque d’homogénéité
  5. Perspective et ombres inutiles
  6. Etre trop original
  7. Oublier les différences culturelles
  8. Incorporer des éléments réels
  9. Avoir du texte incorporé à l’icône
  10. Pixellisation approximative

En tant que web designer, on peut être amené à créer des icônes, sans doute pas pour un programme mais pour illustrer un site, un menu de navigation. C’est toujours très attrayant mais aussi utile pour guider l’utilisateur et différencier les actions qui s’offrent à lui.

Une icône qu’on est tous amené à réaliser est la favicon (la petite icône de la barre d’adresse). Et elle est très importante! Lorsqu’un internaute parcourt ses favoris, il sera particulièrement aidé si le site qu’il recherche possède sa favicon, et qu’elle se distingue des autres. D’ailleurs, j’ai des difficultés à bookmarker un site qui n’en a pas. Je trouve ça joli et utile, pourquoi s’en priver ?

Plus généralement, on peut appliquer certains conseils de cette liste à la création d’un logo. Il faut songer à sa portabilité (selon la taille, le support, le contexte), son originalité (savoir différencier sans s’égarer), et son interprétation (est-ce le bon message qui est véhiculé ?). Autant de choses qui demandent, certes du talent, mais surtout de la réflexion.

Icones iPhone rangées par couleur

Oui, je me suis amusé. Oui, c’est assez pratique. Et non, je n’ai pas téléchargé d’appli uniquement pour la couleur de son icône.

couleurs-iphone

01-bleu

02-gris-rouge

03-orange

04-vert

05-violet

Il est vrai que les deux derniers écrans sont moins pertinents dans cette nouvelle organisation, mais il fallait bien que je classe toutes mes icônes!

Les meilleures petites icônes gratuites du web

petites-icones-gratuites

WebIconSets recence les packs gratuits de petites icônes, le plus connu étant FamFamFam. Le concept ressemble fortement à IconPot, mais pour les petites icônes. Ces dernières ont l’avantage d’être optimisées pour leur dimension, contrairement à d’autres icônes plus grandes qui perdent en qualité une fois rétrécies.

icones-gratuites

Pourquoi le vectoriel n’est pas fait pour les icônes web

Voilà pourquoi.