Așa cum se spune în popor, "se întâlnesc pe haine, dar văd în minte". Cred că nimeni nu va susține că pentru aplicațiile mobile astfel de "haine", adesea, este icoana ei, pe baza căreia utilizatorul poate de obicei să facă o primă impresie despre program. Nu este surprinzător, nu ar trebui să fie doar frumos desenată, ci și foarte bună în orice rezoluție și pe orice ecran. Prin urmare, aș dori să vorbesc despre mărimea icoanelor pentru aplicațiile universale iOS.
Pentru a începe cu, o imagine mică (datorită Sebastian de Visa, designeri incredibil de talentați și „maestru» Cocoia blog, pentru furnizarea de original în format PSD), arătând tot ce am de gând să-i spun:
După cum puteți vedea, atunci când creați o pictogramă de aplicație universală, proiectantul va trebui să deseneze cel puțin 6 opțiuni diferite (de fapt, mai multe).
Vă rugăm să rețineți că, indiferent de modul în care trage pictograma, acesta va fi aplicat automat cadru, cu margini rotunjite, astfel încât să nu se gândesc în mod special și se lasă piața originală. Dar dacă doriți să utilizați unele tehnici grafice speciale, subliniind frontiera icoana, ei trebuie să atragă de mână.
Acum, însă, să ne ocupăm de mărimea icoanelor care trebuie să fie desenate (nu am pus a doua dimensiune, deoarece aceste fișiere sunt pătrate):
- 57 px pentru vechiul iPhone și iPod touch vechi, cu afișaj normal.
- 72 px pentru iPad.
- 114 px - dimensiune dublă - pentru iPhone 4. astfel încât pictograma "strălucește" pe ecranul retinei.
- Pictograma de 512 pixeli este utilizată pentru a fi afișată în iTunes. inclusiv pentru CoverFlow și App Store, unde scade de aproape 3 ori până la 175 px.
- 29 px pentru aplicația Setări de pe iPhone și iPad și, de asemenea, pentru Spotlight pe iPhone. În ciuda dimensiunii lor mici, ele sunt foarte importante.
- 48 px pentru Spotlight pe iPad. Există o nuanță mică: în informațiile pentru dezvoltatorii de pe site-ul Apple se referă la icoane în dimensiunea de 50 px, dar, de fapt, dimensiunea finală este de 48 x 48 pixeli. Pur și simplu iOS "taie" un pixel din fiecare parte și adaugă o umbră la ea. O soluție puțin ciudată, dar trebuie luată în considerare atunci când desenați pictograma.
- 58 px pentru aplicația Setări și Spotlight în iPhone 4. În regulă, trebuie să faceți două icoane de dimensiune aproape identică (57 și 58 px). Mai ales bucurați-vă de designeri care au o linie verticală în mijloc
- 64 px pentru pictograma documentului. Cine nu știe, aplicațiile mobile din iOS pot furniza o pictogramă pentru document.
- Poate că atunci când Apple va lansa iPad cu noul ecran retinei, va trebui să „maestru“ pentru cel puțin 2 dimensiuni pentru icoane - 144 px Imagini de fundal și 96 pixeli în centrul atenției.
Excelent, nu-i așa? 😉
Apropo, cu o pictogramă a aplicației web totul este un pic mai complicat - nu știu cum să predefinez o pictogramă specifică pentru fiecare dimensiune a ecranului. Aparent, va trebui să folosim o singură imagine cu o dimensiune de, de exemplu, 128 x 128 px, care va scădea pur și simplu în funcție de dispozitiv.
În principiu, ideea de mai multe pictograme nu este nouă și este deja utilizat de mai mulți ani în Mac OS X. Mai mult decât atât, pentru fiecare dimensiune specifică este necesară nu numai pentru a reduce pictograma mare cu o mulțime de detalii, dar evidențiați importante (aruncate înapoi în acest minor) elemente, sau rezultatul final va deveni în "terci".
De exemplu, puteți vizualiza pictograma dosarului din Finder. Rețineți că pictograma originală ("mare") este redusă de către designerii Apple la numai 64 px, după care icoanele complet diferite apar în prim plan, purtând aceeași metaforă. Iar pictograma pentru bara laterală nu arată deloc ca și dosarul:
