Specializare în Design Informațional pentru Infografice și Storytelling Vizual

Introducere

Această lecție arată cum infograficele pot transforma idei complexe în povești clare și emoționante. Vei învăța cum designul datelor poate declanșa schimbări, poate aduce în atenție subiecte semnificative și te poate ajuta să exprimi ceea ce contează cel mai mult - vizual și puternic. Inspiră-te să explorezi, să experimentezi și să folosești ilustrațiile de date ca propria ta voce pentru schimbare!

1 min

Inspirație / Gabrielle Merite

Inspirația este o practică zilnică. Este un mușchi pe care îl poți antrena în orice moment. În această lecție, îți voi arăta câteva exemple de reviste de știri și artiști care mi-au influențat munca.

4 min

Inspirație / Sonja Kuijpers

În această lecție, vă voi arăta câteva dintre lucrările unor oameni pe care îi admir. Aceștia lucrează manual și analog în vizualizarea datelor: numărarea, notarea și prezentarea datelor. Natura este, de asemenea, o influență și o modalitate de a mă elibera de stres: îmi place să ies și să-mi iau aparatul foto cu mine.

3 min

Inspirație / Federica Fragapane

În această lecție, voi vorbi despre lumile care au avut și încă au un impact asupra abordării mele față de design.

5 min

Inspirație / Catalina Plé

În continuare, aș dori să vorbesc despre unele dintre cele mai semnificative influențe ale mele și despre modul în care acestea mi-au afectat munca și creativitatea, chiar dacă nu eram conștient de acest lucru la momentul respectiv.

3 min

Inspirație / Jing Zhang

Inspirația mea creativă provine din multe surse diferite. În acest videoclip, vă voi prezenta câteva, cum ar fi un film de animație de la studioul Ghibli, Polly Pockets, instrucțiuni Ikea și ilustrații cu tematică biologică.

2 min

Ce este ilustrarea datelor?

Să începem prin a clarifica de ce numesc majoritatea datelor mele de lucru ilustrații, mai degrabă decât vizualizări.

4 min

Căutarea datelor inspiraționale

Proiectul modulului se va baza pe date. Dar unde ar trebui să le căutați? Vă voi explica cum găsesc subiecte inspiratoare și cum urmăresc datele asociate.

3 min

Crearea unui rezumat al datelor

Acum, că am găsit datele, vom aprofunda subtilitățile poveștii: ce perspective transmit datele, ce tip de prejudecăți ar trebui să căutăm și ce părere au oamenii despre aceste date?

5 min

Direcție creativă și conceptualizare

Povestea este gata! Acum, vă voi arăta cum să începeți să vă gândiți la direcția vizuală pentru vizualizarea datelor. Apoi, voi discuta despre cum să căutați inspirație în diferite medii artistice, design și domenii ale fotografiei.

3 min

Cercetare vizuală

Acum că harta ta de cuvinte este completă, îți voi arăta cum poți folosi acele cuvinte cheie pentru a face cercetarea ta vizuală.

4 min

Explorarea diagramelor de date

Pentru început, voi trece rapid în revistă cum să aleg graficul potrivit și voi demonstra cum testez graficele în Excel.

8 min

Schițe rapide de miniaturi

Acum, vă voi arăta câteva exemple despre ce fac de obicei pentru a-mi aplica ideile creative la schițe rapide în miniatură pentru a testa compoziția.

5 min

Găsirea fotografiei

În această lecție, voi discuta despre momentele în care puteți obține imagini care sunt libere de drepturi și se află în domeniul public. De asemenea, vom lua în considerare caracteristicile fiecărei imagini în ceea ce privește calitatea, culoarea și diversitatea.

4 min

Crearea prototipului 1

În această lecție, vă voi ghida în realizarea unui prototip rapid în Adobe Illustrator și Photoshop, bazat pe schița miniatură și diagrama Excel.

19 min

Crearea prototipului 2

Odată ce prototipul este gata de utilizare, următorul pas este să îl prezentați clientului. Permiteți-mi să vă arăt cum prefer eu să fac asta.

2 min

Curățarea imaginilor

În această lecție, vă voi arăta două tehnici simple de a decupa imagini din fundalul lor.

7 min

Pregătirea scenei

În continuare, vă voi oferi un exemplu despre cum să creați atmosfera în crearea unei scene realiste - un deșert la apus - prin gradienți și imagini.

10 min

Crearea elementului diagramă în 3D

În continuare, vă voi arăta cum să creați o diagramă cu bare transparentă 3D cu Adobe Illustrator și Photoshop.

14 min

Adăugarea pictogramelor în diagramă 1

În această lecție, vă voi arăta o altă tehnică în Adobe Illustrator pentru a crea pictograme 3D.

17 min

Adăugarea de pictograme în diagramă 2

Acum că harta mea este gata, o voi integra în peisaj, ascunzând-o în spatele dunei.

6 min

Adăugarea elementului uman și a unor atingeri realiste 1

Vom folosi imaginile pe care le-am selectat și curățat, le vom încorpora în scena noastră și vom face câteva ajustări finale pentru a le uni pe toate.

19 min

Adăugarea elementului uman și a atingerilor realiste 2

În a doua parte a acestei lecții, voi face ultimele retușuri pentru a îmbunătăți atmosfera, aspectul și senzația piesei.

12 min

Legendă și tipografie

În această lecție, vă voi arăta cum selectez fonturile pe care le folosesc pentru diagramele mele și cum iau în considerare accesibilitatea atunci când configurez legendele și titlurile.

11 min

Exportarea ilustrației datelor

A venit momentul să împărtășești ilustrația ta! Aici, îți voi arăta cum să exportezi lucrarea ta pentru rețelele sociale sub formă de carusel. De asemenea, voi trece în revistă modificările pe care ar trebui să le faci pentru a o pregăti pentru imprimare.

4 min

Text alternativ pentru accesibilitate

Textul alternativ este una dintre modalitățile de a face munca ta accesibilă unui public mai larg. În această lecție, îți voi arăta procesul pe care îl folosesc pentru a o scrie.

5 min

Subiectul vizualizării tale

Mai întâi, voi împărtăși cu tine cum să găsești ceva ce ai vrea să vizualizezi; o abordare constructivă înseamnă să cauți subiecte care te ating la nivel personal.

2 min

Căutarea datelor

E timpul să te cufunzi în subiect și să alegi unghiul din care va fi proiectul tău. Apoi, vei decide ce metodă sau tehnică vei aplica. Caută inspirație în mai multe direcții - te poate ajuta să alegi culorile, stilul și abordarea.

7 min

Recoltarea datelor

Acum vă voi arăta cum să colectați datele: vă voi arăta cum să filtrați manual cartea și să colectați informațiile pe care le veți folosi ca sursă de date pentru vizualizare.

11 min

„Datele” pentru vizualizarea ta

În această lecție, veți analiza datele colectate.

3 min

Schițe și poveste

Acum poți începe să-ți schițezi ideile pentru a decide cum vrei să stilizezi, să proiectezi și să prezinți vizualizarea.

10 min

Metodă și culori

În timpul acestei lecții, voi reuni datele, ideile, inspirația și instrumentele.

12 min

Flux de lucru

Ca să vă arăt cum lucrez de obicei, voi împărtăși pașii pentru a trece de la Excel la Illustrator. De asemenea, voi împărtăși configurația mea de bază pentru design.

1 min

Incorporarea elementelor în designul dvs. 1

E timpul să aranjezi părțile, să adaugi straturi suplimentare de informații și să le combini pe toate până la rezultatul dorit.

18 min

Incorporarea elementelor în designul dvs. 2

Voi continua să lucrez cu simbolurile pe care le-am atribuit fiecărui element al graficului. Apoi, voi reveni la ilustrația originală pentru a completa proiectul meu.

16 min

Titlu și explicație

Să ne ocupăm de o altă componentă importantă pe care nu trebuie să o uităm: titlul proiectului!

2 min

Feedback și editări finale

Acum este momentul să ceri feedback de la cineva, să verifici dacă designul tău îndeplinește obiectivul și să faci câteva modificări finale.

5 min

Partajarea muncii tale

În această lecție, voi împărtăși câteva sfaturi finale despre introducerea și prezentarea publicului a noului tău proiect.

4 min

O traducere vizuală a conținutului: rolul percepției

În această lecție, voi introduce domeniul vizualizării datelor, potențialul acesteia în comunicarea poveștilor și rolul percepției.

6 min

Întrebările cu care să începeți

Acum voi vorbi despre întrebările pe care ar trebui să ți le pui înainte de a începe un proiect nou, despre nevoile și motivele care pot duce la alegeri specifice de design și despre gama foarte largă de proiecte potențiale la care se poate lucra.

5 min

Cuvinte vizuale și scrise

În continuare, voi vorbi despre relația dintre cuvintele vizuale și cele scrise și despre importanța lor în proiectarea narațiunilor bazate pe date vizuale.

4 min

Procesul de a povesti cu ajutorul datelor

Aici voi discuta despre cum să spun povești folosind date și elemente vizuale, luând în considerare și modul în care astfel de povești vor fi explorate de către cititori. Voi împărtăși cu voi procesul și motivele din spatele unor proiecte de-ale mele care îmi plac foarte mult.

5 min

Utilizarea și contestarea metaforelor vizuale

În această lecție, voi vorbi despre cum putem folosi - și uneori pune la încercare! - metafore vizuale în proiectele noastre de vizualizare a datelor, pentru a crea noi medii în care cititorii se pot cufunda.

5 min

Selectarea subiectului

În această lecție, vom lucra împreună la prima fază a proiectului: găsirea datelor pentru poveste. Vă voi ajuta să începeți acest proces arătându-vă cum să localizați mai întâi surse de încredere. Vă sugerez să alegeți un subiect care vă pasionează sau vă interesează.

8 min

Crearea setului de date 1

În această lecție, vă voi ghida în crearea setului de date folosind Google Sheets. Pentru început, veți învăța cum să importați datele brute. Voi exemplifica cum să faceți acest lucru cu datele pe care le-am găsit legate de sursele de energie regenerabilă, ale căror linkuri le puteți găsi în secțiunea Resurse suplimentare de mai jos.

9 min

Crearea setului de date 2

Acum, că mi-am simplificat datele până la primele 40 de țări, voi începe să includ orice informații suplimentare pe care aș dori să le afișez despre consumul pe cap de locuitor, regiunea lumii și populație.

18 min

Schițare: Macrostructura poveștii

Acum, voi face prima trecere de la un tabel la o piesă narativă. Folosind datele, vă voi arăta cum să începeți să schițați macrostructura piesei.

3 min

RAWGraphs

În această lecție, vă voi arăta cum să utilizați RAWGraphs, un instrument online gratuit, pentru a proiecta prima parte a proiectului.

12 min

Adobe Illustrator: Crearea vizualizării 1

Următorul pas este importarea graficii în Adobe Illustrator, unde va fi dezvoltată cu elemente și informații noi. Voi împărtăși cu voi trucurile și instrumentele pe care le folosesc pentru a proiecta atât elemente vizuale precise, cât și personalizate.

18 min

Adobe Illustrator: Crearea vizualizării 2

În a doua parte a acestei lecții, voi crea un design în formă de frunză care va reprezenta datele pe care le-am colectat despre consumul pe cap de locuitor. Pentru a dezvolta elemente vizuale eficiente, este posibil să fie nevoie să simplificați datele. Vă voi arăta cum să faceți acest lucru.

15 min

Adobe Illustrator: Crearea vizualizării 3

În această etapă, proiectul meu începe cu adevărat să prindă contur! Am terminat de vizualizat fiecare dintre cele 40 de țări ale mele. În continuare, vă voi arăta cum să selectați elementele care necesită ajustări înainte de a face ajustările necesare.

16 min

Adobe Illustrator: Rafinarea vizualizării

Acum vă voi arăta cum să rafinați vizualizarea pe care ați creat-o. Lucrul la detalii cu grijă și atenție este un pas extrem de important al procesului creativ. Să recunoaștem împreună!

20 min

Legenda și textul 1

În această lecție, voi demonstra cum să lucrez la elementele cheie care îi vor ajuta pe cititori să utilizeze și să navigheze prin lucrare: legenda și textul explicativ.

12 min

Legenda și textul 2

Aici, voi continua să lucrez la cheia care va deveni parte integrantă a înțelegerii elementelor vizuale de către cititor. Numai înțelegând elementele vizuale, cititorii pot extrage datele.

10 min

Detalii finale, versiunea mobilă și exportul

În concluzie, voi vorbi despre importanța luării în considerare a dispozitivelor pe care cititorii le vor folosi. Vom lucra la o versiune mobilă a proiectului.

12 min

Mesajul și publicul

În primul rând, voi vorbi despre mesaj și public. Infograficele sunt puternice. Așadar, noi, ca creatori de infografice, trebuie să știm care este mesajul pe care vrem să-l transmitem. Din moment ce vom vizualiza informații, trebuie să luăm întotdeauna în considerare claritatea mesajului și, pentru a face acest lucru, trebuie să luăm în considerare în special cine îl va citi.

5 min

Surse, poveste și concepte cheie

În această lecție, voi vorbi despre importanța verificării surselor pentru verificarea faptelor. După ce ți-ai scris povestea, vei identifica conceptele cheie și vei face un brainstorming cu câteva idei vizuale.

9 min

Tipuri de vizualizări

Care sunt diferitele tipuri de elemente vizuale care pot fi folosite pentru a crea o infografică? Inventarul este vast, așa că vă voi arăta cele mai comune elemente vizuale care vă pot ajuta să descrieți exact ceea ce doriți.

2 min

Transformarea ideilor în miniaturi

Acum e timpul să începeți să gândiți vizual! În această lecție, veți învăța cum să vă traduceți ideile în elemente vizuale.

17 min

Definirea formatului și schițarea informațiilor vizuale

În această lecție, voi vorbi despre cele mai comune formate și principalele diferențe dintre acestea și voi atinge doar câteva concepte de design grafic care ne vor ajuta de la bun început. Vă voi arăta cum am pus laolaltă elementele vizuale pe care le-am ales anterior pentru a spune povestea despre cum este produsă cafeaua de la recoltare până la ceașcă.

8 min

Pregătirea fișierului digital

Va trebui să găsești cele mai comune dimensiuni de imprimare din zona ta (dimensiunile din SUA sunt diferite de cele din restul lumii, dar poți găsi proporții similare). Voi defini lățimile conturului, fonturile, ghidurile generale, dimensiunile minime etc. În final, vei avea totul pregătit și vei crea un flux de lucru eficient.

9 min

Retușurile finale

Următorul pas este să desenăm (sau să fotografiem) elementele de care avem nevoie pentru infografic și să creăm diagramele. Câteva diagrame de bază vor fi create direct în Adobe Illustrator. Aici vă arăt procesul meu!

17 min

Corectură și postare

Odată ce designul este finalizat, exportăm câteva fișiere pentru a face teste de lizibilitate, a căuta greșeli de scriere etc. Când ne asigurăm că totul este în regulă, trimitem fișierul la tipografie și îl postăm pe rețelele de socializare. Îți voi oferi câteva sfaturi despre acest proces și îți voi explica cum să-ți păstrezi arhivele ordonate și organizate în cazul în care trebuie să creezi mai multe copii sau să actualizezi piesa finală.

1 min

Lucrul cu clienții

Ce ar trebui luat în considerare atunci când lucrați cu clienții? Permiteți-mi să vă ofer câteva sfaturi care vă vor ușura fluxul de lucru și comunicarea cu clienții. Mai presus de toate, nu uitați să fiți profesioniști și să vă distrați!

2 min

Ce este o infografică ilustrată?

Știm cu toții ce sunt infograficele - informații prezentate într-un stil grafic. Dar infograficele ilustrate duc acest lucru la un alt nivel: sunt informații cu ilustrații complete. Informația este aproape secundară ilustrației în sine. Totuși, fără informații, poveștile complete nu pot fi spuse. În această lecție, voi explica mai detaliat ce este o infografică ilustrată. De asemenea, voi schița proiectul final la care vom lucra pentru acest curs.

8 min

Software-uri și interfețe

În lecțiile noastre, vom folosi două tipuri diferite de software pentru a ne ajuta să creăm ilustrația. Acestea sunt Cinema 4D (3D) combinat cu Adobe Illustrator (vector 2D). Înainte de asta, vă voi arăta elementele de bază ale combinării perfecte a acestor instrumente.

7 min

Concept, Idee Vizuală și Mood Board

Conceptul este la fel de important ca aspectul vizual. Așadar, nu poți petrece niciodată prea mult timp cercetând subiectul tău. Ceea ce găsesc cel mai interesant în infografice sunt de obicei subiectele. Deseori, îmi doresc să învăț despre ele la fel de mult ca să le ilustrez. În această lecție, îți voi arăta cum să-ți analizezi brief-ul, cum să dezvolți conceptul prin cercetare și cum să-ți creezi mood board-ul.

6 min

Crearea formei în Illustrator

Folosind „Pen Tool” din Illustrator, vă voi arăta cum să creați conturul de care vom avea nevoie mai târziu pentru forma de bază în Cinema 4D. Acesta este primul pas în învățarea dezvoltării abilităților 2D și 3D.

16 min

Transformarea unei forme 2D într-un obiect 3D

Acum, vă voi arăta cum să transformați o formă 2D într-un obiect 3D. Veți învăța cum să utilizați instrumentul „Merge” pentru a importa un fișier Illustrator în Cinema 4D.

12 min

Crearea formelor geometrice

După proiectarea celulei vegetale 3D de bază, putem începe să o completăm cu elemente precum vacuola și nucleul. Acestea sunt mult mai simple decât reticulul endoplasmatic. Putem folosi instrumentele încorporate în Cinema 4D pentru a le crea.

9 min

Texturare și iluminare

Acum, că avem un model 3D de bază, putem începe să aplicăm „materiale” pentru a oferi obiectelor diferite tipuri de texturi. De asemenea, voi explica pe scurt „Setarea randării” și „Iluminarea globală”. Acestea vor face ca iluminarea să pară mai naturală.

9 min

Schiță finală

Această etapă se referă la planificare, la modul în care ajungi la punctul în care ilustrația ta este finalizată. Pentru unii oameni, ar putea părea mai ușor să ilustreze imediat cu desen vectorial. Și asta este în regulă. Mi se pare mai ușor cu schițele, așa că folosesc Procreate pentru a mă ajuta să-mi termin ilustrația.

8 min

Ilustrația finală 1

În această lecție, vom finaliza ilustrația în Illustrator. Există o mulțime de elemente care nu sunt încă incluse în modelul 3D, cum ar fi ribozomul (punctele minuscule din afara reticulului endoplasmatic) și lizozomul. Acestea vor fi adăugate cu ușurință în Illustrator.

10 min

Ilustrația finală 2

Acum vom adăuga plantele și frunzele pe baza schiței noastre inițiale. Nu vă faceți griji cu privire la reproducerea exactă a acesteia. Vom urma doar liniile de bază ale formelor noastre cu „Instrumentul Creion”.

12 min

Ilustrația finală 3

Mai avem de adăugat ultimele elemente lipsă la infograficul nostru. După ce am terminat, vă voi arăta cum să adăugați textură ilustrației pe care tocmai ați adăugat-o în Illustrator, astfel încât să nu pară plată în comparație cu vectorul. Vom termina prin adăugarea caracterelor.

10 min

Proiectarea aspectului infografic

E timpul să proiectăm aspectul infograficului nostru, procesul final al acestui proiect. În acest scop, vă voi arăta cum să adăugați date și informații pentru a finaliza designul final.

9 min

Cum să-ți promovezi și să-ți prezinți munca

După ce termini ilustrația, desigur, s-ar putea să dorești să o publici. Aici vom învăța cum să-ți prezinți și să-ți promovezi lucrările prin intermediul platformelor de socializare. Voi vorbi din punctul de vedere al unui jurat (fiind un juriu de Design și Direcție Artistică anul acesta) despre cum ar trebui să fie un standard de prezentare.

5 min