Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Créer une police icones avec IcoMoon

557 views

Published on

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.

Published in: Mobile
  • Be the first to comment

  • Be the first to like this

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

×