Tot ce trebuie să știți despre designul pictogramelor

Pictogramele sunt mici, dar puternice și de aceea este important să vă gândiți cu atenție la designul pictogramelor. Designerii de pretutindeni vor depune mărturie despre cantitatea de creativitate și efort pe care o implică crearea unei pictograme bune. Acest lucru se datorează faptului că trebuie să fie expresiv, dar și simplu în același timp.

Un fundal pe icoane

Un design de pictogramă este de fapt doar o mică imagine care va reprezenta fie un obiect, fie un program. Sunt imagini cu adevărat simple care comunică un mesaj puternic. Pictogramele sunt de obicei foarte ușor de reținut și, de asemenea, se întâmplă să fie o caracteristică principală în aproape toate interfețele grafice.

Fapt distractiv: Originea cuvântului icoană provine din lucrarea greacă „eikona”, care înseamnă imagine. Pictogramele digitale au început să facă apariția când au apărut primele sisteme de operare GUI precum Macintosh și Microsoft.

Care sunt diferitele tipuri de icoane?

Există trei tipuri principale de pictograme despre care ar trebui să știți. Iată câteva informații despre fiecare dintre ele și tipul de impact pe care îl aduc experienței utilizatorului.

Pictograme universale

Acestea sunt icoane recunoscute universal. De exemplu, pictogramele pentru căutare, imprimare, acasă sau coș de cumpărături sunt astfel de pictograme. Dar există doar o mică problemă. Pictogramele universale sunt destul de rare. Când ne referim la rar, ne referim la faptul că, în afară de exemplele date aici, majoritatea pictogramelor se întâmplă să fie ambigue și pot diferi în semnificație în funcție de interfață.

Icoane cu semnificații diferite

Așa cum sugerează și numele, aceste icoane au semnificații multiple care le-ar putea face conflictuale sau contradictorii. De exemplu, icoanele care sunt o inimă și o stea sunt conflictuale. Funcționalitatea acestor două pictograme se va schimba de la o aplicație la alta și, uneori, pot concura între ele. Din această cauză, aceste icoane devin destul de greu de interpretat cu precizie. Chiar și într-o aplicație, aceste simboluri pot deveni confuze, atunci când utilizatorul face clic pe ele sperând la un anumit rezultat și, în schimb, obține altceva.

Pictograme unice

Cum poți descrie un obiect unic sau o acțiune folosind o pictogramă? Folosind un design unic de pictograme. Dar este important de reținut că există multe exemple în care acest lucru a eșuat. De exemplu, sensul a fost pierdut când Apple a decis să-și reprezinte centrul de joc printr-o grămadă de cercuri colorate. Ce înseamnă aceste cercuri și cum sunt legate de centrul de joc?

Ce formate de pictograme puteți folosi?

Există mai multe tipuri de formate de pictograme despre care ar trebui să știți atunci când cereți un design de pictogramă.

• SVG – acestea sunt grafice vectoriale scalabile și oferă formatul de bază perfect. Deoarece este scalabil, înseamnă în esență că puteți modifica dimensiunea pictogramei fără a pierde calitatea.
• PNG – Formatul grafic de rețea portabil este opțiunea potrivită dacă doriți o compatibilitate completă. Acesta este un format raster, ceea ce înseamnă că se bazează pe pixeli și nu puteți face upscale fără a afecta calitatea. PNG va funcționa pe Word, PowerPoint și pe e-mailuri. Ele pot fi adăugate peste orice fundal colorat fără editare.
• ICO – formatul de pictogramă Microsoft Windows este excelent dacă doriți să utilizați pictograma pentru orice aplicație Windows sau chiar ca favicon pentru propriul site web.
• ICNS – acest format este folosit în scopuri foarte specifice. Acesta este un format specific Apple, care poate fi utilizat cu documente Mac OS X, precum și cu aplicații.

Sfat Kimp: Păstrați designul pictogramei cât mai simplu posibil. Încercați să utilizați elemente din lumea reală în designul dvs. care reprezintă în mod clar sensul dorit. De exemplu, puteți folosi o diagramă cu bare pentru a indica finanțele. Ai putea folosi o geantă de lucru pentru a însemna afaceri. Pentru a vă ajuta designerul să vină cu pictogramele potrivite, oferiți-le cât mai mult context posibil. Anunțați-le exact cum vor fi folosite pictogramele dvs.

Ce face ca o pictogramă să fie eficientă sau ineficientă?

Deoarece acum aveți o idee despre formatele pictogramelor și tipurile de pictograme, să ne uităm și la ceea ce face ca o pictogramă eficientă sau ineficientă. În acest fel, atunci când lucrați cu designerul dvs., puteți căuta aceste proprietăți.

Claritate

Un design de pictogramă ar trebui să comunice un mesaj imediat când îl vedeți. Dacă metafora pe care o folosești în pictograma ta este necunoscută sau obscură, oamenii vor fi confuzi cu privire la ceea ce înseamnă. De exemplu, pictograma folosită pentru Acasă este cunoscută de toată lumea - adică claritate. Acum imaginați-vă ce s-ar întâmpla dacă pictograma pentru Acasă ar fi reprezentată ca un cerc cu un punct în mijloc? Asta ar face să fie confuz, nu? Pictogramele confuze sunt ineficiente.

Lizibilitate

După ce ați sortat factorul de claritate, acum trebuie să vă asigurați că pictograma este ușor de citit. Dacă te uiți la exemplul de mai jos, prima pictogramă este greu de înțeles, deoarece detaliile sunt prea fine, ceea ce o face neclară. Un bun exemplu de pictograme mici realizate corect, ar fi cele de pe Google Maps unde există o lizibilitate excelentă. Folosind linii mai subțiri, nu lăsați suficient spațiu și adăugați prea multe detalii pictogramelor mici le va face ineficiente, deoarece își pierd lizibilitatea.

Alinierea pictogramei

Un design de pictogramă ar trebui să aibă un simț al echilibrului și acest lucru poate fi realizat prin alinierea optică a tuturor elementelor. Aceasta înseamnă că designul trebuie să fie aliniat în funcție de modul în care spectatorul va percepe elementele.

Concizia unei icoane

Concizia pictogramei va fi determinată în funcție de cantitatea de detalii pe care le adăugați. Păstrați pictogramele cât puteți de simple și evitați să adăugați linii inutile și detalii care le vor face ilizibile și neclare.

Consecvență

Dacă finalizați proiectarea pictogramelor pentru o aplicație sau o anumită interfață, asigurați-vă că toate pictogramele dvs. păstrează aceeași consistență. Dacă unele pictograme par mai detaliate sau mai clare decât altele, vă pierdeți consistența. Acest lucru va face ca interfața să sufere în ceea ce privește experiența utilizatorului.

Personalitatea designului

Din nou, cu interfața sau aplicația pentru care proiectați, trebuie să vă asigurați că fiecare pictogramă întruchipează personalitatea mărcii. Puteți trece de la profesionist la distractiv și preppy, în funcție de stilul de brand și vocea pe care o aveți. Aceasta este o parte foarte importantă a briefing-ului pe care ar trebui să o oferiți designerului dvs. atunci când proiectați pictograme.

Pictograma dvs. ar trebui să fie ușor de utilizat

Chiar și după ce desenul a fost făcut cu un „t”, pictograma este departe de a fi completă. Pictograma creată de designerul dvs. va avea nevoie de testare și pregătire înainte de a putea permite clienților să o folosească. Această testare și pregătire va asigura că pictograma este ușor de utilizat. Semnele unei pictograme ușor de utilizat sunt că este:

• Bine organizat – aici trebuie să vă asigurați că designerul dvs. a plasat fișierele master pentru proiectare într-o manieră bine organizată, astfel încât să vă puteți referi la ele mai târziu, dacă este necesar. Puteți cere ca acestea să fie puse în ordine alfabetică sau în altă ordine, astfel încât să poată fi găsite cu ușurință atunci când aveți nevoie de ele.
• Bine documentat – cereți designerului dumneavoastră să comunice principiile cheie ale familiei de pictograme și, de asemenea, să dispună regulile tehnice. De asemenea, puteți face publică această documentație odată ce este completă, astfel încât oamenii să poată trimite dacă doresc.
• Testat – asigurați-vă că parcurgeți acest lucru cu designerul. Fă-i să plaseze toate pictogramele proiectate una lângă alta, ceea ce te va ajuta să le vezi consistența și relevanța pe care o au.
• Sprijinit de instrumente personalizate, cum ar fi un manager de pictograme. Dacă puteți oferi instrumente personalizate care vor ajuta la utilizarea pictogramelor, ar trebui să le faceți accesibile.

Ce ar trebui să includă brief pentru designul pictogramelor?

Luați în considerare toate cazurile de utilizare

Aflați unde vor fi folosite pictogramele dvs. și ce ar trebui să reprezinte. De asemenea, ar trebui să faceți diferența între icoanele care vor avea nevoie de o metaforă și care icoane vor fi realizate pe baza obiectelor din viața reală. Odată ce sunteți clar cu privire la acești factori, puteți comunica acest lucru designerului dvs. prin brief.

Brainstorming concepte și metafore

Mai întâi, faceți o listă cu toate reprezentările care pot fi folosite pentru a descrie pictograma cât mai bine posibil. Resurse precum seturile de cuvinte și dicționarele sunt utile pentru a găsi lucruri precum cuvinte cheie, cuvinte similare și definiții ale conceptului pe care doriți să le transmiteți prin pictograme. Puteți începe apoi să simplificați aceste idei, astfel încât pictograma (care trebuie să fie abstractă și simplă) să trimită mesajul clar și eficient. Încercați să depășiți cât mai mult posibil din cercetare și brainstorming pe cont propriu și apoi obțineți sprijinul designerului dvs. pentru restul.

Găsiți referințe utile

Investește întotdeauna în cercetare pentru a găsi referințe de calitate. Sunt șanse ca undeva, cineva să fi făcut deja o versiune fantastică a pictogramei pe care doriți să o proiectați. Dacă le puteți găsi, vă puteți găsi și inspirația. Când oferiți aceste referințe designerului dvs., acesta va fi mai ușor să vă înțeleagă perspectiva.

Alegeți stilul pictogramei

Unele dintre stilurile care sunt populare sunt glif, plat, conturat, material și desenat manual. Când finalizați stilul, va trebui să vă gândiți la doi factori importanți. Una ar fi interfața UI pe care acestea vor fi afișate și stilul acesteia. Al doilea ar fi cerințele pentru acea interfață, cum ar fi dacă este Material sau iOS.

Discutați în detaliu cu designerul dvs

Asigurați-vă că designerul dvs. menține coerența în toate pictogramele pe care le proiectați. Pentru a clarifica lucrurile, puneți-le să facă o schiță completă a tuturor pictogramelor de făcut.

După aprobarea schițelor conceptuale ale pictogramelor dvs., ar trebui să solicitați versiuni vectorizate. Apoi, în sfârșit, obțineți câteva machete ale pictogramelor dvs., astfel încât să puteți vedea dacă se potrivesc bine cu diversele dvs. cazuri de utilizare.

Acum am trecut prin ceea ce ar trebui să includeți în briefing-ul dvs. pentru a face pictogramele să arate clare. Deci, în continuare, să trecem prin principalele lucruri care trebuie să fie încorporate în pictogramele pe care le proiectați, astfel încât rezultatul final să fie perfect. Asigurați-vă că discutați despre acestea cu designerul dvs.

Lista de verificare pentru crearea de pictograme noi

Pașii descriși mai jos vor fi urmați de designerul dvs. pentru a vă crea designul pictogramei.

Evitați pictogramele neclare

Pentru ca pictogramele să arate clare, picante și întinse, acestea trebuie să fie poziționate pe pixeli. Acest lucru va scăpa de orice sughiț neclar.

Verificați dimensiunile și greutatea

Vă recomandăm să utilizați testul strabii pentru a vă asigura că toate pictogramele dvs. au aceeași greutate și dimensiuni. În principiu, doar mișcați ochii și aruncați o privire la modul în care pictogramele dvs. apar unul față de celălalt. Dacă sunt necesare ajustări, asigurați-vă că obțineți ajutorul designerului dvs. Un sfat aici este să utilizați un cerc perfect și un pătrat pentru a vă asigura că greutatea este aceeași în setul dvs. de pictograme.

Utilizarea formelor geometrice

Determină-ți designerul să folosească forme geometrice simple și ferme pentru a-ți desena pictogramele. Acest lucru va face pictogramele clare și va arăta atrăgător din punct de vedere estetic.

Evitați excesul de detalii

Eliminați orice detalii care fac pictogramele dvs. să pară ocupate și grele, atunci când le parcurgeți împreună cu designerul. În schimb, păstrați doar detaliile de bază și simple, care vor face pictogramele să pară curate și clare. Pictogramele sunt mici și se pot transforma într-un blob cu prea multe detalii.

Păstrați spațiu

Toate detaliile fine dintr-o pictogramă au nevoie de spațiu de respirație. Dacă toate se lipesc prea strâns, ele vor încurca întregul design. Când te uiți la pictograme, vezi dacă toate au suficient spațiu pentru ca detaliile să fie clare și dacă semnificația lor este clară pentru tine imediat.

Contrastul în pictograme

Asigurați-vă că există suficient contrast de culoare în pictograme. Echilibrul alb-negru ar trebui să fie corect. Dacă nu există suficient contrast, pictogramele vor părea neclare.

Privește unitatea vizuală

Un alt factor pe care ar trebui să îl analizați se numește unitatea vizuală a unei pictograme. Ceea ce înseamnă, practic, este că greutatea liniilor, dimensiunile colțurilor, paleta de culori utilizată, nivelul de detalii incluse și elementele designului rămân consistente prin setul complet de pictograme. Asigurați-vă că discutați despre asta cu designerul dvs., deoarece este mult de urmărit!

Designul pictogramei este distractiv, dar greu de realizat

V-am prezentat o mulțime de informații, astfel încât să puteți începe cu designul pictogramelor. Este mult de luat în considerare și de familiarizat, așa că asigurați-vă că lucrați cu un designer bun pentru a obține pictogramele corecte. Și oferiți-le toate detaliile de care vor avea nevoie pentru a înțelege cum vor fi folosite pictogramele dvs. și cine le va vizualiza. Și destul de curând veți avea un set grozav de pictograme care sunt puternice, clare și ușor de utilizat.