FruityFred
  • Blog
  • Course à pied
    • Tests équipements
  • Randonnées
  • Magie
    • Tours de cartes
  • Recettes
    • Entrées
    • Plats
    • desserts
  • À propos
    • CV
    • Contact
  • Accueil
  • design
  • Icônes vectorielles

Icônes vectorielles

Publié le 10 février 2015 par FruityFred dans design
0

Je n’ai jamais été un grand fan des icônes colorées et très « chargées », je trouve que ça distrait l’oeil plus que ça ne l’aide à comprendre la logique fonctionnelle d’une interface. Les icônes monochromes sont d’ailleurs très à la mode depuis quelques années maintenant sur le web, et même dans les systèmes d’exploitation récents, comme OS X, iOS et Android.

Leur aspect monochrome permet de les représenter par un symbole, au même titre que n’importe quel caractère dans une police (de caractères). Toutes les icônes peuvent ainsi être regroupées dans un seul fichier, ce qui permet d’alléger le poids des ressources à télécharger, en plus d’alléger visuellement les écrans. Bien sûr, ce regroupement pouvait aussi être fait avec des icônes sous forme d’images en utilisant la technique des Sprites CSS.

Le plus gros avantage de ces icônes est sans doute leur indépendance à la résolution de l’écran. Écran Retina ou pas, petite ou grande icône, peu importe : la même ressource est utilisée. Elle peut même être colorée, le tout grâce à de simples feuilles de styles !

Il existe pléthore de telles icônes, et beaucoup sont gratuites. On peut citer par exemple l’excellent Font Awesome ou encore les icônes incluses dans le non moins excellent Twitter Bootstrap.

Malgré tout, je voulais me familiariser avec un outil de dessin vectoriel, Affinity Designer, et j’ai décidé de commencer à concevoir quelques icônes moi-même. Voici donc quelques unes de mes icônes bien à moi :

Icônes vectorielles

Cliquez sur cette image pour visualiser les icônes réelles en différentes tailles.

PS :
Oui, je sais, je n’utilise pas encore mes propres icônes sur mon site web, mais ça viendra

dessin vectoriel, icônes

Laissez un commentaire Annuler la réponse

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Recherche

Catégories

Nuage de tags

Alsace Apple avis cascade chaussures château Cocoa concert Corse course à pied cuisine du monde forêt GPS HDR Interface Builder iOS iPhone Islande jeu lac Laiterie légumes Mac Mac OS X magie marathon minimalisme neige OpenGL plage poisson randonnée Strasbourg thème graphique TomTom tour de cartes trail vallée volcan wok WordPress Xcode Écosse écologie île

Derniers articles

  • De l’avenir.

    18 avril 2017
  • Pebble Time + iSmoothRun

    21 juin 2015
  • IMG_0440

    Tebble – Table interactive et connectée

    27 mai 2015
  • thumbnail blog

    La Main de la Princesse

    25 février 2015
  • thumbnail blog

    Transferts

    20 février 2015

Amis

  • /teles
  • A.D.A.N.
  • After6PM
  • Bloc-notes de Darathor
  • Blog de Florian
  • Blog de Jeff
  • Blog'ele
  • Graine de kawa
  • Joël et Ophélie
  • NikoHK
  • R2G2
  • WebLife

Méta

  • Connexion
  • Flux RSS des articles
  • RSS des commentaires
  • Site de WordPress-FR

Facebook • Twitter • YouTube

Copyright © 2015 FruityFred. Tous droits réservés.
Avant de copier une partie de mon contenu, demandez-le moi