Utilizare de ilustrații în mediul online

De la picturile rupestre vechi de 45.000 de ani până la diagramele de rachete spațiale din secolul 21, imaginile au jucat mult timp un rol important în comunicarea umană.

Imaginile interlingvistice și barierele de alfabetizare, permițând oamenilor să înțeleagă și să comunice stări și sentimente complexe pe care nu le pot în cuvinte. Când eram mici, puteam înțelege și aprecia ilustrațiile lui EH Shepard cu Winnie the Pooh și prietenii cu mult înainte de a putea citi cuvintele lui AA Milne.

Cuvântul „a ilustra” are două semnificații principale: a crea o imagine și a demonstra un exemplu. În contextul web, ilustrația este parțial decor, parțial semnal emoțional, contribuind la crearea unei anumite impresii utilizatorului prin ilustrarea unei imagini metaforice.

De ce să folosiți ilustrații pe un site web?

Ilustrațiile oferă o prescurtare utilă pentru a transmite o stare de spirit sau vocea unei mărci.

Ai putea spune că icoanele sunt ilustrații, dar sunt simboluri. Pictogramele se pot potrivii stilistic cu ilustrațiile, dar nu sunt ilustrații în sine. Un simbol este o reprezentare simplificată a unui obiect, idee sau acțiune. De exemplu, „căutarea” este de obicei reprezentă sub formă de lupă.

Ilustrațiile, pe de altă parte, sunt mai complexe. Ele transmit o emoție care se conectează cu publicul vizat. Ilustrațiile pot crea o poveste despre subiect fără a fi nevoie să adăugați text. Oferă chiar și celui mai simplu și funcțional site web un sentiment de personalitate atunci când este utilizat corespunzător.

Tipuri populare de ilustrații în mediul online

Stilurile de ilustrație sunt multe și variate, variind de la contururi simple la imagini detaliate, colorate, realiste. Stilurile diferite evocă sentimente diferite și provoacă răspunsuri diferite, așa că este important să gândiți cu atenție atunci când alegeți un stil de ilustrare. 

Este posibil să împărțiți lucrurile în categorii mari pentru a vedea ce funcționează cel mai bine în diferite domenii. Ne vom uita la modul în care designerii pot folosi ilustrația cu succes în patru categorii…

• FINANCIAR ȘI CORPORATIV

Serviciile financiare, software-ul pentru întreprinderi și site-urile corporative mai mari tind să folosească ilustrația ca o modalitate de a se umaniza.Stilul tinde să fie minimal, folosind forme simple într-un mod moderat. 

Acorns folosește un motiv simplu de frunze de stejar pentru a merge cu logo-ul ghindei. Alte ilustrații sunt legate între ele prin păstrarea nuanțelor de verde.

 Danske ank , de exemplu (fondată în 1871), are ilustrații pe site-ul său corporativ în secțiunile „Despre” și „Sustenabilitate”.

Visa limitează ilustrarea la o anumită zonă adică  secțiunea ‘despre Visa Direct’. Acest lucru are ca efect separarea acestui serviciu particular de restul serviciilor.

O altă abordare din ce în ce mai populară în această categorie este grafica abstractă. Acest lucru este util atunci când este dificil să se evidențieze ceea ce este promovat.

De exemplu, Instabase adaugă forme geometrice pentru a atrage atenția utilizatorului. Ei folosesc aceeași paletă de culori ca și pictogramele site-ului.

În aceste tipuri de site-uri ilustrațiile sunt folosite pentru obținerea unui echilibru între prietenos, uman și serios, demn de încredere și sigur. Fii prea drăguț, iar potențialii clienți nu te vor lua în serios.

 Pagina de întreprindere a lui Github are unele ilustrații, dar culoarea este mai puțin vie, spre deosebire de pagina principală care este bogată în ilustrații.

• MÂNCARE ȘI BĂUTURĂ

Lucrurile devin puțin mai libere când vine vorba de mâncare și băutură. Stilurile variază mult mai mult, iar personalitatea transmisă poate fi mai puternică și mai individuală. 

Ilustrațiile animate în stil vintage ale lui My Drink iau locul fotografiilor pentru a echilibra textul de pe pagina sa de pornire.

Melopeion Honey  nu folosește foarte multe ilustrații, doar una mare pe tot ecranul.

Monkey47 este un site în care ilustrațiile joacă un rol important. (Meniul rețelelor sociale este într-adevăr destul de interesant)

• OSPITALITATE ȘI  ZONE DE AGREMENT

În această categorie, ceea ce utilizatorii doresc să vadă sunt fotografii, dar și ilustrația poate ajuta. O fotografie poate arăta doar cum arată ceva, în timp ce ilustrația poate adăuga dimensiune emoțională suplimentară.

 Protos Car Rental folosește câteva ilustrații frumoase și simple pentru a sublinia aspectul de vacanță al afacerii sale.

Comptoir Libanais îmbină fotografiile cu ilustrațiile pentru a crea o identitate foarte distinctă față de restul site-urilor.

Hotelul Frida este, de asemenea, despre a creea un caracter. Ilustrațiile cu animale fantastice în stil victorian ajută la crearea unei ciudatenii.

Highcourt folosește ilustrații simplificate și stilizate pentru a oferi o imagine de ansamblu completă a interiorului clădirii decât ar puteau-o face fotografiile.

The Neverlands nu folosește doar ilustrații. Întregul site este o experiență captivantă bazată pe ilustrație.

• WEBUL RESPONSABIL

Site-urile care promovează companii etice și/sau sustenabile, îngrijirea naturală a pielii, alimente și băuturi naturale și/sau organice, produse vegane, responsabilitate socială tinde să se bazeze în mare măsură pe ilustrații.

Destul de des, acest lucru este sub formă de desene care fac o aluzie la natură, dar poate implica și transmiterea de informații într-un mod care nu poate fi considerat o prelegere.

Wild Souls se feresc de orice urmă de hippie, cu un sentiment de aleatoriu în plasarea ilustrației sale.

Superfood Gin se joacă cu plantele, dar se referă la ingredientele botanice de aici.

Pagina principală a companiei Capsul’in este o ofertă destul de standard, dar pentru produsul său cu impact zero , are o secțiune separată cu ilustrații pentru a explica caracteristicile produsului.

Donează în mod responsabil folosește ilustrația pentru a explica cât de bine intenționate poate fi dăunătoare din neatenție, fără să pară să mustre sau să patroneze.

O varietate de mărci pentru copii vor folosi ilustrația – chiar și atunci când părinții sau tutorii sunt cu adevărat ținta – iar Little Yawn Collective combină abordările de produse naturale și prietenoase pentru copii cu ilustrațiile sale de animale somnorose.

• Utilizarea ilustrației pe web

Ilustrația poate fi un instrument puternic design, dar poate fi dificil de realizat, deoarece invocă emoție, iar emoția este subiectivă.

La fel ca tipul sau culoarea, trebuie folosit în mod corespunzător și cu grijă. Uneori, mai puțin este mai mult.

Aceasta este doar o selecție a gamei largi de stiluri și de ilustrații existente pe web, dar sperăm că vă va oferi un punct de plecare atunci când vă gândiți dacă și cum să utilizați ilustrațiile în următorul proiect.