Články

Spíte dobře? Připravili jsme pro Vás články, které Vám nedají spát.

Ilustrace na webu II. - Koláče, sloupce a spousta šipek

29. 10. 2008 | Jakub Ryvola

Míváte občas pocit, že barevné grafy na vašem webu si prohlíží snad jen sami autoři? O pozornost publika se nejen na internetu bojuje každým okamžikem. I u zdánlivě konzervativních objektů, jako jsou schémata, diagramy aj., však stačí trocha kreativního myšlení a rázem si získají u uživatelů nemalou popularitu.

Sdílejte článek: del.icio.us RSS
Jakub Ryvola

Jakub Ryvola

Kreativa
Jakub pracuje v SYMBIU jako Creative Director a je hlavním kreativním a uměleckým tvůrcem realizovaných projektů. Svůj talent rozvinutý na Univerzitě Jana Evangelisty Purkyně propůjčil mnoha spokojeným klientům.
Poslední články autora:

V předchozím článku jsme nakoukli do světa ilustrace a ukázali si příklady různých stylů a jejich využití pro web. Jedna často graficky opomíjená oblast internetových stránek, ale i tištěných dokumentů, si podle mě zaslouží víc pozornosti.

Mám na mysli různé diagramy, schémata, vizualizace dat nebo třeba infografiku. Jsem přesvědčen, že i tato „datová suchařina“ se dá zpracovat poutavějším způsobem, než jsme zvyklí vídat. A proč to všechno dělat?

Netradiční zpracování zaujme

Lidé pak ilustracím věnují mnohem větší pozornost a pravděpodobně i rychleji pochopí důležité informace. V ideálním případě si svůj „objev“ nenechají jen pro sebe, a rozšíří tak vaše sdělení dál.

Netradiční zpracování je přehlednější

Sloupce v grafu s minimálním kontrastem nikoho příliš nepotěší. Při dobrém nápadu to chce jen ohlídat použitelnost a ve vašich nových grafech se už nikdo nebude ztrácet.

Dost bylo teorie. Pojďme se podívat na některé zajímavé grafy, schémata a jiné ilustrace.

Andy Warhol

Pop Art dance

Estetický půvab schémat objevil už Andy Warhol  , když v roce 1962 převáděl taneční kroky do svých pop artových obrazů. Jak je vidět, minimalistické zpracování a dostatečná velikost obrazu jsou zárukou nadčasového úspěchu. U většiny nejrůznějších grafů a tabulek, schémat, struktur společností či produktů, diagramů, vzorců a podobných objektů se zdá, že oddělení analytiků s lidmi od grafiky příliš nekamarádí. Zaběhnutý vizuální standard možná nenutí uživatele tolik přemýšlet, ale jen málokdy opravdu zaujme.



Koláčky a sloupečky

Nemusíte mít zvláštní talent pro design, abyste vylepšili nudný graf. Co takhle si trochu pohrát s typografií?

graf

3D grafy byly možná ve své době velkolepou novinkou, ale dnes už s nimi mnoho uznání nezískáte. Na samotný efekt bych nezanevřel. Jen ho originálně a vkusně využít. A hned máme například lepší přehled o tom, jak si vedou hypotéky v USA  .

hypoteky v USA

Nebo jaká slova se nejčastěji vyskytují v knihách  .

 

Chcete data prezentovat neopakovatelným způsobem? Vezměte do ruky tužku a zapomeňte na pravé úhly. Je libo trochu „energetické“ krve?

Spotreba energie - graf

Víte, jak jsou na tom ZOO v USA  ? A co Barack Obama a John McCain? Kdo je vlastně financuje  ?

 

Příkladem kombinace bohulibého záměru s přehledným zpracováním může být kampaň Virtual Water  . Možná by bylo zajímavé změřit, kolik vody spotřebuje každý z nás.

spotreba vody - schema

Schémata

Každý, kdo někdy skládal stůl z Ikey nebo chtěl vědět, co má dělat při evakuaci letadla, poznal kouzlo obrázkových schémat. Osobně mám nejradši manuály bez jakéhokoliv textu. Myslím, že se tak dá vyjádřit téměř vše. Třeba jak ořezávat tužku.

jak orezavat tuzku

Existuje mnoho výtvarných způsobů, jak přehledně zachytit firemní či myšlenkové pochody. Od ručních kreseb   až po složitější prostorové diagramy.

 

microsoft - schema

Nejen díky Microsoftu se různé firemní a výrobní procesy často zobrazují pomocí stylizovaných ortogonálních objektů. Tento typ perspektivy byl doveden k puntičkářské dokonalosti například v pixel artu, o kterém se dozvíte víc v tomto čísle zpravodaje v článku Martina Balhara.

Zvířátka v e-mailech

Probuďte svého e-mailového klienta. Při sledování interaktivní vizualizace v podobě malých chlupatých prvoků  , kteří se vám prohání po obrazovce, vás možná napadne, že váš počítač je taky tak trochu živá bytost.

 zvireci maily

3D anatomie

Matně si vzpomínám na ilustrace v učebnici přírodopisu ze sedmé třídy a myslím, že by šly určitě vylepšit. Zdařilé 3D ilustrace mohou detailně ukázat, co v sobě ukrývá například takový nafukovací pejsek či Haribo medvídek  .

 

nafukovaci anatomie

Data v pohybu

Kdo z nás by nevyměnil statické schéma za animaci se sametovým hlasem, která poučí i pobaví. Podívejte se, co dělat, když si v hlubokém lese zlomíte nohu  . 3D grafika, vtipná animace, svižná hudba a informací tak akorát. Na takto podaný obsah se každý jistě rád podívá ještě jednou.

 

zraneni v lese - animace

Doufám, že pro vás byly některé ukázky inspirativní. Jak jste sami viděli, nezáživné informace v podobě mnoha údajů a dlouhých textů se dají prezentovat i zábavnější cestou. Takže hurá do světa čísel, dat a diagramů.

Sdílejte článek: del.icio.us RSS
Vaše názory