Artă funcțională: 7 motive pentru a aplica ilustrații în design-ul tău UI

Publicat: 2019-02-07

Cuvântul ilustrație în sine reprezintă ideea de a arunca lumină asupra a ceva. A lua o idee complexă și a o traduce într-o reprezentare vizuală nu este o sarcină ușoară. Ilustrațiile pot ajuta privitorul să înțeleagă și să clarifice o idee sau o experiență intangibilă. Din punct de vedere istoric, ilustrațiile au reprezentat o mare parte a materialelor tipărite, cum ar fi ziare, editoriale, cărți, afișe, fluturași și materiale educaționale. În ultimul timp, și-a găsit un loc în media digitală. Datorită abilităților sale de a evoca o atracție emoțională și vizuală, acestea au fost un element vizual de bază în UI Design. În acest articol, vom lua în considerare beneficiile și capcanele utilizării ilustrațiilor în designul UI pentru aplicații web și mobile.

Cuprins ascunde
7 motive pentru a incorpora ilustrații
1. Ilustrațiile adaugă un sentiment de noutate design-urilor tale
2. Ilustrații pentru povestiri creative
3. Ilustrațiile ca declanșator vizual
4. Ilustrații pentru a ajuta copierea în interfețele web și mobile
5. Ilustrații pentru a ajuta la susținerea gradului de conștientizare și recunoaștere a mărcii
6. Ilustrații și interacțiuni
7. Ilustrații și metafore vizuale pentru un design captivant
Concluzie

7 motive pentru a incorpora ilustrații

1. Ilustrațiile adaugă un sentiment de noutate design-urilor tale

O mare parte a creierului nostru este dedicată procesării vizuale - ilustrațiile pot ajuta la transmiterea unei idei sau a unui concept cu o singură imagine statică. Datorită capacității sale de a clarifica concepte, companiile le-au folosit în articolele de blog, recenzii, site-uri web și pagini de destinație. Înțelegându-și publicul țintă și aliniind conceptele cu obiectivele lor de afaceri, ilustratorii sunt capabili să găsească metafore și scheme de culori care atrag un grup mai larg de oameni.

Pin

2. Ilustrații pentru povestiri creative

Ilustrațiile pot prezenta personaje, o poveste, pot crea o atmosferă și pot transmite un mesaj printr-o serie de blocuri de imagini interconectate, stabilind astfel tonul general, starea de spirit și vocea platformei. Pentru a face o poveste memorabilă, trebuie să existe o legătură puternică între părțile ei.

Pin

3. Ilustrațiile ca declanșator vizual

Imaginile pot transmite o idee mult mai rapid decât poate textul. Oamenii sunt incredibil de abili în recunoașterea și transformarea semnelor vizuale în informații chiar și atunci când graficul are niveluri ridicate de abstractizare. Iată câțiva factori utili de luat în considerare dacă vă gândiți să utilizați ilustrații pentru interfața dvs. cu utilizatorul.

1. Vizualele sunt transmise la creier cu o viteză mult mai rapidă și chiar și atunci când textul este sursa percepută a informațiilor transmise, acestea ajung adesea să fie stocate ca imagini de către creier.

2. Oamenii tind să-și amintească imaginile mult mai mult, astfel încât informațiile transmise printr-o ilustrație sau o imagine sunt procesate într-un ritm mai rapid, făcând astfel interacțiunile mai ușoare și mult mai rapide.

3. Ilustrațiile tind să arate și să se simtă mai universale decât graficele sau imaginile foto-realiste. Acest lucru face platforma accesibilă oamenilor din diferite țări. Acești factori joacă un rol important în crearea unei conexiuni viscerale între imaginile din aplicație și utilizator.

Pin

4. Ilustrații pentru a ajuta copierea în interfețele web și mobile

Oamenii pot percepe ilustrațiile foarte repede, dar asta nu înseamnă neapărat că sunt capabili să citească corect mesajul tău. Imaginile pot fi percepute în multe moduri, dar atunci când sunt însoțite de text, este mai ușor să creați o experiență pozitivă pentru utilizator. Imaginile pot capta atenția utilizatorilor, dar pentru a recunoaște cu ușurință o imagine, metafora vizuală pe care o utilizați ar trebui să fie ușor de înțeles și să rezoneze cu utilizatorul. Acesta este motivul pentru care designerii tind adesea să folosească un amestec de text și imagini pentru a transmite mesajul dorit.

Pin

5. Ilustrații pentru a ajuta la susținerea gradului de conștientizare și recunoaștere a mărcii

Ilustrațiile pot fi proiectate în funcție de așteptările publicului țintă. Alegerea culorilor, imaginilor și formelor potrivite poate ajuta la informarea diferitelor funcționalități ale unei aplicații ale unei interfețe. Deoarece imaginile au tendința de a rămâne mai mult timp în creierul unui utilizator, este util să le faceți mai informative atunci când sunt utilizate într-o aplicație. Acest lucru le ajută să le facă extrem de eficiente și de recunoscut. Pentru a crea un branding eficient pentru o aplicație web sau mobilă, este nevoie de mai mult decât o ilustrare. Este necesar să creați o poveste, să stabiliți starea de spirit și să creați o voce pentru platformă. Acesta este motivul pentru care ilustrațiile sunt utilizate pe scară largă pentru ecranele de îmbarcare și aplicațiile meteo

Pin

6. Ilustrații și interacțiuni

Animațiile sunt o modalitate excelentă de a îmbunătăți designul general al unei aplicații. Ilustrațiile animate pot îmbunătăți nu doar uzul, ci și aspectul general și stilul interfeței de utilizare. Această mișcare adaugă mai multă putere ideii, îmbunătățește interacțiunile și creează starea de spirit a paginii. În interfețele cu utilizatorul, interacțiunile de bază ar trebui să dureze câteva secunde, adăugarea unui grafic sau a unei ilustrații aici ar trebui făcută numai atunci când mesajul pe care îl transmite utilizatorului este făcut cu claritate. Dacă imaginile sunt decodificate greșit, ar putea avea nevoie de ajutor cu o copie suplimentară.

Pin

7. Ilustrații și metafore vizuale pentru un design captivant

În artă și design, metaforele vizuale sunt o modalitate excelentă de a capta imaginația utilizatorilor. Acest mod de a abstractiza un concept îi face să gândească și să ia în considerare ideile oferite. Pentru a crea o experiență de utilizator captivantă, este important să includeți modele care invocă plăcere, bucurie, distracție și încântare. Ilustrațiile au puterea de a face acest lucru. Jucându-se cu forme, linii, textura și curbe, designerii sunt capabili să invoce diferite răspunsuri emoționale din partea utilizatorului. Studiind comportamentul utilizatorilor și modelele acestora, designerii și ilustratorii pot folosi ilustrațiile ca un instrument puternic pentru a crea un impact semnificativ în primele câteva secunde ale interacțiunii.

Pin

Concluzie

Este destul de imposibil să creezi ilustrații care să satisfacă fiecare utilizator. Schemele cognitive diferă de la utilizator la utilizator, dar iată câteva aspecte de luat în considerare atunci când proiectați o ilustrație pentru UI. 1. Publicul țintă și mediile acestora 2. Impactul global și recunoașterea. Este important să țineți cont de acești factori atunci când proiectați o interfață. Nu este suficient să-i faci să vadă elementele și aspectul, ci să creezi și o grafică ușor de înțeles și semnificativ.