what

Už jste slyšeli
o infografice?

Infografika je forma vizuální komunikace, která pomocí grafického designu vizualizuje data a  informace. Od  obyčejných grafů se liší tím, že vypráví příběh nebo prezentuje určité téma.

Má matematická i grafická pravidla sloužící k nejlepší možné interpretaci třeba i složité informace. Tu tak  dokážeme během chvíle rozpoznat a jednoduše číst.

Představte si například, že jste farmář a chcete návštěvníkům farmy vysvětlit, co je ekologické zemědělství. Místo dlouhého vysvětlování jim dáte leták s infografikou. Toto téma jim představí rychle a jasně.

Ekologické zěmědělství

Jaké jsou hlavní funkce infografiky?

  • informovat přehledně a jasně
  • prezentovat fakta
  • vyprávět příběh
  • být vizuálně přitažlivá

„S infografikou jsem se poprvé potkala při psaní bakalářské práce v roce 2018. Nadchla mě natolik, že jsem ji začala používat v grafických výstupech v marketingové agentuře a následně jsem napsala diplomovou práci o infografice a webdesignu. Uměleckým výkonem a výstupem je tento web. Přeji vám, aby vás informace obohatily, pobavily a hlavně, abyste se dozvěděli něco nového.“

— Helena Fadrná,
autorka webu

Jak vytvořit infografiku pomocí jablka

Naprosto zásadní pro tvorbu infografik je postupovat od samotného jádra. Pro příklad použiji jablko, které představuje kroky k tvorbě infografiky jako takové vrstvy. S každou další vrstvou je infografika bohatější a pro čtenáře zajímavější.

Jablko
  1. Informace
  2. Vizualizace
  3. Grafický design
  4. Příběh
Vizuální zpracování informací

První vrstva jablka je jádro tedy informace (čísla, data, statistiky nebo nějaké jiné). Podle informace volíte nejlepší způsob vizualizace, což je druhá vrstva jablka. No, a tím zvládneme 2 mouchy jednou ranou!

Co je to vizualizace

Čísla, data a statistiky nejlépe zobrazíte pomocí grafu. Tento proces zobrazení dat se nazývá vizualizace a  dnes ji perfektně zvládají softwary jako Excel nebo PowerPoint. Nicméně pokud chcete tvořit kvalitní infografiky, je  dobré se tuto vizualizaci dat naučit.

Podívejte se  na 4 nejpoužívanější grafy a zjistěte k čemu slouží

Infografika nemusí pracovat jen s grafy, může zobrazovat informace typu

  • jak se co dělá
  • vývoj nějaké myšlenky
  • ukázka funkčnosti
  • popis problematiky
  • poučný příběh
Grafický design

Dalším krokem k vytvoření kvalitní infografiky je grafický design. Máte několik možností tvorby:

  • najmout agenturu nebo freelancera
  • využít online nástroje
  • nebo si grafický design vytvoříte sami

Grafický design neumím. Co tak nějaký online nástroj?

Dnes je spousta aplikací, které dokáží zjednodušit život (jak je skvělé 21. století). A to i v případě, že neumíte vytvářet grafický design, jednoduše použijete pro tvorbu infografiky online appku. Kvalitu vám nezaručí, ale může se hodit pro vaše osobní potřeby v digitálním prostředí (školní nebo firemní prezentace, na web, sociální sítě...).

Máte už zkušenost s grafickým editorem? Skvělé! S online appkami se vám bude pracovat daleko snadněji. Nicméně i bez zkušeností se v nástrojích rychle zorientujete: jsou totiž většinou intuitivní. A pokud si nevíte rady s  angličtinou, nenechte se odradit. Najdete appky i v češtině!

Nejznámější online nástroje

Více informací o online nástrojích na:

Jsem grafický designér, to zvládnu sám

Tvorba grafického designu se od online nástrojů nebo tvorby na zakázku liší zejména tím, že máte absolutní kontrol nad celým procesem a můžete ovlivnit kvalitu výstupu.

Na počátku definujte vizuální styl

Před zahájením tvorby grafiky byste měli vědět, pro koho je určena, a na základě toho ji zasadit do  korporátní identity firmy, služby, produktu nebo do celkového vzhledu výsledné prezentace (web, plakát atd.).

To znamená, že je potřeba dodržet správné použití loga, jednotnou barevnost, styl, velikosti a typografii. Pokud firma nemá jasně definovaný jednotný vizuální styl musíte ho nastavit.

Vizuální styl

Jak chcete, aby infografika působila?

V kreativním procesu tvorby myslete na emoce, které má vaše infografika vyvolat. Proto zvolte vhodnou barevnost, styl zaoblení objektů a řadu dalších aspektů podle cílového uživatele.

No schválně, proč si myslíte, že většina bank používá v logu modrou barvu? Jednoduše působí na člověka důvěryhodně.

Proč McDonald na začátku všude “cpal” červenou barvu? Díky této barvě má člověk větší chuť k  jídlu.

Grafický design musí být hlavně funkční a přehledný. Každý prvek, barva nebo font navíc působí rušivě.

Trocha opakování z teorie grafického designu

Pokud už jste nějakou dobu grafický designér, určitě víte, jak důležité je cvičit “designérské oko”. Je to podobné jako u umělců. Ti na začátku cvičí své oko tím, že kreslí podle reality. Poté, co už nepotřebují předlohu, protože perfektně znají všechny fyzikální zákony, anatomii apod., mohou začít kreslit více volněji podle fantazie. Tím se umělec začne lišit od ostatních, vytváří si tak vlastní rukopis.

U designu je to stejné, dodržujte základní pravidla a poté můžete být uvolněnější a tvořit originální výstupy tak, aby každý věděl, že jsou vaše!

Designéři dodržují základní pravidla jako:

  1. Prostor
  2. Bílá plocha
  3. Rovnováha
  4. Hierarchie

Pracujte s prostorem, ať už s tiskovým nebo digitálním. Podle formátu se rozhodněte, kam celý design umístíte. Můžete pracovat se symetrií, která je označována jako pasivní, protože nemusíte vyvinout žádné úsilí ke čtení. Nebo pracujte s asymetrií, která vás nutí více přemýšlet, vtahuje do děje, a proto bývá označována jako aktivní.

Symetrie

A co ta bílá plocha? Čím jste zkušenější designér, tím je bílá plocha větší “kámoš“ (né žrádlo). Každý prvek designu by měl mít kolem sebe dostatečný bílý prostor, aby mohl tzv. dýchat.

Symetrie

Rovnováha nebo i rozvržení designu znamená to, jakým způsobem budete prvky designu zarovnávat

Jaký prvek má přednost? Dobře vytvořený grafický design využívá různé možnosti hierarchie neboli řazení k  tomu, aby byla vyjádřena důležitost každého prvku, a to podle seskupení, barevnosti, shodných tvarů, orientace a měřítka.

Hierarchie

A co ty obrázky?

Když už víte, co zpracováváte za informaci, jaký použijete graf a jaký budete využívat jednotný vizuální styl, začnete s tvorbou doplňujících obrázků. Existují různé druhy, různé využití, a proto je dobré vědět, co prezentují

  • Ilustrace je nakreslený obrázek popisného charakteru a bývá hodně detailní.
  • Ikona prezentuje přesný význam slova pomocí jednoduchého obrázku.
  • Symbol představuje vizuální (abstraktní i konkrétní) zobrazení jakéhokoliv významu.
  • Fotografie je nositelem emoci a zobrazuje realitu, se kterou však můžeme manipulovat pomocí editorů.

Na co nesmíte zapomenout

Je důležité zacházet stále s fakty, které jsou podnětem pro tvorbu infografiky. Proto v  každé uvádějte zdroj informací.

Pro tvorbu infografiky jsou vhodné grafické editory pracující s vektorovou grafikou, např. Adobe Illustrator.

Příběh

Co je klíčem úspěchu? Správná odpověď je příběh. Na základě vizualizovaných dat (grafů, map...) vytvoříte příběh formou textů, videí nebo obrázků popsaných v předchozí části o grafickém designu. Příběh o něčem vypovídá, zasazuje nás do souvislostí a vyvolává ve vás nějaké emoce.

Příběh si ujasněte hned na začátku a mějte ho stále na paměti v celém procesu tvorby infografiky. To se pak promítne v grafickém designu a textech provázejících infografiku.

Nejsem moc na psaní textů

Takový příběh tvoří grafičtí designéři, ale mohou při tvorbě textů spolupracovat s odborníky – žurnalisty nebo copywritery. Jejich úkolem je přepsat informace do zkrácené, čtivé a hlavně stále pravdivé formy textu, která  bude infografiku provázet.

Špatná vs správná infografika

Pokud informaci zprostředkujete špatným grafem, konečný výstup nikdo nepochopí nebo pokud použijete více grafických prvků, bude infografika nepřehledná. Proto příklady níže vám ukazují nejčastější chyby při tvorbě infografiky a jejich správná řešení.

Příběh infografiky

Jak infografika vznikala a kde se s ní můžeme setkat dnes? To vypráví příběh sahající od  pravěku po současnost. Příběh popisuje důležité milníky ovlivňující vývoj infografiky, jak ji známe dnes.

Pokud jste dočetli až do konce gratuluji! Za odměnu se dozvíte, kde můžete běžně na infografiku narazit.

Webdesign infografiku využívá jako oživující mediální prvek k textům, pro prezentaci čísel atd. V mobilních aplikacích ji používají infografiku například Dáme jídlo nebo Wolt ve svých aplikacích pro zobrazení mapy, kde se zrovna kurýr nachází.

V žurnalistice jsou užívané jako častý komunikační prostředek se čtenáři, kdy počítáme s tím, že až tehdy, kdy  vizualizované informace čtenáře zaujmou, se případně pustí do dalšího čtení.

Infografika v marketingu se stává v posledních letech trendem a používá se pro firemní prezentace, weby, blogy, sociální sítě, ale i v tiskovinách.

„Existuje nespočet dalších využití infografiky a je jen na nás, jak příležitost využijeme. Pokud máte chuť se pobavit na téma infografika nebo chcete pomoci s její tvorbou, neváhejte se mi ozvat.“

— Helena Fadrná,
autorka webu

Zdroje

AMBROSE, Gavin a Nigel AONO-BILLSON, 2011. Basics Graphic Design: Approach and Language. 1. Švédsko: AVA Publishing. ISBN 978-2-940411-35-1.

Blog: Nástroje zdarma na tvorbu infografiky, 2012. Etenim [online]. Praha: Etenim, 27. 2. 2014 [cit. 2019-07-27]. Dostupné z: http://blog.etenim.cz/nastroje-zdarma-tvorbu-infografiky/#!prettyPhoto

BRITTON, Willard Cope, 1996. Graphic methods for presenting facts. INTERNET ARCHIVE [online]. San Francisco: Internet Archive, 2006 [cit. 2019-12-15]. Dostupné z: https://archive.org/details/graphicmethodsfo00brinrich

Zobrazit všechny zdroje