Créer une police icones avec IcoMoon

Click here to load reader

  • date post

    05-Jul-2015
  • Category

    Mobile

  • view

    152
  • download

    3

Embed Size (px)

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

  • 1. M ontpellier M obile @timoa#MtpMobile CRER UNE POLICE DICNES Oubliez les images aux multiples rsolutions et passez aux polices d'icnes !

2. M ontpellier M obile @timoa#MtpMobile CEST QUOI LE PROBLME ? Lors du dveloppement dune application mobile, on doit prvoir pour une seule image, au minimum 4 rsolutions pour Android et 2 pour iOSPour une simple icne 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 caractres incluant vos icnes !Ainsi vous aurez les avantages suivants : Icnes vectorielles donc pas de perte de qualit Icnes disponibles dans toutes les tailles Changement possible de la couleur des icnes Taille du chier (~10Ko) Fonctionne sur tout les OS mobile ! 4. M ontpellier M obile @timoa#MtpMobile COMMENT FAIRE ? Nous allons crer notre police de caractres avec le service gratuit IcoMoon.Cette application Web permet de : Grer ses diffrents projets / polices Disposer de librairies dicnes comme Entypo Ajouter ses propres chiers SVG 5. M ontpellier M obile @timoa#MtpMobile LA DMO ! Article surTiDev.io 6. M ontpellier M obile @timoa#MtpMobile QUESTIONS ? 7. M ontpellier M obile @timoa#MtpMobile RESSOURCES 13 300 captures dinterfaces mobile & tablette, icons, fonts, PSDs, etc http://pinterest.com/timoa