Tutoriels
Retour

Comment personnaliser les icônes principales de votre app ?


Bonjour et bienvenue dans votre backoffice GoodBarber !

Aujourd'hui je vais vous apprendre à personnaliser les icônes 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ée 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 icônes allons dans le menu Contenu & Design, Design, Design Général.

Ouvrons le menu Icone.

Ici vous avez deux possibilités.

Utiliser l'assistant de création ou créer une icône totalement custom.

Commençons par l'assistant.

Ici vous pouvez ajouter du texte ou un logo.

Par exemple, je veux faire apparaître les initiales de ma boutique Urban Shango. Il me suffit de l'inscrire dans la zone d'édition 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ées.

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 icône est prête !

Je n'ai plus qu'à éditer le titre de mon app, qui sera affiché sur l'écran d'accueil des téléphones de vos clients.

Parfait !

Je clique sur générer et c'est bon, je confirme les modifications.

Les icônes 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 votre icône que vous aurez préalablement créée 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