it.hideout-lastation.com
Paradiso Per Designer E Sviluppatori


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 / PiattaformeiOS 6.0 / 6.1iOS 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 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.

OS X Lion: 10 Altre nuove funzionalità + scorciatoie da conoscere

OS X Lion: 10 Altre nuove funzionalità + scorciatoie da conoscere

L'ultimo sistema operativo di Apple per Mac, 10.7 o meglio conosciuto come OS X Lion è stato ufficialmente lanciato il 20 luglio 2011. Ma gli sviluppatori, incluso me stesso, hanno avuto una prima esperienza grazie ad Apple Developers Program.Secondo Apple, il nuovo sistema operativo da $ 29, 99 viene fornito con oltre 250 nuove funzionalità, tra cui alcune di rilievo come Mission Control, Auto Save, Launch Pad, tutte le nuove app di posta e alcune altre.O

(Consigli tecnici e di design)

Formatta automaticamente i campi di input con Cleave.js

Formatta automaticamente i campi di input con Cleave.js

Pensa a tutti i diversi campi di input che richiedono una struttura formattata . Numeri di telefono, carte di credito, date di nascita, indirizzi ... hanno tutti i loro modelli unici .È abbastanza semplice lasciare questi campi da soli e fidarsi dell'utente. Ma potrebbe essere meglio usare Cleave.

(Consigli tecnici e di design)