14 Consilii pentru proiectarea de icoane pentru aplicații mobile, care ar trebui să fie urmat pe blog

14 Consilii pentru proiectarea de icoane pentru aplicații mobile, care ar trebui să fie urmat pe blog

Icon de aplicații mobile - este o imagine mică care reprezintă aplicația Market, cum ar fi Google Play sau App Store, iar utilizatorul dispozitivului. Dacă va crea în curând prima dvs. de proiectare a unei pictograme de aplicații mobile, pentru a asculta acest sfat. Acestea vă vor ajuta să evite capcanele care se află în așteptare pentru începători.

Ca designer, vă este important să se acorde o atenție la cererea: deoarece utilizatorii decid de multe ori pentru a selecta o aplicație, ghidată numai de apariția icoanelor pe piață. icon sofisticat asociat cu aplicarea de înaltă calitate și de interfață ușor de utilizat, și a incitat la imaginea nu inspiră încredere.

Prin urmare, vă rugăm să rețineți următoarele sfaturi pentru a crea o pictogramă de proiectare pentru punerea în aplicare:

1. Să respecte liniile directoare

Pictogramele nu există prin ele însele, dar într-un mediu grafic al unui anumit sistem. Ele trebuie să se integreze armonios cu interfața, nu să se uite străin lângă pictogramele altor aplicații, dar să fie unic. Prin urmare, dezvoltarea de pictograme de aplicații începe cu o introducere la liniile directoare ale producătorului sistemului și rețelele de învățare pentru a construi icoane în Photoshop.

Aici este un ghid, care ar trebui să înceapă cu:

  1. Site-ul oficial. dedicat Material Design pentru Android. Aici puteți citi despre stilul, animație, componente, modele, layout-ul și gradul de utilizare, precum și descărca materialele pentru a asista proiectantul.
  2. Ghid pentru iOS Apple uman interfață la îndemână, dacă doriți să creați o pictogramă pentru iPad sau iPhone.

După ce a studiat tendințele și standardele care se așteaptă de la tine de sistemul de operare, puteți trece la pasul următor.

2. Cunoaște audiența

icon Cerere pentru companiile locale, cum ar fi servicii de livrare a produselor alimentare, va fi diferită de pictograma de companie care vrea să intre pe piața internațională. În acest din urmă caz, trebuie să fie sigur că utilizați caractere wildcard, care vor fi percepute în mod egal de către oameni din diferite părți ale lumii și nu doare sentimentele cuiva:

14 Consilii pentru proiectarea de icoane pentru aplicații mobile, care ar trebui să fie urmat pe blog

3. Creați o pictogramă în cantitatea potrivită

Cum arată bine, luând o foaie de A4, nu este necesar să se „trage“ la 120 x 120 pixeli. icoane design profesional ar trebui să ia în considerare acest lucru.

4. Simplificați și nu supraîncărcați cu detalii inutile pictograma

Minimalism - este cel mai bun prieten. Cu cat mai multe decoratiuni si detalii pe pictograma, inferior recunoașterea acestuia. Pictograma trebuie să fie un pic de caracter - o destul de simplu și ușor de înțeles. De exemplu, această pictogramă, am realizat o aplicație cu rețete Kukorama:

14 Consilii pentru proiectarea de icoane pentru aplicații mobile, care ar trebui să fie urmat pe blog

5. aranjați în mod corespunzător luminile și umbrele

Acest sfat este relevant dacă faci o pictogramă pentru Android aplicația. Android Material Ghidul descrie în detaliu despre acest aspect. Ea arată, de asemenea, valorile pentru umbrele exprimate de pictograma unei anumite culori.

14 Consilii pentru proiectarea de icoane pentru aplicații mobile, care ar trebui să fie urmat pe blog

6. Verificați dacă arată ca o pictogramă pe un fond de o culoare diferită (întuneric, lumină, culoare)

În pictograma Market este afișată pe un fundal gri alb sau lumina, dar imaginea de fundal pe dispozitivele utilizatorilor sunt mult mai diversificate. Prin urmare, asigurați-vă că pentru a verifica aspectul pictogramelor de aplicații de proiectare pe un fundal de culori diferite.

7. Nu vă fie teamă de a utiliza termenul

Desigur, în cazul în care nu încalcă impresia generală. Utilizarea originală a perspectivei va ajuta să faceți pictograma aplicației și mai pronunțată. Aici este un exemplu excelent de utilizare a perspectivei:

14 Consilii pentru proiectarea de icoane pentru aplicații mobile, care ar trebui să fie urmat pe blog

8. Creați o formă interesantă

Pictogramele de mai jos sunt amintite din cauza formularelor utilizate pentru a le:

14 Consilii pentru proiectarea de icoane pentru aplicații mobile, care ar trebui să fie urmat pe blog

Forma ajută la identificarea pictograma, chiar dacă este foarte mic în dimensiuni.

9. Responsabilitatea abordare a culorii

A început să crească numărul de culori folosite, va fi dificil să se oprească. Prin urmare, utilizați una sau două culori - e suficient. Aici este un bun exemplu de icoane în două culori:

14 Consilii pentru proiectarea de icoane pentru aplicații mobile, care ar trebui să fie urmat pe blog

10. Nu utilizați fotografii

Există fotorealiste icoane minunate. dar utilizarea fotografiilor - este tabu.

14 Consilii pentru proiectarea de icoane pentru aplicații mobile, care ar trebui să fie urmat pe blog

11. Creați pictograme de aplicații fără mult text

14 Consilii pentru proiectarea de icoane pentru aplicații mobile, care ar trebui să fie urmat pe blog

12. Nu folosi elementele icon ale interfeței aplicației

Aceasta este o practică foarte proastă, care încurcă utilizatorul. Elemente de interfață în loc pe pictograma.

13. Creați pictograme care spun despre principalele caracteristici ale aplicației

Cu pictograma bună utilizatorul nu are nici măcar să se uite în descrierea: Pentru jucătorii folosiți de obicei notele, instrumentele sau vizualayzer pentru camere - imaginea camerei sau a cristalinului, și mesagerilor, cum ar fi Viber - nori Mesaje:

14 Consilii pentru proiectarea de icoane pentru aplicații mobile, care ar trebui să fie urmat pe blog

Pictograma pentru UARoads proiectului au fost expuse două aspecte importante ale cererii: necesitatea de a trimite date la server pentru prelucrare și faptul că acesta este destinat pentru automobiliști. De asemenea, pictograma utilizate culori naționale pavilion:

14 Consilii pentru proiectarea de icoane pentru aplicații mobile, care ar trebui să fie urmat pe blog

14. Examinați pictogramele concurenților

În pofida avizului anterior, să ia o privire la pictogramele concurenților - cel mai probabil, le-au bătut într-un fel funcția principală a aplicației. Deci, încercați să nu mă repet. De exemplu, Wunderlist pictograma se diferențiază de alte pictograme de aplicații cu listele de cazuri:

Dar icoana pe care am creat-o pentru aplicarea KeepSnap. care se adresează fotografilor:

14 Consilii pentru proiectarea de icoane pentru aplicații mobile, care ar trebui să fie urmat pe blog

După cum puteți vedea, chiar și crearea unui astfel de element de mici ca o pictogramă, ar trebui să fie abordată cu o mare responsabilitate. Pictogramele de design de succes a atras atenția utilizatorilor care vin la piață, la toate pentru o altă aplicație.

Schimbarea icoane - aceasta nu este o glumă. De exemplu, proprietarii de radiu, posturi de radio aplicație agregatoare a trebuit să schimbe pictograma de mai multe ori pe lună, deoarece ea a savurat utilizatorilor.

Noi, stfalcon.com de studio. fericit pentru a crea o pictogramă pentru aplicația dvs., care va distinge de produsele concurente.