10 trucuri de design pentru a crea pictograme grozave pentru aplicații

Pictogramele aplicațiilor sunt primul lucru pe care utilizatorii dvs. îl observă când dau peste aplicația dvs. Cu miliarde de aplicații care luptă pentru atenție în magazinul de aplicații, pictograma unei aplicații a devenit diferențieri importanți care elimină dezordinea și aduc utilizatorii la aplicația ta. Ele sunt într-adevăr primul punct de contact pe care îl întâlnesc utilizatorii tăi. Prin urmare, este extrem de important să profitați imediat de această experiență.

În această postare, voi sugera câteva hack-uri de design care vă pot ajuta să construiți pictograme interesante pentru aplicații care pot ieși în evidență în magazinul de aplicații și, eventual, să vă evidențieze aplicația printre altele care concurează pentru instalări.

Înainte de a vă spune punctele, trebuie să înțelegeți că scopul fundamental al pictogramei aplicației este de a dezvolta o conexiune imediată și de a crea indicii cognitive. Tot ceea ce sugerează în această postare se întoarce fundamental pentru a atinge acest lucru.

Iată câteva dintre trucurile de design pentru a crea pictograme grozave pentru aplicații

Regula 70%.

Există un consens în rândul designerilor cu privire la utilizarea a 70% din spațiul pictogramei pentru a evidenția obiectul principal conectat la aplicație. Un obiect poate fi orice legat de aplicație. Dacă proiectați o aplicație de fotografie, obiectul poate fi o cameră sau un obiectiv. Pentru un joc, poate fi chipul unui personaj și așa mai departe.

Cu alte cuvinte, obiectul ar trebui să ocupe majoritatea (70%) din suprafața pictogramei. Ideea este de a dezvolta o cunoaștere instantanee cu utilizatorii și de a le face să navigheze la pagina aplicației pentru descriere. Odată ce ajung pe pagina aplicației care are o descriere, devine mult mai ușor pentru dvs. să obțineți utilizatorul.

Cu toate acestea, a permite doar un spațiu mai mare obiectului nu este suficient. De asemenea, trebuie să fie fără dezordine. Numai atunci se poate conecta și crea o cunoaștere mai rapidă, ceea ce ne duce la următorul punct.

Tăiați dezordinea până când elementele de bază încep să se destrame

Continuați să tăiați dezordinea până când începe să iasă ideea fundamentală a obiectului din pictogramă. Cu alte cuvinte, dezbracă-ți pictograma până la un punct în care obiectul din pictogramă trece de la a fi sensibil la nonsens. Tăiați până când obiectul își păstrează forma universală și poate fi identificat de majoritatea oamenilor.

De exemplu, dacă creați o aplicație pentru a ascunde imagini, este posibil să veniți cu o pictogramă a aplicației care are „chei și lacăt” ca obiect principal. Acum, puteți elimina umbrele sau contoarele și puteți alege o pictogramă complet plată. După ce ați terminat, puteți trece minimalist la design, jucându-vă în întregime cu culorile pentru a crea efecte 3D pentru forma „lacăt și cheie” folosită în pictogramă.

Plictisitor peste strălucitor și strălucitor peste plictisitor

Următorul lucru care face ca pictograma unei aplicații să iasă în evidență este utilizarea adecvată a contrastului. Designerii folosesc adesea contrastul între obiect și fundalul pictogramei aplicației. Dacă puteți executa cei doi pași menționați mai sus, s-ar putea să aterizați automat aici.

Crearea contrastului are foarte mult de-a face și cu culorile. Începeți cu o paletă de culori predeterminată în minte și continuați. Nu uitați, că ideea este de a crea vibrație și contrast între culoarea de fundal și elementele din obiect. Dacă sunteți începător în acest domeniu, puteți consulta câteva modele de pe Dribbble și puteți descărca paletele de culori alese.

După ce ați terminat cu tăierea finală, puteți crea 2-3 versiuni cu mai mult alb sau negru la culori. Acum îl puteți alege pe cel care vi se pare potrivit. După iOS 7, s-a acordat mult accent pe culori proaspete, cu tonuri de alb mai puternice.

Nu te lăsa înșelat de Mac-ul tău mare

Odată instalată pe un dispozitiv, pictograma aplicației dvs. este afișată în diferite rezoluții. Pentru ca acesta să pară semnificativ chiar și în cel mai mic avatar al său, trebuie să îl proiectați ținând cont de proporțiile. Adesea, designerii lucrează pe ecrane mari Mac în care pot fi descoperite și cele mai mici detalii. Cu toate acestea, atunci când aceeași pictogramă este testată pe un smartphone cu dimensiuni variate de pictogramă, detaliile se pierd.

Dacă lucrați pe un Mac și faceți mai întâi magazinul de aplicații cu pictograme, vă puteți permite cu ușurință să introduceți câteva detalii minuscule. Dar rețineți că cea mai mică pictogramă pentru meniul de setări este o imagine de 29x29px. Detaliile mai fine, cum ar fi texte mici sau alte simboluri, nu vor fi vizibile pe acestea.

Ceea ce poți face cel mai bine este să ții cont de dimensiune și să folosești forme și modele fundamentale pentru a duce treaba la bun sfârșit. Îmbrățișează simplitatea și concentrează-te pe un singur obiect. De preferință, o formă sau un element unic care își păstrează contururile și detaliile în ciuda scalării. În acest fel, pictograma dvs. ar arăta adecvată în toate rezoluțiile sugerate în liniile directoare date de Apple și Android.

Încearcă-ți pictograma cu o multitudine de imagini de fundal

Utilizatorii au gusturi și preferințe variate, care sunt reflectate de alegerea imaginilor de fundal și a temelor de pe smartphone-urile lor. Înseamnă, pictograma aplicației dvs. va trebui să iasă în evidență față de o multitudine de culori. Prin urmare, este întotdeauna o idee bună să testați vizibilitatea pictogramei dvs. împotriva imaginilor de fundal din șapte culori de bază. Puteți crește sau reduce saturația alb/negru în imaginile de fundal pe care le utilizați pentru a încheia un test satisfăcător.

Pot exista câteva situații în care tapetul ar interfera cu vizibilitatea. Imaginile de fundal precum selfie-urile pot să nu aibă culori uniforme și pot interfera cu vizibilitatea pictogramei. Nu puteți face mare lucru aici, dar așa cum am spus, le puteți testa împotriva celor șapte culori de bază pentru a începe.

Decideți asupra abstracției și faceți iterații

Designerii suferă de o dilemă constantă între abstractizare și reprezentarea reală a obiectului principal din icoană. Odată cu apariția pictogramelor plate și a interfețelor de utilizare, vârsta greutății s-a mutat mult către abstractizare, dar nu se poate elimina pur și simplu o reprezentare reală a unui obiect. Obiectele reale sau pictogramele skeuomorfe sunt încă puternice în magazinul de aplicații și există motive întemeiate pentru a fi așa.

De exemplu, dacă creați o aplicație de îmbunătățire a sunetului, puteți desena un amplificator skeuomorf în pictograma aplicației în loc să o aplatizați sau să faceți o pictogramă linie. Dar dat fiind faptul că un amplificator nu este o marfă familiară, cunoașterea sa ar scădea dacă este aplatizat. Pentru lucruri care sunt relativ comune și se bucură de familiaritatea universală în rândul maselor (o cameră pentru o aplicație de fotografie), s-ar putea să ieși cu siguranță cu o pictogramă plată. Cu toate acestea, dacă aplicația este conectată la ceva obscur, menținerea acesteia reală sau skeuomorfă va fi mai bine.

O altă modalitate excelentă de a ajunge la un design bun de pictogramă este să faceți mai multe iterații cu skeuomorf și plat. Poți să ții cont de al doilea punct în timp ce faci asta. Efectuați mai multe iterații, eliminând câteva detalii odată. Stivuiți-le pe toate una lângă alta și decideți care vă place cel mai mult și de ce.

Pentru jocuri, identificați un personaj

Crearea pictogramelor de joc poate fi foarte distractiv, deoarece o mulțime de lucruri creative pot fi realizate prin realizarea uneia. La mijloc, trebuie să fi observat că jocurile au adesea povești și personaje. Dacă rămânem la regula de a construi cunoașterea cu utilizatorii, atunci fețele personajelor din joc în sine pot face o treabă grozavă. De fapt, acesta este motivul pentru care fețele personajelor sunt atât de comune în pictogramele pentru aplicațiile de joc.

Dacă faci un joc, trebuie să afli personajul principal sau un personaj care este comun la toate nivelurile. Datorită familiarității puternice a personajului cu jucătorii, personajul poate fi folosit pentru a crea o reamintire puternică a jocului. Și din același motiv, poate deveni pictograma aplicației și pentru aplicația ta de joc.

Puteți decide o paletă de culori și puteți construi pictograma aplicației în jurul acestora. Sincer vorbind, devine mult mai ușor dacă mergi pentru o față. Dar, în același timp, ar putea fi necesar să puneți câteva efecte suplimentare pentru a-l scoate în evidență.

Palete de culori și convenții consistente pentru pictograme și interfață de utilizare

Interfața de utilizare a aplicației va avea o anumită temă și utilizarea anumitor culori. Cel mai bine este să folosiți aceleași culori pentru a proiecta și pictograma. De asemenea, puteți face același lucru cu anumite elemente pe care le-ați implementat în interfața cu utilizatorul și le utilizați în pictogramă. Făcând acest lucru, designul dvs. este mai uniform și duce la o reamintire și o familiarizare mai puternică a aplicației dvs. în rândul utilizatorilor.

Creativitatea salvează ziua

Rulați o căutare pentru „aplicații de făcut” pe Google Play și veți da peste o grilă plină de bifări. Da, cei mai mulți dintre designerii de aplicații de făcut au putut să vină doar cu o bifă ca pictogramă a aplicației lor – o pictogramă comună pentru activități de făcut. Cu toate acestea, în mijlocul acelui zgomot, pictograma Evernote iese confortabil în evidență.

Rezultatele căutării pentru termenul „a face aplicații”. Observați că pictograma Evernote iese în evidență printre altele.

Ideea de icoană derivă din faptul că un elefant nu uită niciodată. Este cuplat cu o execuție strălucitoare a unei urechi de elefant îndoite care denotă un bloc de note. Acesta diferențiază Evernote imediat de alte aplicații de făcut din magazin și creează o cogniție puternică.

Un alt exemplu de design grozav de pictograme poate fi atribuit lui Pocket. Pentru început, ideea aplicației este unică. Deși marcajele a existat de mult timp, nu i-a putut face pe utilizatori să revină pentru a citi conținutul pe care l-au salvat.

Pe de altă parte, Pocket a folosit miniaturi pentru a crea o memorie vizuală clară. Aplicația declanșează o emoție „salvați acest conținut” și este descrisă clar și inteligent de pictograma în sine. Forma roșie se referă la un „Buzunar”, în timp ce săgeata în jos reprezintă „descărcare” fără îndoială.

Nu utilizați fotografii sau imagini

Pe lângă indicatoarele menționate mai sus, puteți evita și implementarea directă a fotografiilor și imaginilor în pictograma aplicației. Chiar dacă trimiteți o fotografie, trebuie să vă creați propriile vectori în Illustrator sau Photoshop. Abia atunci va arăta autentic și va avea un efect magnetic.

Ar putea suna ca un clișeu, dar trebuie să vă păstrați designul curat. Am menționat deja despre amestecarea mai multor culori alb sau negru pentru a ajunge la tonul perfect de culoare pe care îl doriți. Acest lucru este foarte util pentru dezordinea unei pictograme. Dacă unele culori devin mai strălucitoare sau invers, nivelul general de zgomot scade în diferite cazuri.

Pictogramele aplicațiilor trebuie să devină ca niște cântece populare pe care oricine le poate recunoaște, iar următoarele trucuri de design vă vor ajuta să creați o pictogramă grozavă pentru aplicație. Sper că ați găsit punctele valoroase. Dacă aveți ceva de adăugat sau de sugerat, lăsați-vă comentariile mai jos.