Come aggiungere l'icona dell'app iPhone con Cordova

Per un'app mobile l'icona è parte integrante di un'app che la separa dal resto della folla. È anche la prima cosa di un'app che i potenziali utenti vedranno, ed è per questo che molti designer hanno pensato tanto al design delle icone. In questo post, dopo la nostra discussione sulla creazione di un'app mobile con Cordova, ti mostreremo come aggiungere un'icona per la tua app .

Prima di iniziare, però, dobbiamo prima preparare le icone. Ecco alcune risorse che possono essere utili:

• 38 bellissimi disegni di icone app IOS per la tua ispirazione
• Genera facilmente icone di app Android o IOS con MakeAppIcon
• 50 fantastici disegni di icone IOS
• 20 disegni di icone mobili piatte

Apple Icon Requirement

A seconda di alcuni fattori, ad esempio la versione di iOS, sullo schermo in cui si trova l'app, il numero di icone richieste, la dimensione e i pixel potrebbero differire notevolmente. Apple richiede molte icone diverse per adattarsi alle schermate di dialogo iOS nella pagina delle impostazioni, nella pagina di ricerca di Spotlight, nella schermata principale e così via.

Dovrai prendere in considerazione queste specifiche quando crei la tua icona.

Creare le icone

Supponendo che la nostra applicazione dovrebbe supportare fino a iOS 6.1 avremmo bisogno di 6 dimensioni per l'icona. Sembra un sacco di lavoro, eh? Bene, non preoccuparti, dato che puoi usare AppIconTemplate. AppIconTemplate è un modello di Photoshop e viene fornito con una azione Photoshop predefinita che ottimizza il flusso di lavoro quando si designa e genera più dimensioni di icona.

Scarica e usa il modello in Photoshop e genera l'icona con l'azione di Photoshop. Ad esempio, ecco le icone che abbiamo generato con esso. Probabilmente il tuo design delle icone sarà molto più bello.

Aggiunta delle icone all'applicazione

Per aggiungere le icone, spostale nelle icone /platforms/ios/{AppName}/Resources/icons, che è stato creato quando in precedenza abbiamo aggiunto la piattaforma iOS al progetto con il comando della cordova platform .

Inoltre, è meglio rinominare le icone in base alla convenzione di denominazione standard di Apple, come mostrato nella schermata sopra: icon- [size] - [@ 2x]. @2x suffisso viene utilizzato per indirizzare il display Retina. Una volta che le icone sono pronte, fai clic sul pulsante di riproduzione per creare l'app e mostrarla in iPhone Simulator. E dovresti vedere la tua nuova icona, in questo modo.

Rimozione dell'effetto lucido dell'icona

A volte l'effetto lucido che iOS dà all'icona potrebbe ostacolare i dettagli dell'icona. Se vuoi rimuovere l'effetto lucido, apri il {appname}-info.plist in Xcode. Quindi, selezionare SÌ per l' icona include già l' opzione degli effetti di lucentezza, come mostrato nella seguente schermata.

Attraverso Xcode, riavvia l'app. Ora, come puoi vedere qui sotto, dovresti trovare l'icona mostrata senza l'effetto lucido.

Conclusione

In questo post, abbiamo aggiunto l'icona alla nostra app. Supponendo di aver creato la funzionalità dell'app, ora siamo un passo avanti nella pubblicazione dell'app. La cosa che devi fare ora è rendere l'icona il più accattivante possibile.

10 utili funzionalità Github che devi conoscere

Github è ora il luogo in cui programmatori e designer lavorano insieme. Collaborano, contribuiscono e correggono bug. Ospita anche numerosi progetti open source e codici di vari linguaggi di programmazione . Inoltre, Github ha anche rilasciato un'applicazione desktop per Windows e OS X che consente a chiunque di integrare Github all'interno del proprio flusso di lavoro senza interruzioni.

(Consigli tecnici e di design)

Come spostare tutti i dati sul nuovo dispositivo Android

Ottenere un nuovo telefono è eccitante, ma il pensiero di spostare tutti i dati dal vecchio telefono a quello nuovo potrebbe lasciarti bloccato. Molto probabilmente, non è possibile lasciare i dati e una semplice copia e incolla non funzionerà .Ecco come spostare quasi tutti i tuoi dati sul tuo nuovo telefono nel modo giusto. C

(Consigli tecnici e di design)