Schopnost tónovat černé a bílé fotografie s barvou je základem pro fotografování po celá desetiletí, a moderní obrazové editory otevírají a ochlazují snímky ve stupních šedi.

Tato koncepce stálého postupu odstínů může být použita k prezentaci informací také.

Tato technika tónování digitálních fotografií funguje dobře pro prezentaci informací a může zlepšit použitelnost.

Stejně jako gradient ukazuje řadu barev, lze použít monotónní nebo duotonek pro zobrazení řady dat.

V tomto článku se dozvídáme, jak aplikovat barvu pro zlepšení infografií.

Pokud nepočítají tržby, většina lidí nespojuje tabulky s výtvarnými fotografiemi. Ale dokonce i mimo svět účetnictví se mohou kombinovat tabulky a duotony. Trik je vědět, kdy použít barvu.

Tónování Zvětší obraz ve stupních šedi

Digitálně sepia-tónované obrazy jsou obrazy ve stupních šedi, jejichž pixely byly mírně zabarveny, obvykle s béžovou nebo modrou barvou. Oranžová nebo žlutá mohou replikovat účinek starých fotografií, které byly někdy zbarveny pigmentem sépiovým. Sépiové tóny (nebo v širším slova smyslu monotony) mohou buď "zahřát", nebo "ochladit" černobílý (ve stupních šedi), aniž by se zhoršily kompozice.

barevná fotografie, odstíny šedé fotografie a tón sépiové hudby

Rozdíl mezi obrazem v odstínech šedi a sépiovým odstínem je nádech sépie, jak je vidět nahoře. Jakákoli digitální fotografie může být změněna na sépiový tón, i když některé fotografie fungují lépe než jiné. Snímky, které se opírají více o barvu (konkrétně odstín) než o kontrast, často zhoršují přechod na odstín.

Příklad, jak některé fotografie vyžadují barvu

Úžasná růžová svítí v původním obrázku výše, ale zmizí, když se barevné odstíny stanou jednotnými. Dokonce i když by obraz mohl pracovat s odstínem, špatný odstín může překonat fotografii.

příklad monotónního příliš daleko

Pokud je barva příliš zřejmá, může se stát nádechem. Nahoře původní fotka přebírá psychedelický vzduch, když je aplikován příliš mnoho modré barvy. Cílem není přidat barvu, ale přidat "chuť".

Použití více než jedné barvy v odstínu je možné:

vzorky monotónního, duotonového a tritonového

Tyto tři typy odstínů jsou vhodně pojmenovány. Monotóny mají stejný odstín po celém snímku. Duotones používají jeden odstín pro stíny a druhý pro zvýraznění. Tritony přidávají třetí odstín pro střední tóny.

Duotony poskytují přírodní rozsahy

Tradiční tabulky a sloupcové grafy fungují ve dvou rozměrech, ale ne všechny údaje jsou vhodné pro formát sloupců řádků.

Duotone je ideální pro prezentaci řady dat, protože je samo o sobě řada barev. Esteticky vzato, směsi dvou hlavních barev vypadají, jako by patřily společně. Aplikované na data, rozsah barev má další výhody. Za prvé, protože ne každý může vidět barvy dobře , pomocí řady barev tmavých až světlých pomáhá lidem zrakové postižení vidět efekt. Za druhé, výrazné odstíny jsou užitečné pro reprezentování různých datových souborů.

Níže uvedené grafy ukazují objem prodeje smyšlené společnosti za několik let. Jak by je mohla barva zlepšit?

vzorové grafy barvy s použitými barvami

Udělejme grafy jeden po druhém:

  • 1998: Tento standardní sloupcový graf používá prostor pro vysvětlení dat. Výška a horizontální poloha každého pruhu nám říká, jak se prodej uskutečnil v každém čtvrtletí roku. Je funkční a jasné.
  • 1999: Barva-kódování tyčí přidává styl, ale neříká nic nového. Barvy mohly být použity k seskupení tyčí dohromady, ale protože každá lišta je jinou barvou, nic se nezlepšilo. Můžeme rozlišit rozdíl mezi jednotlivými pruhy stejně snadno bez barvy.
  • 2000: Používání barev vertikálně ukazuje, jak se tyče vzájemně vztahují. Například si všimněte, jak Q4 sotva dosáhne červené oblasti, fakt snadno přehlížen v prvních dvou grafech.
  • 2001: Ten poslední používá duotone, ale nepomůže. Přidání efektu bez toho, aby byly údaje více informativní, neprospívá uživateli. To je rozdíl mezi trikem a vylepšením.
vzorky monotónních grafů

Výše uvedené tabulky používají barevné varianty namísto plných pruhů. Obě verze mají stejný účel: zobrazovat tržby za čtvrtletí. Barva převede data o krok dále.

  • 2002: Bod zlomu přidává některé nové informace: prodej musí předat tento řádek, aby společnost dosáhla zisku. Graf 2002 ukazuje, že společnost provozovala ztrátu pouze za čtvrtinu.
  • 2003: Rozdíl v stínování označuje bod zlomu. Ale je to dost jasné?
  • 2004: Oblasti tyčí ukazující zisk jsou zde ještě jasněji uvedeny, ale ztráty jsme ztratili.
  • 2005: Opačný údaj v tabulce za rok 2004 označuje přírůstek nad bodem rovnováhy, což jasně ukazuje, jaký je zisk společnosti (pokud nějaký) v každé čtvrtletí a ignoruje zbytek.

Barva je mocný nástroj pro neverbální komunikaci. Kromě estetiky může být použita k organizaci. Jak jinak můžeme použít barvy v poslední sadě příkladů?

vzorky monotónních grafů
  • 2006: Gradienty ukazují, kde každý bar zasáhne známky 20 000 a 40 000 dolarů. To je užitečné, ale bod break-even je $ 30,000.
  • 2007: Čisté přechody rostou tmavší, aby ukázaly vyšší tržby - dokud nedosáhneme bod rovnováhy. Protože jsou barvy nad značkou 30 000 USD podobné barvě pozadí, vyblednou. Vysoký kontrast upozorňuje na skutečnost, že společnost získala zisk pouze za tři čtvrtiny.
  • 2008: Obracení gradientu uprostřed osy y je neobvyklým přístupem. Z toho vyplývá, že blok 20 000 až 30 000 dolarů je významný, ale není to samotný bod 30 000 dolarů. Na rozdíl od čistých gradientů pro rok 2007 však tento graf jasně označuje každých 10 000 dolarů.
  • 2009: Říká se, že některá pravidla byla porušena, ale tento graf je rozděluje bez zjevného důvodu. Žádný z odstínů neodpovídá přírůstkům dolaru a bod rovnováhy je těžké vidět. Stínování funguje nejlépe, když něco říká uživateli. Stínování pro vlastní potřebu je pouhou dekorací.

Další příklady

Tato technika není omezena pouze na grafy.

příklad textu vloženého do tabulky

Údaje výše sestavují hvězdné hodnocení kritiků pro několik filmů. Nezpracované údaje na levé straně jsou čitelné, ale nepotřebné; skenování každého řádku textu pro jeden vztažný bod je možné, ale je obtížné vidět velký obrázek. Prezentace dat v tabulce (vpravo) dává divákovi pocit všeho najednou. Můžeme alespoň jasně říci, že je pět kritiků a sedm filmů a my máme hrubý názor na to, co se jim líbilo.

Přiřazení barvy každému hodnocení hvězd by odhalilo více informací o tom, jak každý film vypadá. Ale ne všechny barvy udělají.

zdokonalené tabulky pro kontrolu filmů

Tabulka vlevo se řídí pravidly, nikoli však barevným kódováním. Rozpoznávání ratingů na první pohled je snadné, protože každá hodnota má konzistentní barvu, ale za výběrem barev neexistuje žádná logika.

Tabulka vpravo používá barvu mnohem účelněji. Tmavé odstíny jsou přiřazeny k nižším hodnotám a světelné odstíny jsou přiřazeny k vyšším. Také by to fungovalo naopak, ale efekt je stejný: rozsah odstínů je přiřazen určitému rozsahu hodnot.

Nejen, že je to více vizuálně příjemné, ale odhaluje trendy v datech. Nyní je snadné vidět, že film F dobře skóroval celkově, ale film B to neudělal, kritik 2 byl těžší potěšit než kritik 4, že všichni kritici měli rád film F, ale ne film D a že nesouhlasili s filmem A. Různé odstíny stejného odstínu, pak může odhalit více než samotná data.

Monotóny a duotony fungují nejlépe, když jsou informace uspořádány ve vrstvách, úrovních nebo rozsahu. Například:

graf průměrných vysokých a nízkých teplot

Zdroj: infoplease

plán událostí

Zdroj: Událost mimo, Boston 2010


Napsáno výhradně pro Webdesigner Depot by Ben Gremillion . Ben je nezávislý webový designér, který řeší komunikační problémy s lepším designem.

Kde jinde může monotónní nebo duotonní vysvětlit informace? Podělte se o své myšlenky do níže uvedené poznámky.