Design per device Apple, elementi e specifiche

app-iphone_post_img580x241

Di tutti gli articoli che esistono su come produrre un design per iphone, ipad ecc, è da tenere come specifiche unicamente quelle presenti sulle pagine del sito https://developer.apple.com
Molte GUI per Photoshop sono disponibili in rete, come PSD di MockUp o come collezioni di elementi.
Una delle più complete è sicuramente quella dei Teehan+Lax che hanno fatto un ottimo lavoro disponibile gratuitamente a questo indirizzo link

teehanlax-iOS-7-iPhone-1000

In generale nel sistema iOS7 si avverte un salto di stile significativo rispetto l’approccio con i sistemi precedenti, introducendo molti colori acidi o pastellati.
Un ottimo strumento per avere una idea sui colori da affiancare è Kuler di Adobe, e altri in liste online ad esempio questa.

kuler2

 

Ricordiamo che è impostante tener conto delle dimensioni e della risoluzione reale dei vari device.

Device Dimensioni in px Risoluzione
iPhone3 320×480 163 ppi
iPhone4 640×960 326 ppi
iPhone4S 640×960 326 ppi
iPhone5 640×1136 326 ppi
iPhone5C 640×1136 326 ppi
iPhone5S 640×1136 326 ppi
iPad 1024×768 132 ppi
iPad2 1024×768 132 ppi
iPad (3gen) 2048×1536 264 ppi
iPad (4gen) 2048×1536 264 ppi
iPad Air 2048×1536 264 ppi
iPad mini 1024×768 163 ppi
iPad mini (retina) 2048×1536 326 ppi

joviberton

Nel digitale da sempre, come sviluppatore, responsabile di progetto, responsabile di risorse, digital product design. Mi interesso di tutto quello che gravita attorno a me e che stuzzica la mia curiosità. Anglofico per eccellenza, decisamente naif, sono alla costante ricerca di qualcosa di nuovo su cui perdere nottate.

More Posts - Website

Follow Me:
TwitterFacebookLinkedIn