Créer une police icones avec IcoMoon
7
Montpellier Mobile @timoa #MtpMobile CRÉER UNE POLICE D’ICÔNES Oubliez les images aux multiples résolutions et passez aux polices d'icônes !
-
Upload
damien-laureaux -
Category
Mobile
-
view
152 -
download
3
description
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 of Créer une police icones avec IcoMoon
Montpellier
Mobile
@timoa#MtpMobile
CRÉER UNE POLICE D’ICÔNESOubliez les images aux multiples résolutions
et passez aux polices d'icônes !
Montpellier
Mobile
@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.
Montpellier
Mobile
@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 !
Montpellier
Mobile
@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
Montpellier
Mobile
@timoa#MtpMobile
LA DÉMO !Article sur TiDev.io
Montpellier
Mobile
@timoa#MtpMobile
QUESTIONS ?
Montpellier
Mobile
@timoa#MtpMobile
RESSOURCES
13 300 captures d’interfaces mobile & tablette, icons, fonts, PSDs, etc http://pinterest.com/timoa
