Weblog grafika ~ píše whitwa

A pak že to na předem daný termín nikdo nestíhá :) Sice to stálo mě a mého kodéra jednu bezesnou noc a stále se musí vyřešit několik drobností, ale portfolio září na prvního září tak, jak mělo.

Tak a teď závěrečné titulky. Děkuji tímto moc Zdeňku Koštálovi za naprosto perfektní a profesionální převedení do kódu a skvělým kolegům Jiřímu, Michalovi, Tondovi a Martinovi za feedback a otevřením očí v momentech, kdy jsem měl již designu plnou halvu a nemohl se rozhodnout ani nad jednopixelovým posunem. Už jsem myslel, že vám to zadám jako zakázku kluci! ;)

No a co budu chtít po vás? No to je snad jasné ne! Pořádně a upřímně mi řekněte, jak nové portfolio vnímáte, co se vám líbí, co vám vadí, co by jste změnili a klidně i co jsem ripnul a ukradl odjinud. :D Děkuji všem. Příští cíl je snad konečně blog!

Popularity: 19% [?]

Tento článek vyšel ve Fontu o čísle 97. Ve formátu PDF si jej můžete prohlédnout zde (1,5 MB). A pokud se Vám Font také tak líbí, podpořte jej a předplaťte si ho! :)

Hailey Winstone

Ilustrátorka z Anglie Hailey zpracovala svou originální technikou řadu obzvláště „pohádkových“ kreseb a neustále hledá nové výzvy. I přes to, že její práce nejsou v porovnání s ostatními tak výjimečné, dokáže zaujmout velmi zajímavě ztvárněným portfoliem ve flashi, které také ihned po vstupu prezentuje autorčin styl.

Ana Helena Tokutake

22letá grafická designerka z Brazílie může svými zdařilými a výjimečnými pracemi s osobitým stylem spolu se širokým záběrem směle převálcovat leckterého zástupce mužského pohlaví v oboru. Račte se o těchto mých smělých tvrzeních přesvědčit sami.

Zena Holloway

Doménou této 33leté fotografky z Anglie se staly podvodní fotografie. Za tyto si zejména v posledních letech vysloužila řadu prestižních ocenění, kterým dáte zapravdu jakmile si zobrazíte prvních pár fotografií v jejím portfoliu. Fotografka díky svým schopnostem tvoří profesionální a dechberoucí fotografie a to, dámy a pánové, pod vodou a se vší parádou.

Petra Štefánková

Grafická designérka, animátorka a především ilustrátorka Petra Štefánková se narodila na Slovensku před 30 lety. Nyní žije v Londýně a v životopise se může pyšnit pestrou minulostí, jejíž součástí je řada velkých úspěchů a zajímavá klientela. Petra také přednáší a pořádá po celém světě exhibice svých prací, které si my máme možnost prohlédnout jak na jejích stránkách, tak na yetanotherface.com, jenž je galerií jejích originálních 3D ilustrací.

Jana Kudrnová

26letá absolventka magisterského studia na UTB ve Zlíně a držitelka Louskáčka působí na volné noze v Olomouci již druhým rokem, avšak s jejími pracemi jste se již pravděpodobně měli možnost setkat dříve (například povedené ztvárnění kampaně proti kouření). Jana se může pochlubit řadou ocenění a hlavně čistě a kvalitně odvedený pracemi na poli grafického designu a ilustrací.

Natalie Shau

Třiadvacetiletá kreslířka a fotomanipulátorka z Litvy tvoří díky svým schopnostem a úžasné fantazii velmi zdařilé práce s často temnou atmosférou. Nalezneme zde ilustrace, surrealistické fotomontáže, kresby a další ukázky, které mají nejen vysokou úroveň technického (a často unikátního) zpracování, ale i hlubší myšlenku spolu s originálním pojetím. Není divu, že autorka je také mezi elitou na portálu deviantART (blueblack.de­viantart.com).

Veerle Pieters

Tato grafická designerka se věnuje svému řemeslu již dlouhých 16 let. Poslední dobou se zabývá především web designem a webovými technologiemi, a mezi webaři je velmi známa svými pracemi a především udržovaným blogem s kvalitním obsahem.

Linda Bergkvist

Osmadvacetiletá švédka a digitální malířka Linda Bergkvist s pomocí snad nadpřirozeného talentu svými pracemi názorně ukazuje, čeho všeho je umělec skrz tablet schopen dokázat.
Linda kreslí velmi detailní, dechberoucí a bohaté kresby, často ve svých malbách zachycuje různé nadpřirozené jevy. Doporučuji také navštívit profil na deviantART ? enayla.devian­tart.com.

Anna Julie Aubry

Francouzská ilustrátorka působí třetím rokem na volné noze a svým osobitým stylem tvoří originální ilustrace, které si máme možnost prohlédnout v prostředí jejího příjemného portfolia.

Zhang Jingna

Teprve osmnáctiletá fotografka ze Singapuru odvádí na svůj věk profesionální práci a vedle jejich kvalit by se zastyděl i leckterý fotograf s delší praxí.

Prezentace kreativních dam je u konce. V příštím díle Perel internetu obrátím svou pozornost od jedinců a podruhé se podívám na vybraná světová studia, operující v poli grafického designu.
A pokud vy, aktivní čtenáři, by jste měli zájem do seriálu zasáhnout, posílejte mi své tipy a připomínky na me@whitwa.net. Ty podmětné v příštích dílech rád zapracuji.

A pokud hledáte předcházející díly Perel internetu, zde jsou ve výčtu:

• FONT: Perly internetu 10 – Portfolia 3
• FONT: Perly internetu 9 – Fotomanipulátoři
• FONT: Perly internetu 8 – Portfolia 2
• FONT: Perly internetu 7 – Blogy
• FONT: Perly internetu 6 – Motion Design
• FONT: Perly internetu 5 – Studia
• FONT: Perly internetu 4 – Portfolia 1
• FONT: Perly internetu 3 – Komunity
• FONT: Perly internetu 2 – Portály
• FONT: Perly internetu 1 – e-magazíny class=„akpc_pop“>Po­pularity: 22% [?]

Tento článek vyšel ve Fontu o čísle 97. Ve formátu PDF si jej můžete prohlédnout zde (2,8 MB).

V současné době rozmach internetu a jeho stále větší integrace do běžného života lidí za pomoci nových technologických trendů staví klasická tištěná média a publikace před hrozbu celkového úpadku zájmu a tím pádem i prodeje. Faktem je, že kvalita, rozsah a forma informací pohodlně dostupných na internetu prostřednictvím různých serverů, e-magazínů a v neposlední řadě i inteligentních vyhledávacích systémů se v mnoha ohledech těm tišeným vyrovnává, a v některých je i předčila. Většina vydavatelů tak správně a včas zareagovala a na nastupujícím trendu výhradně elektronických médií již vydělává. Zejména díky zpřístupnění tištěného obsahu na webových stránkách, který poté generuje zisky za pomoci reklamy. V tomto také často využívá i veškeré interaktivity a celkových možností, které webové rozhraní nabízí v podobě doprovodných videí, interaktivních animací či personalizovaných nastavení.
Díky této přidané hodnotě si tak přivádí na web jak své čtenáře, tak nové návštěvníky, kteří si zase časopis na základě kvalit webu mohou koupit. Následné výdělky z on-line reklamy jsou pak stejně tak důležité, jako z té tištěné.
Jako související zajímavost uvedu žalobu na Google ze strany belgických novin v roce 2006. Těm se nelíbilo poskytování obsahu zdarma pro vyhledávání v Google News. Začali se proto s Googlem soudit a při vyhráli. Z indexu belgického Googlu tak byl obsah webu těchto novin trvale vyřazen.

Světová scéna

Prestižní světové časopisy, jako ty uvedené níže, často naplno využívají možnosti publikace článků potenciálu přidané hodnoty. Vývojáři webových prezentací pak musí profesionálně zpracovat jak technologicky, tak vizuálně masy informací v podobě mnoha prvků a různých položek, což je často velmi náročné a ne vždy se to zvládne na jedničku.
Základem by tedy měla být čistota, jednoduchost, absence zbytečných grafických prvků, dobrá sazba a volba fontů a hlavně vhodná a fungující mřížka, kterou obsah respektuje.

Layers magazine (www.layersmagazine.com) se prezentuje prostřednictvím ukázkového webu. Vše je na svém místě dle uživatelských zvyklostí a správně vizuálně odděleno či zvýrazněno. Rovněž je příkladným serverem v rámci přidané hodnoty a celkového záběru. Ani grafická reklama není tak otravná, jako jinde.
Velmi čistý, promyšlený a rovněž kvalitně zpracovaný web má také Good magazine (www.goodmagazine.com).

Podobně dobře ztvárněný web může nabídnout i finanční měsíčník Portfolio (www.portfolio.com) s dobrou kompozicí a čistě zvládnutou sazbou.

Za to web časopisu Newsweek (www.newsweek.com) se vydal cestou zpravodajského portálu a na úvodní stránce nabídne kvantum informací. Jednoduchá grafika webu a využití obecně intuitivních záložek vede na takto zdánlivě složitém webu k vcelku uspokojivé orientaci. Vhodné je také užitá interaktivní technologie AJAX, která pro změnu obsahu nevyžaduje znovunačtení stránky.
Co se mi však již nelíbí jsou mdlé barvy využité v obsahu pod hlavičkou a především špatná mřížka, kterou navíc některé prvky obsahu ani nerespektují ? sloupce jsou jinak široké a některé prvky obsahové části jsou umístěním proporcionálně mimo. Díky tomuto působí nekonzistentním dojmem a čtenář se může na stránce hůře orientovat. Srovnejte jej s výborně zpracovaným webem deníku Guardian (www.guardian.co.uk), který je i přes obrovské kvantum informací přehledný právě díky dobré mřížce a v neposlední řadě také díky čisté sazbě s pouze těmi nejnutnějšími grafickými prvky. Povšimněte si také krásně řešené drobečkové navigace.
Za to Time (www.time.com) je ke konkurenčnímu Newsweeku.com nápadně podobný a patrné, že zde probíhá boj o návštěvníky. Každopádně ale zaboduje mnohem lépe zpracovanou úvodní stránkou a výpisem článku. Račte porovnat.

Světovou scénu bych zakončil lehkým OT v podobě e-magazínu UX (www.uxmag.com), jehož grafická podoba se velmi vyvedla a zaujme především nevšedně zpracovanou úvodní stránkou, která, narozdíl od ostatních případů, myslí i na výstupní zařízení s nižším rozlišením, kterých však v poslední době výrazně ubylo, avšak stále tu budou.

Weby tuzemských magazínů…

…celkově zklamaly. Vydavatelé těch světových nemají ve většině případů tendence věnovat pozornost webovým prezentacím. Stejně tak i naše domácí periodika prezentaci na internetu zanedbávají a jejího potenciálu využívají jen z té základní části.
Většina tak prezentaci odbyla, některá se alespoň pokusila a některá se raději schovala pod větší portály (Jak na počítač, DIGIfoto).
Z domácí scény mě tak překvapivě oslovil zpracováním pouze aktuálně nový web Fontu (www.font.cz) a také Typo magazínu (www.magtypo.cz), který má však po stránce úpravy obsahu co dohánět.

Z periodik, která na webové prezentaci zapracovala, má dobře našlápnuto web magazínu Digitální Foto (www.digifotomag.cz). Vcelku dobrou přehlednost umocní využití intuitivního záložkového menu, kde aktivní záložka vypadá opravdu tak, jak by vypadat měla.
Vzhled jednotlivých prvků se opakuje a utvářejí tak konzistentní dojem, usnadňuje orientaci. Rovněž také vizuální oddělení hlavičky od zbytku stránky a těla s obsahem od pozadí. To vše ruku v ruce se zvládnutou strukturou a uspořádáním informací na stránce dodá mnohem lepší dojem, než sebelepší grafická kreace. I když menší facelift grafiky webu a sazby textů by určitě neuškodil.

Docela překvapil i web dámského magazínu Elle (www.elle.cz) s hezkou a vcelku přehlednou kompozicí, zvládnutou strukturou a neodbytým designem. Při bližším dohledání je však pouze horší kopií www.elle.com. I když sice také již trochu připomíná web magazínu, stále to ještě není ono.

Avšak žádný web z trojice z trojice Reflex (www.reflex.cz), MF Plus (www.mfplus.cz) a Respekt (www.respekt.cz) nenaplnil má očekávání. Na web Reflexu ve stylu omalovánek (kdyby zde barvy zastupovaly alespoň jednotlivé kategorie) a s nepřístupným menu (bílé písmo na světle šedé) překvapí pouze vyhlazené nadpisy článků, vysázené písmem užívaným na stránkách časopisu (pomocí pomůcky zvané SIFr).
MF Plus grafickou stránkou jinak zvládnutého webu nezaujme a snad jen web Respektu je dobře zpracován, avšak stále nabízí obsah ve strohém a zastaralém kabátku.

A na závěr přichází web časopisu PC World (www.pcworld.cz). Stejně jako v případě magazínu Elle, i tentokrát se tvořilo dle vzhledu webové prezentace US verze (www.pcworld.com). Česká verze je však zkopírována velice nešťastně a původně dobře zpracovaný design je znásilněn a neumětelsky přepracován do méně přehledné a poutavé formy.
Například ikonky služby RSS vedle položek hlavní navigace dokáží pěkně zmást. Nehledě na to, že se navigace poté zbytečně opakuje po levé straně ve sloupci. Záměr na pcworld.com byl zcela odlišný. O celkově špatně zpracované úvodní stránce ani nemluvě.

Domácí scéna pokračuje na druhé straně spektra ? aneb jak by web časopisu (a většinou i čehokoliv jiného) vypadat neměl.

Web neweb

Časopis Dům a zahrada (http://daz.garten.cz), který se prezentuje jako nejčtenější magazín věnovaný stavbě rodinného domu a úpravě jeho okolí, by si díky svému grafickému zpracování jak tištěné formy, tak příšerné webové prezentace zasloužil buďto ránu z milosti, či kompletní redesign. Tlusté stínované bezpatkové písmo vás jako nejodvážnější grafický prvek provází jak na vytištěných stránkách, tak na grafice webu, který je v ostatních ohledech žalostně zpracovaný.
Občas je snad lepší řídit se heslem buďto pořádně, nebo vůbec.

Dalším v pořadí je web časopisu ABC (www.iabc.cz). Možná si ještě vzpomínáte na nedávný redesign loga tohoto populárně naučného časopisu pro mladé generace do trendové 3D podoby, o kterém jsme ve zkratce informovali na stránkách Fontu. Pokud jste si však mysleli, že investice časopisu do nové podoby na papíře bude jistým dílem směřovat i do tvorby nové a odpovídající webové prezentace, která bude stejnou měrou časopis propagovat na internetu, mýlili jste se. Abíčko je bohužel dalším příkladem zanedbání webové prezentace. Za hlavní navigací rolujete celou jednu obrazovku, nevhodné hovery (stav při najetí kurzoru) nadpisů a perexů vás matou a celková úroveň grafického zpracování odpovídá úrovni deset let zpátky.
Na jinak v celku obsahově bohatý web je to určitě škoda a pro časopis samotný ponižující záležitostí.

Web časopisu 100+1 (www.stoplus.cz) je krásným příkladem nevhodného zpracování. Po nepřeskočitelném megabajtovém loadingu intra se následně zjevení flashové menu, jehož odkazy vás přehodí na vizuálně zcela jinou, statickou HTML prezentaci, která pro změnu na pozadí při každém refreshi načítá půl megabajtové obrázky u kterých bych, vzhledem k širokému centrovanému layoutu, marně očekával alespoň vyplnění plochy obrázku (která stejně nikdy nebude vidět) za tělem stránky barvou pro menší datovovou zátěž. V kontrastu s dobrým rozmístěným prvků, narozdíl od ostatních webů v této kategorii, je nezvládnutá hlavička naplněná klíčovými slovy a špatně rozpoznatelnou navigací.
Celkově opět grafická úroveň minulého tisíciletí a opět zanedbání redesignu webu po nedávném přepracovaném vzhledu tištěné podoby.

Podobný výjev však poskytnou i weby sportovních magazínů Hattrick (www.hattrick.cz), ProHockey (www.prohockey.cz) a ProFootball (www.profootball.cz).

Snad nejnižší příčku obsadí weby dívčích časopisů Top Dívka (www.topdivka.cz) a Bravo (www.bravoweb.cz). Tabulkový design Top Dívky ihned upoutá 8 bodovým písmem bez řádkového prokladu a bodajícími fialovými nadpisy nepoměrné velikosti na bílém podkladu. Na obou webech by jste marně hledali jasně viditelnou strukturu a hierarchii prezentovaných informací a to ještě v kabátku, na kterém se snad podíleli i jejich náctileté čtenářky.

Popularity: 21% [?]

O to větší radost jsem tedy měl, když jsem ze stránek Smashing Magazine (odkaz níže) na písmolijnu s podivným názvem "Exljbris "narazil a mohl si tak svou typo sbírku rozšířit o atraktivní křivky písem Fontin, Fertigo a Diavlo. A další se chystají :P

Pro další kvalitní free fonty k osobnímu i komerčnímu užití se račte vypravit na následující odkazy:

• http://www.smashingmagazine.com/category/fonts/ … opravdu hezký výběr
• http://www.stormtype.com/…hop/free.php … písmolijna Františka Štorma :P
• http://www.smeltery.net
• http://www.urbanfonts.com
• http://www.whitwa.net/…isma-zdarma/ … můj starší související článek s odkazy

  Popularity: 23% [?]

PeckaDesign od roku 1998 působí jako malá rodinná webdesignérská firma se sídlem v Brně. Rozhovor poskytl Michal Horák, spoluzakladatel a ředitel studia. Prezentace firmy je k nalezení na www.peckadesign.cz.

Popularity: 20% [?]

A je zde další, již desátý díl Perel internetu, jehož obsahem jsou již po třetí portfolia grafických designérů a studií. Opět si jej máte možnost zdarma stáhnout, či vychutnat na papíře v aktuálním vydání Fontu o čísle 96. Mimochodem Font nedávno spustil nový web a začíná i na něm pravidelně vydávat články.

PDF soubor naleznete ke stažení zde (1 MB).

A pokud hledáte předcházející díly Perel internetu, zde jsou ve výčtu:

• FONT: Perly internetu 9 – Fotomanipulátoři
• FONT: Perly internetu 8 – Portfolia 2
• FONT: Perly internetu 7 – Blogy
• FONT: Perly internetu 6 – Motion Design
• FONT: Perly internetu 5 – Studia
• FONT: Perly internetu 4 – Portfolia 1
• FONT: Perly internetu 3 – Komunity
• FONT: Perly internetu 2 – Portály
• FONT: Perly internetu 1 – e-magazíny class=„akpc_pop“>Po­pularity: 18% [?]