Créer une police icones avec IcoMoon

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.

Transcript

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. 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. 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. 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. M ontpellier
 M obile @timoa #MtpMobile LA DÉMO ! Article sur TiDev.io
6. M ontpellier
 M obile @timoa #MtpMobile QUESTIONS ?
7. M ontpellier
 M obile @timoa #MtpMobile RESSOURCES 13 300 captures d’interfaces mobile & tablette, icons, fonts, PSDs, etc
 http://pinterest.com/timoa