---
title: "Come personalizzare lo splashscreen della tua app | Tutorial - GoodBarber"
description: "Oggi ti mostrerò come personalizzare i tuoi splash screen\r \r Sono le immagini visualizzate all’apertura della tua app nativa iOS e Android, durante il rendering dei contenuti\r \r Per impo…"
canonical_url: "https://it.goodbarber.com/tutorials/design/come-personalizzare-lo-splashscreen-della-tua-app/"
lang: it
---

# Come personalizzare lo splashscreen della tua app | Tutorial - GoodBarber

[Indietro](https://it.goodbarber.com/tutorials/)

# Come personalizzare lo splashscreen della tua app

Oggi ti mostrerò come personalizzare i tuoi splash screen

Sono le immagini visualizzate all’apertura della tua app nativa iOS e Android, durante il rendering dei contenuti

Per impostare i tuoi splash screen, vai nel menu La mia app, Design generale

Apri il menu di avvio

Hai 2 possibilità

Usare l'assistente o creare uno splash screen personalizzato

Cominciamo con l'assistente

Qui puoi aggiungere un testo o un logo

Per esempio, voglio visualizzare il nome della mia spa Freyja e il mio slogan. Tutto quello che devo fare è aggiungerli alla casella di testo

Voilà

Se preferisci un logo, clicca sulla scheda come questa e carica l'immagine nel formato richiesto.

Ma continuiamo con il testo

Nel menu di destra, posso impostare il carattere, il colore del testo e gli effetti

Poi, creo lo sfondo del mio splash screen. Può essere un colore o un'immagine di sfondo dalla libreria Unsplash nel back office, o dal mio computer,

Questo è quello che farò

Ed ecco fatto, il mio splash screen è pronto!

Clicca su genera, conferma le modifiche

Le schermate di avvio sono generate automaticamente nel formato richiesto per tutti i dispositivi

È stato facile, no?

Ora proviamo l'opzione personalizzata

Questo è davvero facile. Tutto quello che devi fare è caricare la schermata che hai già creato nelle dimensioni richieste.

Già fatto!

Ora sai come personalizzare il tuo splash screen

A presto per un altro tutorial

## Video simili

[DesignCome impostare il tuo header](/tutorials/design/come-impostare-il-tuo-header/)

![Come impostare il tuo header](https://portal.ww-cdn.com/portal_static/images/videos1.c14acaebb684.jpg)

[DesignCome impostare lo stile globale della tua app](/tutorials/design/come-impostare-lo-stile-globale-della-tua-app/)

![Come impostare lo stile globale della tua app](https://portal.ww-cdn.com/portal_static/images/videos2.7fa910b14581.jpg)

[DesignCome impostare la modalità di navigazione della tua app](/tutorials/design/come-impostare-la-modalita-di-navigazione-della-tua-app/)

![Come impostare la modalità di navigazione della tua app](https://portal.ww-cdn.com/portal_static/images/videos4.e9c3404b35cf.jpg)

[DesignCome personalizzare le icone del tuo menu](/tutorials/design/come-personalizzare-le-icone-del-tuo-menu/)

![Come personalizzare le icone del tuo menu](https://portal.ww-cdn.com/portal_static/images/videos5.a023e3a7a47c.jpg)

[DesignCome impostare il design delle tue sezioni](/tutorials/design/come-impostare-il-design-delle-tue-sezioni/)

![Come impostare il design delle tue sezioni](https://portal.ww-cdn.com/portal_static/images/videos6.a0a8271792bd.jpg)

[DesignCome copiare il design di una sezione](/tutorials/design/come-copiare-il-design-di-una-sezione/)

![Come copiare il design di una sezione](https://portal.ww-cdn.com/portal_static/images/videos7.8952466a8027.jpg)

[DesignCome impostare la tua home page](/tutorials/design/come-impostare-la-tua-home-page/)

![Come impostare la tua home page](https://portal.ww-cdn.com/portal_static/images/videos9.49f835842cd5.jpg)

[DesignCome scegliere le dimensioni del tuo header ?](/tutorials/design/come-scegliere-le-dimensioni-del-tuo-header/)

![Come scegliere le dimensioni del tuo header ?](https://portal.ww-cdn.com/portal_static/images/videos_design_header.a341dbbe5c74.jpg)

[DesignCome modificare lo sfondo della tua app](/tutorials/design/come-modificare-lo-sfondo-della-tua-app/)

![Come modificare lo sfondo della tua app](https://portal.ww-cdn.com/portal_static/images/thumbnail_background.01a5a9e37ad2.jpg)
