Cum se face o infografică?

Cum se face o infografică? Infograficele preiau date și informații complexe și le traduc în elemente vizuale ușor de înțeles. În lumea în ritm rapid de astăzi, designerii grafici trebuie să comunice un mesaj simplu și eficient.

 

Testarea în mulțime. Cum să o facă?

Date text în date grafice. Cum se face o infografică?

În dreapta vedem CV-ul unui designer grafic, conceput în stil infografice. El cu pricepere a transformat statisticile dvs. în grafice elegante, ceea ce a făcut statisticile uscate mai dinamice.

Elementele vizuale ca acestea îi oferă lui Tibor van den Brink oportunitatea de a adăuga culoare și intrigi estetice, doi factori care ies în evidență în mod natural dintr-un CV tradițional și atrag privitorul.

Aici putem estima rapid că Tibor este 100% fluent în olandeză și aproximativ 88% fluent în engleză datorită unei simple diagrame circulare. El folosește alte abordări inteligente, cum ar fi pictogramele pentru hobby-urile sale și „contoarele” pentru a-și afișa rapid nivelul de calificare în diferite programe și concepte de design.

Vedem instantaneu că are un nivel de calificare de 75% în Photoshop, Illustrator și InDesign. Toate informațiile sale sunt transmise într-un mod simplu și concis (și revigorant), care bate propozițiile lungi și lungi despre istoria sa cu Adobe Creative Suite. Cum se face o infografică?

Imaginile (și diagramele) valorează cât o mie de cuvinte

Toată lumea cunoaște celebra zicală: „O imagine valorează cât o mie de cuvinte”. Acest citat spune multe despre puterea infograficului: oamenii sunt creaturi vizuale. Acolo unde textul necesită timp și procesare mentală, imaginile sunt adesea imediate și intuitive.

Exemplul infografic de mai sus folosește o serie de diagrame pentru a explica cum funcționează un cub Rubik. Având în vedere complexitatea cuburilor Rubik, veți avea nevoie cel putin o mie de cuvinte pentru a explica rapid și clar ceea ce arată aceste diagrame. În plus, acest infografic este colorat și interesant. Aceasta este, fără îndoială, de preferat unei explicații textuale a Cubului Rubik.

Curgere. Cum se face o infografică?

Infograficele au fluxuri vizuale. Acest lucru este important de reținut atunci când proiectați infografice. Ca și în cazul oricărui alt subiect de design, designerul este responsabil pentru atragerea atenției spectatorilor asupra designului.

Infograficul din stânga descrie procesul de fabricare a pantofilor în trei etape. Dacă ar fi să criticăm această piesă, am putea spune că ochiul începe cu antetul din vârf și gravitează în mod natural către pantofii mari de pe acoperiș.

Acest pantof mare ne conduce apoi la pasul 3 al procesului, care se află în balonul de zoom. Ai! Speram să începem cu pasul 1...

Deși această infografică este colorată și frumoasă, are în mod clar probleme de flux. O modalitate de a rezolva această problemă ar fi să plasezi a treia treaptă la parterul acelei clădiri și prima treaptă la etaj lângă cizma mare.

În continuarea criticilor, putem spune că grafica nu transmite neapărat multe date textuale sau altfel. De exemplu, în etapa „Producție”, vedem două figuri stând pe scaune purtând cizme, dar acest lucru nu ne oferă neapărat informații suplimentare sau sentimente despre această etapă dincolo de cuvântul „Producție”. Același lucru se poate spune despre Design și Sketches. Cum se face o infografică?

Oferă o senzație de date

O infografică bună afișează o emoție, precum și un set de date. Cu alte cuvinte, ele evocă o reacție instinctivă în privitor ca urmare a înțelegerii instantanee și/sau rapide pe care o oferă infograficul.

Exemplul de mai sus afișează un procent simplu de proprietate asupra terenului, dar oferă datelor o senzație complexă, oferind grafice complexe și realiste. Majoritatea oamenilor ar putea să nu fie conștienți că proprietatea asupra pământului în Statele Unite este împărțită în acest fel, iar vederea acestei imagini a terenului tăiat și îngrădit poate duce în mod natural la un sentiment de neliniște sau la dorința de a afla mai multe despre subiect. .

Navigare cu pictograme. Cum se face o infografică?

Un alt stil de infografică folosește pictograme împreună cu text pentru a ajuta vizualizatorul să navigheze prin date. Exemplul din dreapta face exact asta, explicând cum să găsești o minciună.

În pasul 1, în loc să explici cum ar putea arăta aceste gesturi ale mâinii în scris, sunt folosite trei imagini eficiente. La urma urmei, aceste gesturi sunt mai ușor de arătat în ilustrații decât în ​​scris.

Într-o altă metodă, Pasul 2 conectează direct graficele cu explicațiile textuale, folosind textul ca „semnături” pentru direcțiile în care ochii cuiva ar putea privi dacă mint. Această abordare este, de asemenea, eficientă și are o înfășurare circulară frumoasă în jurul ochiului.

Pasul 4 folosește grafica diferit. Pentru a articula vizual „Ascultați indicatorii vocali”, se folosește o imagine a unei unde sonore. Acest lucru este mai puțin eficient decât graficul de la pasul 1, deoarece de fapt nu afișează date sau informații. Acestea fiind spuse, oferă intrigi vizuale și consecvență cu restul designului, care poate merita ceva și, în cele din urmă, poate justifica grafica.

Faceți datele atractive. Cum se face o infografică?

Pe lângă calitățile funcționale și practice ale infograficelor, o altă utilizare a acestora este aceea de a face datele atractive și frumoase. În exemplul de mai sus, impactul schimbărilor climatice asupra cronologiei de primăvară este reprezentat vizual pe un „cadran solar” folosind seturi date despre păsări, copaci și temperatură.

Deși tema este tulburătoare, grafica este moale, inocentă și atractivă. Paleta de culori este distractivă și sofisticată, iar floarea geometrică atrage privitorul în design. Natura captivantă din punct de vedere vizual a acestui articol va inspira probabil mai mulți cititori să exploreze datele decât un simplu aspect al textului.

Cum să-ți faci propriul infografic?

În acest tutorial, vom folosi Photoshop pentru a crea o infografică care compară datele dintre mersul pe bicicletă și luarea unui tren de la Washington Square Park din Manhattan până la centrul orașului Williamsburg din Brooklyn. Potrivit Google Maps, trecerea cu bicicleta între aceste două puncte durează 18 minute, iar călătoria durează 30 de minute.

 

Pentru a începe, putem lipi o captură de ecran din Google Maps în fișierul nostru Photoshop și să o desaturam. Privind exemplul original de culoare și atractivitate estetică al lui Tibor van den Brink, traseul comparat poate fi evidențiat în galben.

Rama cardului este, de asemenea, galbenă și este concepută pentru a lăsa loc pentru text în partea de sus. Acest conținut este plasat deasupra unui fundal gri închis pentru contrast și este stratificat cu o textură subtilă de hârtie pentru a-i oferi o senzație de „hartă”. Cum se face o infografică?

Apoi, având în vedere exemplul Cum să detectăm minciunile, putem adăuga câteva pictograme pentru a ajuta la încadrarea datelor. Aici vom folosi o pictogramă minimă de bicicletă și o pictogramă minimă de tren. În urma acestui flux creativ, putem adăuga „urme” de lungimi diferite la pictogramele care corespund aproximativ cu durata relativă a fiecărei călătorii.

Culoarea complementară albastru-verde este atent selectată. Rețineți că vrem să facem aceste date cât mai atractive!

În cele din urmă, putem adăuga textul nostru. Titlul este simplu și concis, iar minutele sunt mari și ușor de citit. font. Acest infografic are succes, deoarece traduce grafic o mulțime de date text, inclusiv o hartă a rutei, metode de transport comparate și timpi. Cum se face o infografică?

De asemenea, reușește să facă aceste date atractive. Designul este colorat, profesional, curat și simplu.

Concluzie

Infografica vine în multe forme. Ele pot conține ilustrații, diagrame, culori, pot combina text cu pictograme sau chiar pot fi fotografice. Este util pentru designeri să înțeleagă diferitele tipuri de infografice și să poată diferenția când funcționează și când nu.

Folosește acest articol ca introducere și vezi dacă poți detalia următorul infografic pe care îl întâlnești ca o modalitate de a-ți consolida propriile abilități de design infografic!