Content
- 01. Proveu Skala Preview
- 02. Explora-ho amb DevRocket
- 03. Dissenyar icones en un quadrat
- 04. Utilitzeu una plantilla de disseny d’icones d’Apple
- 05. Disseny per a iPhone 4 i ampliació
- 06. Recordeu els vostres píxels
- 07. K.I.S.S.
- 08. Tipus dinàmic
- 09. Barra d’estat de l’iOS 7
El disseny per a iOS sempre ha plantejat reptes particulars als quals el dissenyador ha de lluitar. Tot i que les versions anteriors d’iOS estaven molt enfocades a un aspecte i aspecte skeuomorf, la famosa estètica ‘plana’ d’IOS 7 requereix un enfocament diferent i les millors aplicacions d’iPhone simplement s’hi han d’adaptar.
Amb el que sembla que tota la indústria avança cap a una tendència de disseny pla, no va ser una sorpresa real quan l'equip de disseny de Jony Ive a Apple va portar iOS en aquesta direcció l'any passat. Ara els gràfics són més atrevits, més vistosos i més centrats en la funció que en la forma. Per tant, fins i tot si ja sabeu com crear una aplicació, tingueu en compte aquests consells i tècniques per dissenyar interfícies d’usuari preparades per a iOS 7 a Photoshop.
01. Proveu Skala Preview
Skala Preview és una eina molt útil per a tots els dissenyadors d'aplicacions. Us permet veure el vostre disseny (perfecte per a píxels i perfecte per a colors) a la pantalla del dispositiu enllaçat, directament des de Photoshop. Elimina les conjectures i us estalvia molt de temps.
02. Explora-ho amb DevRocket
DevRocket és un altre complement de Photoshop que és ideal per als dissenyadors d’IOS.Amb ell, podeu generar plantilles en ambdues orientacions, canviar entre Retina i estàndard a Photoshop i fins i tot exportar a les dues resolucions. Imprescindible.
03. Dissenyar icones en un quadrat
Podeu pensar que, com que les icones de l'aplicació apareixen amb cantonades arrodonides a l'iPhone, és així com heu de dissenyar-les. No és així. Tingueu en compte l'àrea visible i marqueu-la a Photoshop com a guia de disseny. Envieu una imatge quadrada a l'App Store i deixeu que Apple faci la resta.
04. Utilitzeu una plantilla de disseny d’icones d’Apple
Hi ha moltes plantilles per ajudar-vos a dissenyar una icona que funcioni amb la nova graella de disseny d'Apple (en trobeu una de gratuïta). Són fantàstics, ja que us permeten crear diverses icones simplement enganxant gràfics en màscares de capa predeterminades.
05. Disseny per a iPhone 4 i ampliació
Si no teniu temps per crear una interfície d’usuari a mida per a l’iPhone 4 i 5, dissenyeu-la per a la pantalla una mica més petita de l’iPhone 4 i amplieu-la. Si teniu temps, doneu un bon ús a l’espai extra de l’iPhone 5 i doneu espai a la vostra aplicació (i la seva funció principal) per respirar.
06. Recordeu els vostres píxels
Dissenyar per a la pantalla Retina significa treballar a dues resolucions: mida normal i el doble de la mida original per a Retina. Per evitar vores borroses quan el disseny es redueix, mantingueu les proporcions de la imatge parelles (no imparelles) i marqueu la casella de selecció Ajusta al píxel a Photoshop.
07. K.I.S.S.
No us enganxeu amb els degradats, els bisells i les ombres, ja que això no encaixarà amb la sensació més senzilla i brillant d’IOS 7. Si voleu que la vostra aplicació es vegi a casa, permeteu un munt d’espai en blanc i eviteu un enfocament skeuomorf en favor del disseny pla.
08. Tipus dinàmic
El text a iOS 7 es pot escalar dinàmicament per adaptar-se a les necessitats de l'usuari. Apple s’ha cuidat amb els tipus de lletra del sistema per garantir la llegibilitat: si trieu tipus de lletra personalitzats, tingueu en compte el mateix. Com que els botons sense vores són populars ara, utilitzeu el color del text per indicar quins elements són interactius.
09. Barra d’estat de l’iOS 7
Amb el nou èmfasi en la funció per sobre de l’ornamentació, els dissenyadors haurien de fer que el contingut arribi a tota l’amplada i l’altura de la pantalla. Un bon exemple d'això és l'aplicació Meteorològica d'Apple. Els núvols suren darrere de la barra d’estat i maximitzen l’ús de la propietat immobiliària a pantalla completa.
Paraules: Dave Brown i Vicky Roberts
Apposing és un estudi creatiu mòbil i digital. El fundador i director gerent Dave treballa amb Vicky, especialista en comunicacions i comunicacions, en projectes per a clients com Unilever i la BBC. Aquest article va aparèixer originalment al número 225 de Computer Arts.