Retour

Comment personnaliser les icônes de votre app


Bonjour et bienvenue dans votre back office GoodBarber ! 


Aujourd'hui je vais vous apprendre à personnaliser les icones de votre app ! 
Cette étape est obligatoire pour générer votre application.


L'icône est un élément visuel clé de votre application. Elle sera utilisé comme un favicon par les navigateurs web, affichée dans les notifications push pour identifier l'expéditeur, sur l'écran d'accueil du téléphone de vos clients.


Pour paramétrer nos icones allons dans le menu My app > Design > Design Général.
Ouvrons le menu Icon.
Ici vous avez deux possibilités.
Utiliser l'assistant de création ou créer une icone totalement custom.
Commencons par l'assistant.
Ici vous pouvez Ajouter du texte ou un logo.
Par exemple je veux faire apparaitre l'initiale de mon spa "Freyja Spa". Il me suffit de l'inscrire dans la zone d'edition de texte. 
Voilà.
Si je préfère un logo, il me suffit de cliquer sur l'onglet comme cela et de télécharger une image dans les dimensions demandée.
Restons sur le texte!


Dans le menu de droite je peux paramétrer la police de caractères, la couleur du texte, et les effets éventuels.
Ensuite je n'ai plus qu'à créer le fond de mon icône.
soit une couleur, soit une image de fond à choisir dans la bibliothèque unsplash du back office, ou à télécharger depuis mon ordinateur. 
C'est ce que je vais faire. 
Et voilà ! mon icone est prête ! 


Je n'ai plus qu'à éditer le titre de mon app, qui sera affiché sur l'écran d'acceuil des téléphones de mes utilisateurs.
Parfait ! 
Je clique sur générer et c'est bon, je confirme les modifications. 
Les icones sont automatiquement générées dans les formats requis pour toutes ses utilisations.
Facile non?


Maintenant essayons l'option Custom.
Ici il n'y rien de plus simple, il vous suffit de télécharger l'icone que vous aurez préalablement créée dans dans toutes les tailles demandées.
Voilà c'est déjà fini ! 


Vous savez maintenant comment personnaliser l'icône de votre application.
A bientôt pour un nouveau tutoriel ! 

Vidéos similaires

Conseils pour créer une app