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.
Size / Piattaforme | iOS 6.0 / 6.1 | iOS 7.0 / 7.1 |
---|---|---|
120 × 120 | ✔ | ✔ |
114 × 114 | ✔ | |
80 × 80 | ✔ | ✔ |
58 × 58 | ✔ | ✔ |
57 × 57 | ✔ | |
29 × 29 | ✔ |
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.
![6 organizzazioni che eseguono segretamente Internet [Infografica]](http://hideout-lastation.com/img/tech-design-tips/410/6-organizations-that-secretly-run-internet.jpg)
6 organizzazioni che eseguono segretamente Internet [Infografica]
Internet è una rete connessa di miliardi di dispositivi e persone e non ha un unico organo centrale di governo per controllare ciò che accade in questa vasta rete. Ma ha alcune organizzazioni che lo aiutano a funzionare senza intoppi, ad esempio ICANN, che è l'Internet Corporation per i nomi e i numeri assegnati. I
![Scopri il nuovo Surface Pro di Microsoft](http://hideout-lastation.com/img/tech-design-tips/931/meet-microsoft-s-new-surface-pro.jpg)
Scopri il nuovo Surface Pro di Microsoft
Sono passati quasi due anni da quando Surface Pro 4 è stato rilasciato per la prima volta e molti speravano che Microsoft sarebbe finalmente arrivata con il suo successore . Bene, quelli che stavano aspettando un nuovo dispositivo Surface saranno lieti di sapere che Microsoft ha annunciato ufficialmente il nuovo Surface Pro, ed ecco quello che devi sapere al riguardo .