Ako urobiť infografiku?

Ako urobiť infografiku? Infografika preberá komplexné dáta a informácie a prekladá ich do ľahko zrozumiteľných vizuálov. V dnešnom uponáhľanom svete potrebujú grafickí dizajnéri jednoducho a efektívne komunikovať posolstvo.

 

Testovanie davom. Ako to spraviť?

Textové dáta na grafické dáta. Ako urobiť infografiku?

Vpravo vidíme životopis grafického dizajnéra, navrhnutý v štýle infografiky. On šikovne premenil svoje štatistiky na štýlové grafy, čím sa suché štatistiky stali dynamickejšími.

Vizuály ako tieto dávajú Tiborovi van den Brinkovi príležitosť pridať farbu a estetické intrigy, dva faktory, ktoré prirodzene vyčnievajú z tradičného životopisu a vťahujú diváka.

Tu môžeme rýchlo odhadnúť, že Tibor ovláda 100% holandčinu a asi 88% angličtinu vďaka jednoduchému koláčovému grafu. Používa iné šikovné prístupy, ako sú ikony pre svoje koníčky a „merače“, aby rýchlo ukázal svoju úroveň zručností v rôznych programoch a konceptoch dizajnu.

Okamžite vidíme, že má 75% úroveň zručností vo Photoshope, Illustratore a InDesign. Všetky jeho informácie sú podané jednoduchým a stručným (a osviežujúcim) spôsobom, ktorý prekoná dlhé a natiahnuté vety o jeho histórii s Adobe Creative Suite. Ako urobiť infografiku?

Obrázky (a diagramy) vydajú tisíc slov

Každý pozná známe príslovie: "Obrázok vydá za tisíc slov." Tento citát hovorí veľa o sile infografiky: ľudia sú vizuálne stvorenia. Tam, kde text vyžaduje čas a mentálne spracovanie, obrázky sú často okamžité a intuitívne.

Vyššie uvedený príklad infografiky používa sériu diagramov na vysvetlenie fungovania Rubikovej kocky. Vzhľadom na zložitosť Rubikových kociek budete potrebovať aspoň tisíc slov na rýchle a jasné vysvetlenie toho, čo tieto diagramy ukazujú. Navyše je táto infografika farebná a zaujímavá. Toto je nepochybne vhodnejšie ako textové vysvetlenie Rubikovej kocky.

Prietok. Ako urobiť infografiku?

Infografika má vizuálne toky. Toto je dôležité mať na pamäti pri navrhovaní infografiky. Rovnako ako pri akomkoľvek inom dizajnovom predmete, dizajnér je zodpovedný za to, aby pritiahol pozornosť divákov na dizajn.

Infografika vľavo zobrazuje proces výroby obuvi v troch fázach. Ak by sme mali tomuto kúsku niečo vytknúť, možno by sme povedali, že oko začína hlavičkou hore a prirodzene sa tiahne k veľkým topánkam na streche.

Táto veľká topánka nás potom vedie ku kroku 3 procesu, ktorý je v bubline priblíženia. Ou! Dúfali sme, že začneme krokom 1...

Aj keď je táto infografika farebná a krásna, zjavne má problémy s prietokom. Jedným zo spôsobov, ako vyriešiť tento problém, by bolo umiestniť tretí schodík na prízemie tejto budovy a prvý schodík na poschodie vedľa veľkého kufra.

V ďalšej kritike môžeme povedať, že grafika nemusí nevyhnutne prenášať veľa textových údajov alebo inak. Napríklad vo fáze „Výroba“ vidíme dve postavy sediace na stoličkách obuté v čižmách, ale to nám nemusí nevyhnutne poskytnúť ďalšie informácie alebo pocity o tejto fáze okrem slova „Výroba“. To isté možno povedať o dizajne a náčrtoch. Ako urobiť infografiku?

Dajte zmysel pre dáta

Dobrá infografika zobrazuje emóciu aj súbor údajov. Inými slovami, vyvolávajú v divákovi inštinktívnu reakciu ako výsledok okamžitého a/alebo rýchleho pochopenia, ktoré infografika poskytuje.

Vyššie uvedený príklad zobrazuje jednoduché percento vlastníctva pôdy, ale dáva údajom komplexný dojem tým, že ponúka komplexnú a realistickú grafiku. Väčšina ľudí si možno neuvedomuje, že vlastníctvo pôdy je v Spojených štátoch rozdelené týmto spôsobom a pohľad na tento obraz pôdy, ktorá je vyrúbaná a oplotená, môže prirodzene viesť k pocitu nepokoja alebo nutkaniu dozvedieť sa o tejto téme viac. .

Navigácia s ikonami. Ako urobiť infografiku?

Iný štýl infografiky využíva ikony spolu s textom, ktoré pomáhajú divákovi orientovať sa v údajoch. Príklad na pravej strane to robí a vysvetľuje, ako rozpoznať lož.

V kroku 1 sa namiesto vysvetlenia, ako môžu tieto gestá rukou v písaní vyzerať, používajú tri efektné obrázky. Koniec koncov, tieto gestá sa ľahšie zobrazujú v ilustráciách ako v písaní.

V inej metóde krok 2 priamo spája grafiku s textovými vysvetleniami, pričom text používa ako „podpisy“ pre smery, ktorými sa môžu oči niekoho pozerať, ak klame. Tento prístup je tiež účinný a má krásny kruhový obal okolo oka.

Krok 4 používa grafiku inak. Na vizuálne vyjadrenie „Počúvajte hlasové indikátory“ sa používa obraz zvukovej vlny. Toto je menej efektívne ako grafika v kroku 1, pretože v skutočnosti nezobrazuje žiadne údaje ani informácie. Vďaka tomu poskytuje vizuálnu intrigu a konzistentnosť so zvyškom dizajnu, ktorý môže niečo stáť a v konečnom dôsledku ospravedlniť grafiku.

Zatraktívnenie údajov. Ako urobiť infografiku?

Okrem funkčných a praktických kvalít infografík ich ďalším využitím je urobiť dáta atraktívne a krásne. Vo vyššie uvedenom príklade je vplyv klimatických zmien na jarnú časovú os vizuálne znázornený na „slnečných hodinách“ pomocou súprav dáta o vtákoch, stromoch a teplote.

Hoci téma pôsobí rušivo, grafika je jemná, nevinná a atraktívna. Paleta farieb je zábavná a sofistikovaná a geometrický kvet vtiahne diváka do dizajnu. Vizuálne vzrušujúca povaha tohto článku pravdepodobne inšpiruje viac čitateľov k preskúmaniu údajov ako jednoduché rozloženie textu.

Ako si vyrobiť vlastnú infografiku?

V tomto návode použijeme Photoshop na vytvorenie infografiky, ktorá porovnáva údaje medzi jazdou na bicykli a vlakom z Washington Square Park na Manhattane do Downtown Williamsburg v Brooklyne. Podľa Google Maps trvá jazda na bicykli medzi týmito dvoma bodmi 18 minút a jazda 30 minút.

 

Na začiatok môžeme prilepiť snímku obrazovky z Máp Google do súboru Photoshopu a znehodnotiť ho. Pri pohľade na originálny príklad farby a estetickej príťažlivosti Tibora van den Brinka možno porovnávanú trasu zvýrazniť žltou farbou.

Rám karty je tiež žltý a je navrhnutý tak, aby ponechal priestor pre text v hornej časti. Tento obsah je umiestnený na vrchu tmavosivého pozadia kvôli kontrastu a je prevrstvený jemnou papierovou textúrou, aby mal dojem „mapy“. Ako urobiť infografiku?

Potom, keď vezmeme do úvahy príklad Ako zistiť lži, môžeme pridať niekoľko ikon, ktoré pomôžu zarámovať údaje. Tu použijeme minimálnu ikonu bicykla a minimálnu ikonu vlaku. Po tomto kreatívnom toku môžeme k ikonám pridať „stopy“ rôznej dĺžky, ktoré zhruba zodpovedajú relatívnemu trvaniu každého výletu.

Doplnková modro-zelená farba je starostlivo vybraná. Majte na pamäti, chceme, aby boli tieto údaje čo najatraktívnejšie!

Nakoniec môžeme pridať náš text. Nadpis je jednoduchý a výstižný a zápisnice sú veľké a ľahko čitateľné. písmo. Táto infografika je úspešná, pretože graficky prekladá množstvo textových údajov vrátane mapy trasy, porovnávaných spôsobov dopravy a časov. Ako urobiť infografiku?

Tiež sa mu darí zatraktívniť tieto údaje. Dizajn je farebný, profesionálny, čistý a jednoduchý.

Záver

Infografika má mnoho podôb. Môžu obsahovať ilustrácie, diagramy, farby, kombinovať text s ikonami alebo byť dokonca fotografické. Pre dizajnérov je užitočné porozumieť rôznym typom infografík a vedieť rozlíšiť, kedy fungujú a kedy nie.

Použite tento článok ako úvod a zistite, či dokážete rozobrať ďalšiu infografiku, na ktorú narazíte, ako spôsob, ako posilniť svoje vlastné zručnosti v oblasti dizajnu infografiky!