{"id":7718,"date":"2018-03-25T19:56:28","date_gmt":"2018-03-25T22:56:28","guid":{"rendered":"https:\/\/blog.mindthegraph.com\/?p=7718"},"modified":"2022-10-18T08:40:42","modified_gmt":"2022-10-18T11:40:42","slug":"how-to-make-an-infographic-6","status":"publish","type":"post","link":"https:\/\/mindthegraph.com\/blog\/cs\/jak-vytvorit-infografiku-6\/","title":{"rendered":"Jak vytvo\u0159it infografiku #6 06 Chyby, kter\u00fdm se vyhnout"},"content":{"rendered":"

Jedn\u00e1 se o s<\/span>ix. p\u0159\u00edsp\u011bvek v s\u00e9rii \u00a0Jak vytvo\u0159it infografiku.<\/a> Pokud jste zme\u0161kali posledn\u00ed p\u0159\u00edsp\u011bvek, m\u016f\u017eete p\u0159e\u010dt\u011bte si ji zde<\/a>.<\/span><\/p>\n

Pokud \u010dtete tento text, pravd\u011bpodobn\u011b sledujete na\u0161i s\u00e9rii v\u00fdukov\u00fdch program\u016f. Jak vytvo\u0159it infografiku<\/em>.<\/a> Dnes budu hovo\u0159it o nej\u010dast\u011bj\u0161\u00edch chyb\u00e1ch p\u0159i tvorb\u011b infografiky. Pokud se setk\u00e1te s n\u011bkterou z t\u011bchto pot\u00ed\u017e\u00ed nebo s jinou, kter\u00e1 zde nebyla zm\u00edn\u011bna, nev\u00e1hejte se n\u00e1m sv\u011b\u0159it.<\/span><\/p>\n

Kdy\u017e u\u017e jsme u toho, poj\u010fme se nau\u010dit, jak vytvo\u0159it infografiku - neboli jak NEvytv\u00e1\u0159et infografiku<\/em><\/strong><\/h4>\n

01. Nedorozum\u011bn\u00ed v oblasti dat\u00a0<\/strong><\/h3>\n

Mnoho infografik zobrazuje data neefektivn\u011b nebo tak, \u017ee \u010dten\u00e1\u0159e sv\u00e1d\u00ed k nepochopen\u00ed. Ujist\u011bte se, \u017ee jste zvolili spr\u00e1vn\u00fd typ grafu pro to, co chcete v infografice zd\u016fraznit. Nezapome\u0148te tak\u00e9 v\u011bnovat pozornost v\u011bcem, jako je \u0159azen\u00ed, ozna\u010dov\u00e1n\u00ed, pou\u017eit\u00ed barev nebo porovn\u00e1v\u00e1n\u00ed. Tyto v\u011bci mohou m\u00edt velk\u00fd vliv na \u00fasp\u011bch va\u0161\u00ed vizualizace dat.<\/p>\n

\u00a0Na\u0161e tipy:<\/p>\n

Pokud chcete porovnat nez\u00e1vislou hodnotu, m\u011bli byste pou\u017e\u00edt sloupcov\u00fd, sloupcov\u00fd, bublinov\u00fd nebo bublinov\u00fd graf. Chcete-li v\u0161ak porovnat \u010d\u00e1sti celku, bude pravd\u011bpodobn\u011b lep\u0161\u00ed pou\u017e\u00edt kol\u00e1\u010dov\u00fd graf, koblihov\u00fd graf nebo stromovou mapu.\u00a0<\/span>Pokud pot\u0159ebujete zobrazit pr\u016fb\u011b\u017en\u00e9 zm\u011bny v \u010dase, zkuste pou\u017e\u00edt \u010d\u00e1rov\u00fd nebo plo\u0161n\u00fd graf.<\/span><\/p>\n

Stohovan\u00fd graf: Pro porovn\u00e1n\u00ed kategori\u00ed a \u010d\u00e1st\u00ed celku pou\u017eijte sloupcov\u00fd nebo sloupcov\u00fd graf. Stohov\u00fd plo\u0161n\u00fd graf by m\u011bl b\u00fdt pou\u017eit k porovn\u00e1n\u00ed trend\u016f v \u010dase.<\/span><\/p>\n

2. Redundance<\/strong><\/h3>\n

Va\u0161e infografika mus\u00ed vypr\u00e1v\u011bt p\u0159\u00edb\u011bh s d\u016fslednost\u00ed (storytelling). Mnoho lid\u00ed si v\u0161ak mysl\u00ed, \u017ee v\u0161echny \u010d\u00e1sti infografiky mus\u00ed posilovat stejnou my\u0161lenku, co\u017e m\u016f\u017ee v\u00e9st k nadbyte\u010dnosti. To pop\u00edr\u00e1 p\u016fvodn\u00ed \u00fa\u010del tvorby infografiky, kter\u00fdm je vizu\u00e1ln\u00ed zobrazen\u00ed dat, kter\u00e9 usnadn\u00ed a urychl\u00ed pochopen\u00ed hlavn\u00edho obsahu. P\u0159\u00edli\u0161 mnoho informac\u00ed a mnoho textu m\u016f\u017ee p\u016fsobit proti v\u00e1m.\u00a0<\/span><\/p>\n

Na\u0161e tipy: Zjist\u011bte, zda m\u016f\u017eete obsah infografiky zestru\u010dnit, zkr\u00e1tit nebo zp\u0159ehlednit. Mus\u00edte um\u011bt kombinovat grafiku, upravovat popisky, odstra\u0148ovat v\u00fdrazn\u00e9 fr\u00e1ze apod.<\/p>\n

3. \"Comic Sans\" nebo 50 r\u016fzn\u00fdch typ\u016f typografie<\/strong><\/h3>\n

V\u00fdb\u011br p\u00edsma, kter\u00e9 bude v infografice pou\u017eito, je opravdu d\u016fle\u017eit\u00fd. Pom\u016f\u017ee v\u00e1m to vytvo\u0159it profesion\u00e1ln\u011bj\u0161\u00ed infografiku a poskytnout \u010dten\u00e1\u0159i intuitivn\u00ed z\u00e1\u017eitek. Zejm\u00e9na pokud je va\u0161e infografika ur\u010dena pro banner nebo prezentaci, kde budou \u010dten\u00e1\u0159i ve zna\u010dn\u00e9 vzd\u00e1lenosti, vyzkou\u0161ejte, zda je v\u00e1\u0161 text dob\u0159e viditeln\u00fd a \u010diteln\u00fd. Odstavce a nadpisy jasn\u011b odd\u011blte a nepou\u017e\u00edvejte mnoho r\u016fzn\u00fdch p\u00edsem.<\/span><\/p>\n

N\u00e1\u0161 tip: Vyberte si maxim\u00e1ln\u011b 3 nebo 4 a zachovejte konzistenci. Vyb\u00edrejte tak\u00e9 p\u00edsma, kter\u00e1 jsou profesion\u00e1ln\u011bj\u0161\u00ed a snadno \u010diteln\u00e1, nap\u0159\u00edklad helvetica, gothan, . K titulku m\u016f\u017eete pou\u017e\u00edt jin\u00e9 a cool p\u00edsmo, ale vyhn\u011bte se \"comic sans\".<\/span> \u00fa\u010dinek.<\/span><\/p>\n

4. Bl\u00e1zniv\u00e9 barvy v\u0161ude<\/strong><\/h3>\n

V\u017edy chceme, aby infografika byla poutav\u00e9<\/strong> nebo tu\u010dn\u011b<\/strong>. Barvy jsou v t\u00e9to misi dobr\u00fdm spojencem. Mohou v\u0161ak b\u00fdt i va\u0161\u00edm nejv\u011bt\u0161\u00edm nep\u0159\u00edtelem. V\u0161e z\u00e1le\u017e\u00ed na va\u0161\u00ed palet\u011b. Barvy infografiky by m\u011bly zvy\u0161ovat porozum\u011bn\u00ed, nap\u0159\u00edklad akcentn\u00ed barvou, kter\u00e1 upozor\u0148uje na v\u00e1\u0161 pal\u010div\u00fd probl\u00e9m <\/a>nebo datov\u00fd bod. Ale to neznamen\u00e1 neonov\u00e9 p\u00edsmo na \u010dern\u00e9m podkladu, ano? Dob\u0159e. Dbejte na kontrast mezi textem a obr\u00e1zky, aby div\u00e1ka nebolely o\u010di.<\/p>\n

Barvy tu nejsou jen proto, aby byly kr\u00e1sn\u00e9, ale tak\u00e9 proto, aby p\u0159ed\u00e1valy poselstv\u00ed. Va\u0161e poselstv\u00ed. Pou\u017eijte je ke zlep\u0161en\u00ed porozum\u011bn\u00ed.<\/p>\n

N\u00e1\u0161 tip: Vyberte si 1 nebo 2 hlavn\u00ed barvy. Viz tento p\u0159\u00edsp\u011bvek <\/a>a dozv\u00edte se v\u00edce o barv\u00e1ch infografiky.<\/span><\/p>\n

Pokud zv\u00fdrazn\u00edte v\u0161e, bude zv\u00fdrazn\u011bno cokoli. N\u00ed\u017ee uveden\u00e1 infografika je skv\u011bl\u00fdm p\u0159\u00edkladem barevn\u00e9ho vylep\u0161en\u00ed, kter\u00e9 provedl n\u00e1\u0161 design\u00e9r.<\/span><\/p>\n

\"jak
P\u0159ed<\/figcaption><\/figure>\n

<\/h3>\n

\"jak<\/a><\/p>\n

5. Neuspo\u0159\u00e1dan\u00e1 (nebo \u017e\u00e1dn\u00e1) hierarchie<\/strong><\/h3>\n

Na jak\u00fd blok textu se m\u00e1 va\u0161e ve\u0159ejnost pod\u00edvat nejd\u0159\u00edve? Jak\u00fd je hlavn\u00ed obsah, kter\u00fd by m\u011bli zn\u00e1t v\u0161ichni va\u0161i \u010dten\u00e1\u0159i? Jak jsem ji\u017e \u0159ekl: Co je va\u0161\u00edm pal\u010div\u00fdm probl\u00e9mem? Pot\u0159ebujete p\u0159edat jasn\u00e9 sd\u011blen\u00ed, ale to je nemo\u017en\u00e9, pokud \u010dten\u00e1\u0159 ani nev\u00ed, co m\u00e1 vid\u011bt jako prvn\u00ed.<\/p>\n

N\u00e1\u0161 tip: Ne\u017e se pust\u00edte do n\u00e1vrhu, v\u017edy si nakreslete skicu. Strukturujte sv\u016fj v\u00fdtvor tak\u00e9 kolem pal\u010div\u00e9ho probl\u00e9mu, abyste \u010dten\u00e1\u0159e provedli obsahem.<\/p>\n

6. Mal\u00e1 monstra<\/strong><\/h3>\n

V\u0161ak v\u00edte,\u00a0\u010f\u00e1bel se skr\u00fdv\u00e1 v detailech. Drobn\u00e9 mali\u010dkosti, kter\u00e9 se jednotliv\u011b nemus\u00ed zd\u00e1t tak v\u00fdznamn\u00e9. Dohromady v\u0161ak mohou zp\u016fsobit obrovsk\u00e9 \u0161kody na va\u0161em v\u00fdtvoru. V\u011bnujte pozornost nedbal\u00e9mu zarovn\u00e1n\u00ed, nejednotn\u00fdm styl\u016fm ilustrac\u00ed nebo mezer\u00e1m.<\/span><\/p>\n

N\u00e1\u0161 tip: Prohl\u00ed\u017eejte a kontrolujte. Po\u017e\u00e1dejte n\u011bkoho dal\u0161\u00edho o recenzi. Vytvo\u0159te si kontroln\u00ed seznam toho, co je t\u0159eba p\u0159ezkoumat.<\/p>\n

Je snadn\u00e9 p\u0159ehl\u00e9dnout n\u011bjak\u00fd detail, ale my jsme tu, abychom v\u00e1m pomohli! Z\u00edskejte kontroln\u00ed seznam zdarma a zkontrolujte si svou infografiku. Sta\u010d\u00ed kliknout na odkaz n\u00ed\u017ee:<\/strong><\/h3>\n

\"Z\u00edskejte<\/a><\/p>\n

Pokud jste se je\u0161t\u011b nep\u0159ipojili ke slu\u017eb\u011b Pozor na graf, n\u00e1\u0161 tip zn\u00ed: Za\u010dn\u011bte nyn\u00ed<\/a>. U\u010d\u00edte se, jak vytvo\u0159it infografiku a pou\u017e\u00edvat skv\u011blou platformu, kter\u00e1 v\u00e1m bude u\u017eite\u010dn\u00e1.<\/p>\n

Jak vytvo\u0159it infografiku<\/em>\u00a0s\u00e9rie p\u0159\u00edsp\u011bvk\u016f od Mind the Graph:<\/p>\n