Perioada de valabilitate vizuală – De ce ilustrațiile de design web devin învechite

Publicat: 2022-03-11

Ilustrația este o formă vibrantă și variată de comunicare vizuală. Ca disciplină de design, îmbină claritatea mesajului designului grafic și capacitatea expresivă a artelor plastice. La apogeu, ilustrația face ceva ce fotografia nu poate. Înfățișează ceea ce este familiar dintr-o perspectivă care este de neatins cu ochii omului.

Afluxul recent de mărci care folosesc ilustrații online este unul dintre cele mai bune lucruri care s-au întâmplat pe web de mult timp. A adus vitalitate, umor și claritate unei game de propuneri de afaceri și a permis companiilor să-și spună poveștile mai clar.

Ilustrație de design web
Ilustrația descrie lumea în moduri familiare și neașteptate (aplicația Emaar EMR).

În ciuda aspectelor pozitive, există probleme. În esență, ilustrația este un instrument de povestire, dar pe măsură ce popularitatea sa crește, se îndreaptă spre obligatoriu. Avem un site web, prin urmare trebuie să avem ilustrații .

Lipsită de viziune strategică, ilustrația este ornamentație, antiteza originalității. Povestea este abandonată, imaginația abandonată. Site-urile web individuale își pierd distincția și toate produsele și serviciile ilustrate se îmbină.

Un angajat îmbrăcat elegant stă la un birou ordonat, operează o interfață abstractă care se îmbină cu lumea reală, în timp ce textele și e-mailurile trec în zbor pe avioane de hârtie care aterizează pe o pisică care dormea ​​lângă o plantă cu frunze, încadrând o persoană care face yoga în timp ce bea kombucha și răsfoiește un aplicație din care iese o mână uriașă care semnează un contract cu un stilou supradimensionat .

Sigur l-ai văzut.

Există patru vinovați care amenință viabilitatea pe termen lung a ilustrației pe web.


Vinovatul 1: Imaginile lipsesc de inteligență

Originea

Ilustrația are o istorie bogată de instigare. De sute de ani, a fost folosit ca o formă de comentariu social. De ce? Pentru că clarifică în mod emoționant natura complexă a treburilor umane. Când oamenii sunt contradictori, când experiențele sunt confuze, ilustrația îl face evident – ​​într-o clipă.

Scopul ilustrației nu este controversa de dragul ei. Mai degrabă, scopul este de a-i face pe oameni să se oprească și să se gândească la un punct de vedere, chiar dacă acesta este în conflict cu al lor. În cel mai bun caz, ilustrația este momentul suprem aha.

Problema

Cererea de astăzi pentru conținut vizual a jefuit o mare parte din puterile de elucidare ale ilustrației web contemporane. Online, ilustrația rar instigă; de cele mai multe ori, instruiește sau înfrumusețează.

Pe multe site-uri web, ilustrațiile sunt reprezentări vizuale 1-la-1 ale textului cu care sunt asociate. Încercați caracteristica noastră unică de programare! [Inserați ilustrația monoline a calendarului]

Sau prezintă oameni care trăiesc scenarii de „cea mai bună viață” datorită produselor și serviciilor achiziționate. Încercați caracteristica noastră unică de programare! [Inserați ilustrația unui tip de laptop care bea cafea, care face un calendar cu fața zâmbitoare]

Niciuna dintre abordări nu este suficient de puternică pentru a împiedica ilustrațiile site-urilor web să-și piardă fanfașul de a povesti.

Remediul

Unele concepte sunt greu de ilustrat. Există produse și servicii care nu sunt interesante sau ușor legate de experiențele umane. Aici, ilustratorii trebuie să sape mai adânc în timpul creării conceptului. Pentru a descoperi cele mai convingătoare unghiuri ale unui subiect, explorați partea întunecată a acestuia.

  • Care sunt punctele mari de durere și de ce există?
  • Cine este cel mai afectat financiar, profesional sau emoțional?
  • Există opinii contradictorii sau controversate între companii, clienți sau experți?

Întrebări ca acestea funcționează cu majoritatea bunurilor vândute online. În calitate de ilustratori, suntem adesea însărcinați să arătăm ce este bun, dar dacă nu înțelegem răul, vom ajunge la tropi obosiți. De fapt, acest echilibru pozitiv/negativ este un aspect cheie al povestirii. Fără minime, maximele ilustrative își pierd impactul.

Lucru bine făcut: Cartel mare

Ilustrații pentru web design
Ilustrațiile pe blogul lui Big Cartel sunt pline de umor și pline de spirit, precum acest triptic care evidențiază promptitudinea procesării lor digitale.


Vinovatul 2: Imitații rampante Ruine Noutate

Originea

Imitația și creativitatea nu sunt diametral opuse. Încă de la primele civilizații ale lumii, artiștii și designerii au cultivat creativitatea prin mimetism. Un stil convingător atrage atenția. Îl examinăm, îl deconstruim și îi culegem tehnica pentru a ne îmbunătăți propria muncă. Aceasta este creșterea.

Într-o lume perfectă, imitația s-ar limita la învățare și la comentarii. Stilurile copiate ar fi transformate, atât vizual, cât și conceptual. Rareori funcționează astfel.

Problema

Imitația respinge evoluția. Când întâlnim un stil popular și ne atașăm de orbita lui, suntem ca niște ucenici din lumea veche, cu o întorsătură sinistră. Deturnăm atributele stilistice ale ilustratorilor pe care îi „urmărim” și promovăm rezultatele ca pe ale noastre.

Mărcile sunt complice. Compania X vrea stilul de ilustrare al Companiei Y, așa că comandă o imitație. Se întâmplă iar și iar, loc după site, fiecare iterație introducând noi straturi de entropie. În cele din urmă, o întreagă industrie folosește o paradă de clone degenerate, precum Michael Keaton în Multiplicity .

Nu căutați mai departe decât stilul de ilustrare predominant al peisajului SaaS. Este penibil de omogen.

Remediul

Există nenumărate căi dincolo de imitație. Niciuna nu necesită geniu creativ sau excluderea inspirației externe. Dimpotrivă; ilustratorii au nevoie de expunere amplă la materiale de referință. Cu cât vedem și depozităm mai mult, cu atât mai mult putem reinterpreta. Sunt posibile o serie de exerciții exploratorii:

  • Mashup de istorie . Reimaginați un stil de ilustrare inspirațional prin ochii unui artist desăvârșit.
  • Redenare rapidă . Desenați cu atenție un obiect în timp ce faceți referire la stilul altui ilustrator. Apoi, redesenează rapid același obiect de 7-10 ori fără stilul de referință și îmbrățișează ciudateniile care apar.
  • Adăugați o regulă . Creați o constrângere care să afecteze procesul de ilustrare. De exemplu: pot să trag doar linii drepte. Ele pot avea orice lungime sau unghi, dar trebuie să fie drepte.
  • Comutator sculă . Imită un stil de ilustrare cu un instrument de desen care nu este potrivit pentru muncă. De exemplu, dacă stilul se bazează pe o linie precisă, replicați-l cu cerneală și o perie cu peri moi.
  • Interpretare oarbă . Alcătuiește o colecție de 3-4 stiluri de ilustrare convingătoare și cere unui coleg să descrie unul în scris. Aruncă toate stilurile de referință originale și folosește descrierea scrisă pentru a informa alegerile creative.

Lucru bine făcut: Toggl

Ilustrații pe site-uri web
Cu stilul său 3D și simțul ironiei, Toggle face față tendinței actuale a ilustrațiilor de web design 2D care se simt bine.


Vinovatul 3: Sistemele de ilustrare îmbătrânesc și înțepenesc

Originea

A noastră este o eră a obsesiei sistemului de proiectare, una care decurge din nevoia de a menține experiențe consistente la mai multe puncte de contact ale mărcii. Nu că sistemele de proiectare sunt noi. Sistemele editoriale există de mai bine de un secol, dar gândirea sistemică este presantă, având în vedere numărul de canale digitale pe care mărcile le folosesc acum.

De asemenea, mărcile au folosit stiluri de ilustrare distincte de zeci de ani, dar sistemele moderne de design au introdus o nouă considerație: Cum ne facem stilul ilustrației sistematic?

Culorile, texturile, raporturile de aspect și tipurile de corp sunt bine definite. Rezultatele sunt prezentate cu multă fanfară. Timpul a scos la iveală un defect.

Problema

Ilustrația și designul interfeței nu sunt la fel. Când un sistem de design informează stilul unei interfețe, rezultatul este o coeziune fericită care orientează utilizatorii în mediul digital. Arhitectura informației este un reper. Navigarea este un obicei. Dar un stil ilustrativ condus de sistem sufocă impulsul creativ - acea aprindere bruscă a ideilor noi captate și rafinate frenetic.

Nu este că sistemele sunt în mod inerent proaste. Când sistemele funcționează în sprijinul conceptelor de imagine, ilustratorii pot găsi de fapt constrângerile eliberatoare. Dar atunci când imaginile sunt concepute prin prisma unui sistem, ideile slăbesc pe măsură ce ilustratorii se sprijină în falsa încredere a coeziunii: se potrivește sistemului, așa că funcționează!

Treptat, mai mult efort este îndreptat către întreținerea sistemului. Greutățile de linie și articolele de îmbrăcăminte anulează conceptele convingătoare. În cele din urmă, stilul și capacitatea de povestire a ilustrației se ofilesc și moare.

Remediul

Ilustrația traduce complexitatea ingeniozității și emoției umane. Îi invită pe cei din afară să aprecieze experiențele cu care s-ar putea să nu fie obișnuiți. Capacitatea ilustrației de a fi un vehicul al identității mărcii este secundară. Acestea nu trebuie inversate.

Pentru a preveni ca imaginile să devină rigide, construiți sisteme de ilustrare pe principii tematice. Vocea și valorile unui brand nu sunt doar surse pentru decizii stilistice. Sunt strategii de povestire care pot fi vizualizate, interpretate și re-povestite din mai multe perspective - a clientului, a companiei și a concurenței.

Există pași practici care ghidează dezvoltarea și relevanța pe termen lung a sistemelor de ilustrare:

  • Nu obsedați regulile și detaliile pe care spectatorul obișnuit nu le va observa.
  • Evitați aplicarea regulilor sistemului într-un mod care subminează intuiția creativă.
  • Nu blocați sistemele în aceleași palete de culori ca și mărcile pe care le reprezintă.
  • Rupeți ocazional sistemul și provocați spectatorii invitând ilustratori externi să contribuie cu propriile stiluri unice.
  • Planificați ca sistemul să evolueze și permiteți experimentarea progresivă, chiar și atunci când stilul actual este bine primit.

Lucru bine făcut: Notion.so

Stiluri de ilustrare web
Multe sisteme de ilustrare sunt excesiv de stilizate și împovărate cu reguli. Dimpotrivă, sistemul de ilustrare monocromatic al lui Notion este simplu, consistent și expresiv.


Vinovatul 4: Ilustrațiile de stoc sunt suprautilizate

Originea

Multe companii necesită cantități masive de conținut vizual pe site-urile lor web, dar constrângerile de timp și buget limitează numărul de elemente grafice personalizate care pot fi comandate. Pentru a satisface nevoia, companiile apelează la site-uri de stocuri de unde achiziționează seturi tematice de ilustrații.

Din păcate, este rar să găsiți ilustrații de stoc care sunt originale, de înaltă calitate și subutilizate (ca să nu mai vorbim de marcă).

Problema

O tendință tulburătoare a apărut în lumea ilustrațiilor stoc. În ceea ce poate fi descris doar ca un tribut greșit adus erei clipart-ului, acum există site-uri de ilustrare care generează instantaneu imagini „personalizate”, permițând utilizatorilor să definească variabile precum sexul, nuanța pielii și îmbrăcămintea. Ilustrațiile rezultate sunt o pată asupra credibilității creative a companiilor care le folosesc.

Remediul

Pentru companiile cu resurse limitate, există două moduri de a ocoli vibrația falsă asociată cu imaginile de stoc. Prima poate veni ca o surpriză. Îmbrățișați ilustrațiile stoc din toată inima. Folosiți imagini de stoc fără rezervare, dar găsiți modalități de a le personaliza. Cum?

  • Combinați și potriviți stiluri de stoc disparate cu colaj digital.
  • Combină ilustrații de stoc cu fotografie (chiar și fotografie de stoc).
  • Suprapuneți elemente desenate manual, cum ar fi semne Sharpie sau lovituri de vopsea.
  • Faceți urme de mostre de stoc deformate și distorsionate digital.
  • Transformați stocul în tonuri de gri și infuzați culorile mărcii cu elemente grafice desenate digital.

A doua modalitate de a evita stocul în timp ce lucrați la un buget este să prioritizați ce ilustrații sunt cele mai necesare și să comandați un set mic. Poate că asta înseamnă comandarea a cinci ilustrații de pe pagina de pornire. Pe termen scurt, acestea vor oferi impact vizual, iar mai târziu, pot fi folosite pentru a informa un set mai mare de ilustrații pentru alte canale.

Lucru bine făcut: Bloomberg Businessweek

Tendințe de ilustrare web
Coperțile tipărite ale Bloomberg au folosit mult timp imaginile de stoc pentru un efect dramatic (și amuzant). Online, tradiția continuă, așa cum demonstrează acest colaj foto inteligent.


Creați ilustrații de web design cu scop

Pe web, ilustrația face serviciile mai identificabile și produsele mai dezirabile. Întărește povestirea mărcii și îi ajută pe vizitatorii site-ului web să înțeleagă fluxurile nesfârșite de informații pe care le întâlnesc zilnic. Dar doar a avea ilustrații pe un site web nu este suficient.

Ilustrațiile care nu reușesc să depășească reprezentările 1-la-1 ale textului corespunzător sunt o oportunitate de implicare irosită. De asemenea, există puțină valoare în ilustrațiile care ar putea fi confundate ca aparținând uneia dintre sutele de alte mărci.

Ilustrațiile trebuie să captiveze spectatorii cu un punct de vedere unic – din punct de vedere stilistic și conceptual. Ele nu trebuie să fie complexe, foto-realiste sau pline de culoare pentru a fi observate, dar trebuie să lumineze ceva interesant despre subiectele lor în moduri în care cuvintele, fotografiile și diagramele nu pot.

Ilustrația este aici pentru a rămâne. Puterile sale de comunicare sunt prea persuasive pentru a fi aruncate. Dar pentru companiile și ilustratorii care nu reușesc să exploreze potențialul expresiv al ilustrației, valoarea acesteia se va dovedi trecătoare.

• • •

Citiri suplimentare pe Blogul Toptal Design:

  • Ilustrația mărcii 101: Vizualizarea narațiunii
  • Un ghid pas cu pas pentru proiectarea ilustrațiilor personalizate fără abilități de desen
  • Explorarea principiilor Gestalt ale designului
  • UX Design Trends Retrospectiva 2019
  • Principiile designului și importanța lor