Créer une police icones avec IcoMoon

419 vues

Publié le

Oubliez les images aux multiples résolutions
 et passez aux polices d'icônes !

Création via IcoMoon d'une police d'icônes et utilisation de celle-ci dans des applications mobiles iOS / Android.

Présentation lors du Meetup Montpellier Mobile du 20 mai 2014.

Publié dans : Mobile
0 commentaire
0 j’aime
Statistiques
Remarques
  • Soyez le premier à commenter

  • Soyez le premier à aimer ceci

Aucun téléchargement
Vues
Nombre de vues
419
Sur SlideShare
0
Issues des intégrations
0
Intégrations
12
Actions
Partages
0
Téléchargements
2
Commentaires
0
J’aime
0
Intégrations 0
Aucune incorporation

Aucune remarque pour cette diapositive

Créer une police icones avec IcoMoon

  1. 1. M ontpellier
 M obile @timoa#MtpMobile CRÉER UNE POLICE D’ICÔNES Oubliez les images aux multiples résolutions
 et passez aux polices d'icônes !
  2. 2. M ontpellier
 M obile @timoa#MtpMobile C’EST QUOI LE PROBLÈME ? Lors du développement d’une application mobile, on doit prévoir pour une seule image, au minimum
 4 résolutions pour Android et 2 pour iOS… Pour une simple icône monochrome, ça fait beaucoup de temps perdu et cela alourdit
 votre application mobile.
  3. 3. M ontpellier
 M obile @timoa#MtpMobile LA SOLUTION ? Faire une police de caractères incluant vos icônes ! Ainsi vous aurez les avantages suivants : • Icônes vectorielles donc pas de perte de qualité • Icônes disponibles dans toutes les tailles • Changement possible de la couleur des icônes • Taille du fichier (~10Ko) • Fonctionne sur tout les OS mobile !
  4. 4. M ontpellier
 M obile @timoa#MtpMobile COMMENT FAIRE ? Nous allons créer notre police de caractères avec le service gratuit IcoMoon. Cette application Web permet de : • Gérer ses différents projets / polices • Disposer de librairies d’icônes comme Entypo • Ajouter ses propres fichiers SVG
  5. 5. M ontpellier
 M obile @timoa#MtpMobile LA DÉMO ! Article surTiDev.io
  6. 6. M ontpellier
 M obile @timoa#MtpMobile QUESTIONS ?
  7. 7. M ontpellier
 M obile @timoa#MtpMobile RESSOURCES 13 300 captures d’interfaces mobile & tablette, icons, fonts, PSDs, etc
 http://pinterest.com/timoa

×