Principiile comunicării vizuale

Povestirea vizuală poate fi intimidantă. Suntem învățați să comunicăm prin cuvinte, dar cuvintele nu sunt întotdeauna cel mai bun mod de a transmite informații și idei. Uneori, cel mai bun mod de a spune povești este prin intermediul imaginilor concepute cu atenție, nu a unor paragrafe lungi de text. Crearea de elemente vizuale nu este rezervată designerilor, ilustratorilor sau artiștilor. Este o abilitate pe care oricine o poate învăța și pune în practică în fiecare zi.

Cheia pentru a deveni mai confortabil cu comunicarea vizuală este dezînvățarea regulilor pe care le-ați adunat subconștient. Când am crescut, mi-a plăcut să creez text curcubeu cu WordArt, să adaug chenaruri fanteziste pentru documente și să descarc fonturi decorative pe Dafont. Munca mea în școală a arătat așa:

Mă jucam cu fonturi și stiluri pentru a mă distra. Nu aveam nicio idee despre ce formează designul vizual „bun” sau „rău”. Privind înapoi la această poezie, tipografia este obiectiv dificil de citit. Cu toate acestea, am găsit în mod intenționat fonturi care se potriveau cu fiecare adjectiv și au făcut ca fiecare titlu să aibă același stil de font. Prin aceste momente de joc, am început să pun bazele intuiției mele vizuale.

Povestirea vizuală este procesul de transmitere a ideilor folosind lucruri pe care le puteți vedea. Pe măsură ce îmbătrânim, povestirea vizuală devine mai intimidantă, deoarece suntem condiționați să credem că imaginile sunt copilărești sau pur decorative. Am fost învățați că toate scrierile trebuie să fie în Times New Roman de 12 pt și la două spații pe hârtie de dimensiunea literei. Ni se spune că este „mai profesionist” să minimizezi semnele exclamării și emoji-urile. Facem scuze de genul „Nu sunt suficient de artistic”.

Astăzi, comunic zilnic cu imaginile. Îndrum designerii emergenti să-și dezvolte intuițiile vizuale și proiectez produse pentru familiile care fac educație la domiciliu. A deveni un povestitor vizual mai bun înseamnă a echilibra jocul și practica cu o bază de principii. Este vorba despre a găsi mijlocul fericit între a te distra cu WordArt și a te juca în siguranță cu Times New Roman.

În acest articol, vom explora principiile vizuale, vom evidenția de ce povestirea vizuală este o abilitate valoroasă pe care toată lumea o poate învăța și vom demonstra cum vă puteți îmbunătăți povestirea vizuală prin joc.

Afișare > Spune

Orice povestire vizuală poate fi împărțită într-un set de principii concrete. Pentru a vă facilita abordarea subiectului, să aflăm cum tipografia pune bazele tuturor poveștilor vizuale și să examinăm principiile împărtășite în imaginile eficiente.

Seturile tipografiei Fundația

Nu trebuie să adăugați întotdeauna o ilustrație sau o grafică pentru a comunica vizual o idee! Tipografia bună pune bazele tuturor poveștilor vizuale. Există o mulțime de resurse de tipografie în sălbăticie, dar cele mai mari sfaturi ale mele sunt:

1. Respectați un singur tip de literă.
   Găsiți un tip de literă cu mai multe greutăți și stiluri. Combinarea diferitelor fonturi este dificilă. Fonturile mele preferate Google acum sunt IBM Plex Sans și Inter.
2. Schimbați câte un lucru.
   Crearea unui contrast suficient între stilurile de tipar este o artă. Recomandarea mea este să schimbați doar o axă la un moment dat: dimensiunea, greutatea, stilul și culoarea sunt cele mai populare lucruri de schimbat.

Iată un exemplu de povestire vizuală folosind pur și simplu tipografie.

• În versiunea 1, folosesc același stil pentru întregul corp al textului.
• În versiunea 2, am îngroșat cel mai important text de pe pagină: „Schimbați un lucru la un moment dat”
• În versiunea 3, micșorez dimensiunea textului paragrafului și mut titlul pe propria linie.
• În versiunea 4, evidențiez cuvântul „unu” în roz pentru a semnifica importanța și fac textul paragrafului o nuanță mai deschisă de gri.

Micile ajustări ale tipografiei pot comunica adesea mai mult decât adăugarea mai multor cuvinte. Înainte de a vă gândi să adăugați o imagine, experimentați întotdeauna mai întâi cu tipografia. Tipografia înseamnă mai mult decât selectarea unui font. Puteți modifica importanța textului ajustând dimensiunea, greutatea, compoziția și culoarea. Gândește-te la ceea ce este cel mai important și asigură-te că iese în evidență într-un corp de text.

Resurse despre tipografie

• Talking Type de Jessica Hische
• Lucruri de design: Lista de verificare a tipografiei

Ce au în comun imaginile bune?

Elementele vizuale bune se concentrează, comunicând cea mai importantă idee dintr-o privire. Rapoartele ar trebui să fie informative, dar ușor de scanat. Diagramele de flux ar trebui să evidențieze diferențele dintre procesele vechi și cele noi. Când creați o imagine vizuală, poate fi ușor să copleșiți publicul cu prea multe idei simultan. Cele mai bune imagini mențin un mesaj clar atragând atenția asupra a ceea ce este cel mai important.

Am petrecut mult timp îndrumând designerii de produse în curs de dezvoltare în construirea portofoliului. Portofoliile de design constau de obicei din câteva studii de caz care parcurg procesul de gândire al designerului de la început până la sfârșit.

Mai jos sunt două schițe de joasă fidelitate ale studiilor de caz de portofoliu. Aceasta este o exagerare, dar cea din stânga are mai puțin succes pentru că nu există imagini care să însoțească povestea. Cel din dreapta este mai ușor de scanat deoarece există imagini care arată procesul designerului.

Comunicatorii vizuali buni pot evidenția cele mai importante părți ale unui vizual. În graficul studiilor de caz de mai sus, am blocat în mod intenționat corpul textului și am făcut cele două versiuni aproape identice. Am încercat să minimizez toate distragerile vizuale. Dacă adaug textul corpului de umplere, graficul este mai greu de înțeles, deoarece devine vizual aglomerat.

Elementele vizuale pot fi de asemenea utile atunci când trebuie să comunicați o schimbare în proces. De exemplu, dacă compania dvs. restructurează procesul de angajare, ar putea fi util să afișați o diagramă de flux înainte și după care evidențiază schimbările. Imaginați-vă că acestea sunt schimbările:

• Am mutat interviul tehnic de la al doilea la primul pas;
• Am adăugat un interviu comportamental ca ultim pas;
• Acum avem nevoie de cel puțin o angajare puternică pentru ca un candidat să primească o ofertă.

Acest lucru poate părea evident, dar avem tendința de a folosi implicit e-mailuri și documente la locul de muncă. Imaginile înainte și după sunt grozave, deoarece îi ajută pe oameni să vizualizeze diferențele.

În exemplul de mai jos, veți observa că folosesc culoarea cu moderație ca o modalitate de a evidenția noi adăugări la proces. Culoarea este una dintre cele mai bune moduri de a atrage atenția asupra aspectelor importante ale unui vizual.

Puteți crea un grafic cu orice, inclusiv pix și hârtie! Am folosit Figma pentru cel de mai sus pentru că sunt familiarizat cu instrumentul, dar puteți crea o imagine la fel de eficientă cu ceva la fel de simplu ca Google Sheets.

Elementele vizuale sunt un instrument pe care îl puteți folosi pentru a adăuga claritate oricărei idei. Amintiți-vă că nu trebuie să adăugați întotdeauna o grafică sau o ilustrație. Puteți comunica mult cu doar mici ajustări ale tipografiei și prezentării. Doar asigurați-vă că vă concentrați pe cea mai importantă idee și asigurați-vă că aceasta strălucește.

Instrumente pentru crearea imaginilor

• Figma are o curbă de învățare mai mare, dar oferă cea mai mare flexibilitate.
• Whimsical este ușor de utilizat și are șabloane pentru crearea de elemente vizuale comune, cum ar fi diagramele de flux.
• Muralul este ca o tablă digitală. Este grozav pentru colaborare și are șabloane.

Dezvoltarea imaginilor prin joc

Dezvoltarea imaginilor necesită timp, joacă și experimentare. Dacă creezi imagini de la zero, prima ta încercare nu va fi niciodată cea mai bună! Sunt în industria designului de ceva vreme și încă eșuez și repet în fiecare zi. Aceasta este o captură de ecran a iterațiilor mele recente de design pentru un singur ecran dintr-un flux.

A învăța cum să devii un povestitor vizual mai bun este totul despre practică și iterație. În orele mele de design, îi învăț pe studenți să repete, transformând-o într-o competiție. Separ studenții în echipe și scopul este ca fiecare echipă să obțină cele mai multe iterații într-o perioadă de timp stabilită. Pentru această activitate, îi încurajez pe elevi să schimbe câte un lucru pe măsură ce repetă.

Acest exercițiu îi învață pe elevi să se simtă confortabil încercând o mulțime de lucruri care ar putea să nu funcționeze. După 15 minute de repetare, îi pun pe grupuri să discute care sunt modelele lor preferate. De ce crezi că modelele pe care le-ai ales sunt cele mai eficiente?

Repetarea poate părea descurajantă, dar este de fapt un proces cu adevărat distractiv. Când dezvoltați o imagine, începeți prin a vă gândi la singurul lucru pe care doriți să îl învețe publicul. Imaginați-vă că scopul nostru este să comunicăm că trebuie să stați la o distanță de 6 picioare pentru a preveni răspândirea Covid-19.

Întotdeauna încep cu setarea tipografiei mai întâi. Iată o serie de iterații în care ajustez doar dimensiunea fontului, greutatea și stilul.

Pentru fiecare iterație, am schimbat un singur lucru! Care versiune crezi că funcționează cel mai bine? Personal, cred că ultima iterație funcționează cel mai bine pentru că mesajul este tare și clar. Apoi, am experimentat cu câteva fonturi diferite. Fiecare tipare are o personalitate diferită:

După ce am experimentat cu tipul, putem experimenta adăugarea unei grafice sau ilustrații pe poster. Nu trebuie să fii ilustrator pentru a crea o grafică. Există o mulțime de resurse online pe care le puteți folosi pentru a compune un grafic.

• În versiunea 1, am folosit emoji-urile Apple.
• În versiunea 2, am desenat o pictogramă a unei persoane folosind două cercuri și un dreptunghi.
• În versiunea 3, am folosit o bibliotecă de ilustrații Humaaans.
• În versiunea 4, am folosit setul de simboluri Apple.

Toate aceste direcții sunt eficiente. Direcțiile 2 și 4 par mai degrabă ca o grafică oficială guvernamentală, dar direcțiile 1 și 2 par mai distractive și primitoare. Cu toate componentele noastre la locul lor, putem încerca să adăugăm stil și culoare. Este important să folosiți stilul și culoarea cu moderație, deoarece acestea pot copleși mesajul.

Toate aceste patru iterații funcționează bine! Direcțiile (2) și (4) captează privirea privitorului deoarece folosesc un bloc solid de culoare în fundal. Direcțiile (1) și (3) ar putea fi mai ușor de scanat din cauza simplității fundalului. Îmi place cum direcția (3) folosește violet pentru a evidenția liniile directoare „6 picioare”.

Așa arată de fapt posterul „Stay 6 feet away” din San Francisco. Comunica destul de bine mesajul. Cel mai important text „Stai la 6 picioare distanță” este evidențiat cu galben și include, de asemenea, o grafică simplă care subliniază din nou mesajul.

Resurse pentru dezvoltarea imaginilor

• Elementele de bază ale designului vizual
• Principii de proiectare: percepția vizuală și principiile Gestalt
• Forma designului de Frank Chimero

Ce urmeaza?

Data viitoare când proiectați un pachet de diapozitive, faceți un poster sau creați un document, gândiți-vă la încorporarea unei povești vizuale. Începeți puțin, subliniind părți importante ale textului cu tipografie. Dacă decideți să adăugați o imagine vizuală, amintiți-vă că nu trebuie să utilizați instrumente de lux. Încercați să începeți cu un creion și hârtie sau orice instrument cu care sunteți familiarizat. Povestirea vizuală se referă la comunicarea ideilor, nu la crearea de opere de artă.

Dacă nu sunteți sigur de unde să începeți, mai jos sunt câteva resurse fantastice:

• Capricios
• Figma
• Humaaans
• Setul de simboluri Apple
• Cele mai bune fonturi Google gratuite
• Ilustrații vectoriale gratuite

Oricine poate învăța să comunice cu imagini! Vă recomand să vă împărtășiți munca cu prietenii sau colegii pentru a vedea dacă mesajul dvs. este transmis. Obținerea de feedback din timp și des îți va îmbunătăți munca și ideile. Cu cât repeți mai mult, cu atât vei obține mai rapid și mai bine în viitor. Cu practică și joc, veți începe să vă colectați propriile principii vizuale și să vă construiți propria fundație vizuală.