Comment personnaliser l'écran de lancement de votre app ?

L'écran de lancement

L'écran de lancement est l'image affichée par votre app native iOS et Android, pendant qu'elle s'ouvre et se charge.

Dans le menu « My App », cliquez sur « Launch screen ».

Il y a deux façons de le créer : l'assistant le construit pour vous, ou vous importez vos propres images.

L'assistant

Avec l'assistant, l'écran de lancement affiche un texte ou une image.

Pour une image, comme votre logo, cliquez sur Picture et importez une image d'au moins 640 × 640 pixels.

L'écran de lancement affiche votre image.

Si vous gardez une image, l'assistant l'utilise à la place du texte. Pour utiliser un texte, retirez l'image… et confirmez.

Cliquez ensuite sur Text.

Le titre est le nom de votre app. Saisissez dessous une courte baseline.

L'aperçu se met à jour pendant la saisie.

Mettez ensuite le titre en forme : choisissez une police… ici, celle utilisée dans l'app.

Réglez sa taille… et un effet, comme une ombre. La baseline a les mêmes réglages.

Fond

Pour le fond, choisissez une couleur ou une photo : importez la vôtre, ou prenez-en une dans la bibliothèque.

La bibliothèque propose des photos gratuites de Pexels. Cherchez-en une et cliquez dessus.

La photo remplit maintenant le fond.

Ajoutez un effet, comme un dégradé… pour que votre texte reste lisible.

Vérifiez le rendu sur chaque appareil : ici, sur Android.

Générer

Quand le rendu vous plaît, cliquez sur Generate… et GoodBarber crée l'écran de lancement dans tous les formats dont l'app a besoin.

Vos propres images

Vous les retrouvez dans l'onglet Splashscreen, un par format.

Pour utiliser plutôt votre propre design, importez une image par format : 1242 × 2688 pixels pour iOS, 1440 × 2560 pour Android et 2048 × 1536 pour les tablettes.

Éloignez le contenu important des bords : chaque image est recadrée selon l'écran qui l'affiche.

Publier

Pour que vos utilisateurs voient votre nouvel écran de lancement, publiez la mise à jour depuis le menu Publish.