Jak udělat infografiku?

Jak udělat infografiku? Infografika přebírá složitá data a informace a převádí je do snadno srozumitelných vizuálů. V dnešním uspěchaném světě potřebují grafici sdělit sdělení jednoduše a efektivně.

 

Testování davem. Jak to udělat?

Textová data na grafická data. Jak udělat infografiku?

Vpravo vidíme životopis grafika, navržený ve stylu infografiky. On dovedně proměnil vaše statistiky ve stylové grafy, díky čemuž byly suché statistiky dynamičtější.

Vizuály jako tyto dávají Tiboru van den Brinkovi příležitost přidat barvu a estetické intriky, dva faktory, které přirozeně vyčnívají z tradičního životopisu a vtahují diváka dovnitř.

Zde můžeme rychle odhadnout, že Tibor ovládá 100% holandštinu a zhruba 88% angličtinu díky jednoduchému koláčovému grafu. Používá další chytré přístupy, jako jsou ikony pro své koníčky a „měřiče“, aby rychle ukázal úroveň svých dovedností v různých programech a konceptech designu.

Okamžitě vidíme, že má 75% úroveň dovedností ve Photoshopu, Illustratoru a InDesign. Všechny jeho informace jsou předávány jednoduchým a stručným (a osvěžujícím) způsobem, který překonává dlouhé a natahované věty o jeho historii s Adobe Creative Suite. Jak udělat infografiku?

Obrázky (a schémata) vydají za tisíc slov

Každý zná známé přísloví: "Obrázek vydá za tisíc slov." Tento citát vypovídá o síle infografiky: lidé jsou vizuální stvoření. Tam, kde text vyžaduje čas a mentální zpracování, jsou obrázky často bezprostřední a intuitivní.

Výše uvedený příklad infografiky používá řadu diagramů k vysvětlení, jak funguje Rubikova kostka. Vzhledem ke složitosti Rubikovy kostky budete potřebovat alespoň tisíc slov k rychlému a jasnému vysvětlení toho, co tyto diagramy ukazují. Navíc je tato infografika barevná a zajímavá. To je bezpochyby lepší než textové vysvětlení Rubikovy kostky.

Tok. Jak udělat infografiku?

Infografika má vizuální toky. To je důležité mít na paměti při navrhování infografiky. Stejně jako u jakéhokoli jiného předmětu designu je designér zodpovědný za to, že na design upoutá pozornost diváků.

Infografika vlevo zobrazuje proces výroby obuvi ve třech fázích. Pokud bychom měli tomuto kousku něco vytknout, mohli bychom říci, že oko začíná hlavičkou nahoře a přirozeně tíhne k velkým botám na střeše.

Tato velká bota nás pak vede ke kroku 3 procesu, který je v přibližovací bublině. Oh! Doufali jsme, že začneme krokem 1...

I když je tato infografika barevná a krásná, zjevně má problémy s průtokem. Jedním ze způsobů, jak tento problém vyřešit, by bylo umístit třetí schod v přízemí této budovy a první schod nahoře vedle velkého zavazadlového prostoru.

V další kritice můžeme říci, že grafika nemusí nutně přenášet mnoho textových dat nebo jinak. Například ve fázi „Výroba“ vidíme dvě postavy sedící na židlích obuté v botách, ale to nám nutně nedává žádnou další informaci nebo pocit o této fázi kromě slova „Výroba“. Totéž lze říci o designu a skicách. Jak udělat infografiku?

Dejte pocit dat

Dobrá infografika zobrazuje emoce i soubor dat. Jinými slovy, vyvolávají v divákovi instinktivní reakci jako výsledek okamžitého a/nebo rychlého pochopení, které infografika poskytuje.

Výše uvedený příklad zobrazuje jednoduché procento vlastnictví půdy, ale dodává datům komplexní dojem tím, že nabízí komplexní a realistickou grafiku. Většina lidí si možná neuvědomuje, že vlastnictví půdy ve Spojených státech je rozděleno tímto způsobem, a pohled na tento obraz půdy, která je kácena a oplocená, může přirozeně vést k pocitu neklidu nebo nutkání dozvědět se o tématu více. .

Navigace s ikonami. Jak udělat infografiku?

Jiný styl infografiky využívá ikony spolu s textem, které divákovi pomáhají v orientaci v datech. Příklad vpravo to dělá a vysvětluje, jak rozpoznat lež.

V kroku 1 jsou namísto vysvětlování, jak mohou tato gesta rukou vypadat písemně, použity tři efektní obrázky. Koneckonců, tato gesta se snáze ukazují v ilustracích než v psaní.

V jiné metodě krok 2 přímo spojuje grafiku s textovými vysvětleními, přičemž text používá jako „podpisy“ pro směry, kterými by se něčí oči mohly dívat, pokud lže. Tento přístup je také účinný a má krásný kruhový obal kolem oka.

Krok 4 používá grafiku jinak. K vizuálnímu vyjádření „Poslouchejte hlasové indikátory“ se používá obraz zvukové vlny. To je méně efektivní než grafika v kroku 1, protože ve skutečnosti nezobrazuje žádná data ani informace. Díky tomu poskytuje vizuální intriku a konzistenci se zbytkem designu, což může něco stát a nakonec ospravedlnit grafiku.

Zatraktivnit data. Jak udělat infografiku?

Kromě funkčních a praktických kvalit infografiky je dalším využitím infografiky udělat data atraktivní a krásná. Ve výše uvedeném příkladu je dopad změny klimatu na jarní časovou osu vizuálně znázorněn na „slunečních hodinách“ pomocí sad data o ptácích, stromech a teplotě.

Přestože je téma znepokojivé, grafika je měkká, nevinná a atraktivní. Barevná paleta je zábavná a sofistikovaná a geometrický květ vtáhne diváka do designu. Vizuálně vzrušující povaha tohoto článku pravděpodobně inspiruje více čtenářů k prozkoumání dat než jednoduché rozvržení textu.

Jak si vyrobit vlastní infografiku?

V tomto tutoriálu použijeme Photoshop k vytvoření infografiky, která porovnává data mezi jízdou na kole a vlakem z Washington Square Park na Manhattanu do Downtown Williamsburg v Brooklynu. Podle Google Maps trvá jízda na kole mezi těmito dvěma body 18 minut a jízda trvá 30 minut.

 

Chcete-li začít, můžeme vložit snímek obrazovky z Map Google do našeho souboru Photoshopu a desaturovat jej. Při pohledu na originální příklad barev a estetické přitažlivosti Tibora van den Brinka lze srovnávanou trasu zvýraznit žlutě.

Rám karty je také žlutý a je navržen tak, aby nahoře ponechal místo pro text. Tento obsah je kvůli kontrastu umístěn na tmavě šedém pozadí a je převrstven jemnou papírovou texturou, aby měl dojem „mapy“. Jak udělat infografiku?

Poté, s ohledem na příklad How to Detect Lies, můžeme přidat nějaké ikony, které pomohou zarámovat data. Zde použijeme minimální ikonu kola a minimální ikonu vlaku. Po tomto kreativním toku můžeme k ikonám přidat „stopy“ různé délky, které zhruba odpovídají relativnímu trvání každé cesty.

Doplňková modrozelená barva je pečlivě vybrána. Mějte na paměti, chceme, aby tato data byla co nejatraktivnější!

Nakonec můžeme přidat náš text. Nadpis je jednoduchý a stručný a zápisy jsou velké a snadno čitelné. písmo. Tato infografika je úspěšná, protože graficky překládá mnoho textových dat, včetně mapy trasy, porovnávaných způsobů dopravy a časů. Jak udělat infografiku?

Daří se mu také tato data zatraktivnit. Design je barevný, profesionální, čistý a jednoduchý.

Závěr

Infografika má mnoho podob. Mohou obsahovat ilustrace, diagramy, barvy, kombinovat text s ikonami nebo být dokonce fotografické. Pro designéry je užitečné porozumět různým typům infografik a umět rozlišit, kdy fungují a kdy ne.

Použijte tento článek jako úvod a zjistěte, zda dokážete rozebrat další infografiku, na kterou narazíte, jako způsob, jak posílit své vlastní dovednosti v oblasti návrhu infografiky!