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.

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 surTiDev.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