Come creare un’icona per iOS e Android
Parti da un simbolo chiaro, prepara la sorgente ed esporta risorse da provare sul dispositivo. La guida va dal primo schizzo all’integrazione.
Che cos’è un’icona app?
È il segno che identifica l’app nella schermata iniziale, nella ricerca e nello store. Diversamente da favicon o nome completo, deve restare riconoscibile in piccolo e adattarsi alla forma di piattaforma.
Disegnare l’icona
Usa uno strumento vettoriale o un’illustrazione semplice. Dai priorità alla lettura prima di decorare.
Scegli un punto centrale
Usa un simbolo o lettera distintivi. Togli dettagli e testo lungo che spariscono riducendo.
Chiarisci la silhouette
Separa simbolo e sfondo con forma e colore. Mantieni il contenuto importante lontano dal bordo.
Prova le misure reali
Controlla la schermata iniziale su fondi chiari e scuri. Modifica prima di esportare l’originale.
Serve un simbolo iniziale? Esplora il creatore di logo
Creare senza software di design
Se non hai una grafica finita, usa un modello originale modificabile nel browser. Segue lo stesso spazio di anteprima ed export sotto.
Scegli un modello
Confronta Orbit, Stack e Signal, sorgenti SVG originali non esclusive da adattare.
Cambia iniziali e colori
Usa una o due lettere latine o cifre, scegli sfondo e accento e mantieni contrasto in piccolo.
Controlla prima di esportare
Apri il modello, seleziona piattaforme e controlla maschere e anteprime piccole prima del ZIP.
Preparare la sorgente per ogni piattaforma
iOS: un quadrato opaco
Prepara PNG 1024 × 1024 px con fondo completo. Non incorporare angoli arrotondati. L’export iOS inserisce l’immagine in AppIcon.appiconset per Xcode.
Vedi guida iOSAndroid: primo piano e fondo
Le icone adattive usano livelli separati di 108 × 108 dp. Mantieni il simbolo nel centro di 66 × 66 dp. Un motivo trasparente facilita lo sfondo a colore o immagine separata.
Vedi guida Android adattivaConsulta le dimensioni · Documentazione Xcode Apple · Documentazione adattiva Android
Creare con il generatore
Usa lo spazio sotto dopo aver preparato la grafica. Un disegno comune può produrre catalogo iOS e risorse Android.
Esporta l’originale
Salva un PNG nitido di 1024 × 1024 px. Un simbolo trasparente aiuta a separare il fondo Android adattivo.
Carica e seleziona piattaforme
Aggiungi il file e attiva iOS, Android o entrambi.
Controlla l’anteprima
Imposta sfondo Android e scala del primo piano. Il motivo importante deve stare nella zona sicura.
Scarica ZIP
Esporta le risorse: AppIcon.appiconset per iOS e res/mipmap per Android.