Vestiges d'un CSS Guru
icône
bd cinéma couleur css firefox google gratuit ie6 interface iphone javascript microsoft musique navigateur new york photo photoshop theme vidéo wordpress
Les meilleures petites icônes gratuites du web
Billet25 Apr
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 iPhone rangées par couleur
Billet3 Apr
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.
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!
10 erreurs de design d’icônes
Billet14 Feb
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) :
- Différenciation insuffisante
- Icône surchargée
- Eléments inutiles
- Manque d’homogénéité
- Perspective et ombres inutiles
- Etre trop original
- Oublier les différences culturelles
- Incorporer des éléments réels
- Avoir du texte incorporé à l’icône
- 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.
