Přiznám se hned zkraje, že toto školení bylo mé první za celých 7 let co se grafice a web designu věnuji. V pubertě nebyly na drahé kurzy peníze ani nálada a dnes už jsem zastáncem klidného domácího učení metodou pokusů a omylů. Ani tutoriály mě příliš neberou, prostě si v novém nástroji hraji si s funkcemi a přemýšlím při tom, jak by se daly využít. Možná to není nejefektivnější metoda, ale já jsem se tímto způsobem naučil Photoshop, Illustrator, HTML a nezbytné základy InDesignu a DTP. Rád si kupuji odborné knihy, ze kterých čerpám teorii a nasávám správné postupy. Kvalitní kniha vám navíc většinou vždy pečlivě vysvětlí, proč něco dělat a ne jen jak to dělat. Nabídky na školení grafiky jsem tedy vesele házel do SPAMu, protože jsem neměl pocit, že by mi dali o tolik více, než co se mohu naučit sám doma, na internetu nebo z knih.

Na konci ledna jsem narazil na nabídku školení od Medio Akademie, ve které mě okamžitě zaujala věta, že "grafický návrh webu není jen hezký vzhled" a že "kvalitní práce se nedělá klikáním myší". Tato slova byla přesně podle mého gusta. Věřím totiž, že i kreativní grafik by se měl soustředit na podstatu problému (proč a pro koho web vzniká) a že by měl vnímat svou práci v širším kontextu (jakým způsobem se na úspěchu projektu podílí grafika). Že by se jen neměl honit za "lajky" na DeviantArt nebo Dribbble. Mediákům jsem uvěřil, že nebudou na školení vykládat pouze o štětcích, gradientech, stínování, odborných termínech nebo o přesných postupech, ale že nám práci grafika ukážou z širší perspektivy a jako profesionálové přitom upozorní na to nejpodstatnější. Takže jsem se přihlásil, spíše ze zvědavosti, a začal jsem se těšit na tuto přidanou hodnotu. A nebudu vás napínat, dobře jsem udělal.

Výklad pokrýval v podstatě všechny důležité aspekty (web) grafické profese. Dozvěděli jsme se o nezbytných dovednostech profesionálního webového grafika, o možnostech vzdělávání a odkud čerpat inspiraci. O tom, jak vycházet s klienty a s kolegy a co tvoří řádné podklady pro práci. A také v jakém stavu bychom měli naopak my, grafici, předávat data do rukou kodéra. Připomněli jsem si pravidla kompozice a typografie. Antonín nezapomněl ani na zásady použitelnosti, přístupnosti a aktuální responsive design.

Školení bylo uceleným souhrnem praktických doporučení z různých oblastí, na které by člověk sám přicházel asi jen velmi pomalu a někdy i bolestivější cestou (špatně kryté zakázky). Osobně mi také pomohlo lépe pochopit roli grafika v celém, dnes už poměrně složitém, procesu přípravy webové stránky. Školení podle mého názoru splnilo to, co slibovalo. Vyhovělo potřebám člověka, který o grafice již trochu ví a ve Photoshopu nebo v dalších nástrojích běžně funguje, ale potřebuje se více profesionalizovat a posunout.

Výklad byl hodně intenzivní. Obsah, struktura a materiály na rozdání byly profesionálně připravené. Překvapila mě živá diskuze, která byla velice příjemným zpestřením.

Na konci jsme bohužel trochu spěchali. Ale to pouze proto, že jsme byli vyjímečně užvaněné publikum a Antonína jsme během jeho výkladu rádi přerušovali různými dotazy :-)

Nejzajímavější poznatky ze školení jsem se pokusil shrnout v následujících odstavcích. Upozorňuji, že se nejedná o výběr toho nejdůležitějšího co za celý den zaznělo. Jde spíše o problémy, se kterými jsem já osobně před školením bojoval, nerozuměl jsem jim, nebo jsem je vůbec nevnímal a které mi školení pomohlo objasnit. Některé body jsem mírně rozvedl a doplnil o vlastní pohled na věc, takže bude li něco znít jako naprostý blábol, není to vinou lektora, ale může za to moje maličkost.

Zadání, podklady a smlouvy

• Jednoznačné zadání s požadavky na grafické zpracování a s popisem cílových skupin snižuje riziko, že se při návrhu vydáme špatným směrem.
• Grafik by neměl přemýšlet nad rozložením základních stavebních prvků webové stránky (menu, hlavička, ...), ani zkoumat, co je na ní nejdůležitější. Jeho starostí je, aby všechny tyto důležité informace nebo prvky byly dostatečně výrazné a čitelné. K tomu účelu využívá barev, obrázků, typografie, kontrastu, prázdného prostoru, apod. Mezi důležité podklady proto patří co možná nejpodrobnější drátové modely (wireframy) od UX/UI specialisty.
• Neznáme li dopředu rozsah textových částí webu, může se stát, že návrh nebude na určitých místech prostorově vyhovovat a bude se muset předělávat. Před přípravou grafiky bychom tedy měli požadovat všechny textové podklady, a to především nadpisy a obsah navigace. Zapomínat bychom přitom neměli ani na popisky ostatních tlačítek, formulářová oznámení, apod. 
• Design bývá velkou měrou postaven na obrázcích. Každý obrázek má však odlišnou barevnou tonalitu, která limituje jeho využití v rámci celkového designu webu. Buď se tedy vyberou (vytvoří, nafotí) takové obrázky, které barevně korespondují s ostatní grafikou, nebo se naopak barevnost grafiky musí přizpůsobit předem vybraným obrázkům. V každém případě, obrázky a barvy se navzájem ovlivňují a nelze je od sebe oddělit. Mají li být obrázky od klienta součástí designu, je nezbytně nutné získat je v dostatečném množství hned na začátku projektu (alespoň v malém rozlišení). 
• Dobře ošetřené smlouvy nás mohou uchránit před nekonečným kolotočem korektur. 

Komunikace grafika s klientem

• Grafik ví nejlépe, které informace pro svou práci od klienta potřebuje. Ptá li se klienta na tyto věci někdo jiný, nemusí být dotazování tak efektivní (dotazy mohou být nevhodně formulovány anebo mohou jít málo do hloubky). Také při následném tlumočení odpovědí může dojít ke zkreslení informací. Přímé jednání mezi grafikem a klientem proto může být při dodržení určitých pravidel tím správným řešením. Na první schůzce je vhodné mít po ruce předem připravený dotazník pro klienta.
• Dojde li k názorovému střetu nebo k diskuzi týkající se grafického návrhu, může se grafik ve svých argumentech opřít o své odborné znalosti nebo zkušenosti. Tak lze případně prosadit řešení, která by klient za jiných okolností neschválil. Grafik je v očích klienta specialista a jeho argumenty mohou mít v odborných záležitostech větší váhu. 
• Fyzické setkání s klientem odbourá anonymitu a může přispět k oboustranné důvěře a k respektu.
• Pro úspěšné jednání s klientem jsou nezbytné základní komunikační a diplomatické schopnosti. Odborné argumenty zajistí jen neustálé vzdělávání se a sledování úspěšných řešení, například ze zahraničí.

Přesah do dalších oborů

• Grafik nemusí mít diplom z marketingu, měl by však znát obchodní cíle webu a myslet na ně při návrhu grafiky.
• Vizuální design je jen jednou ze složek podílejících se na uživatelském prožitku (UX). Přípravě grafiky předchází mnoho činností, z nichž každá vyžaduje specifické znalosti a dovednosti. Všechny aktivity jsou však vzájemné provázané. 
• Jak již bylo řečeno v souvislosti s podklady, úkolem grafika je soustředit se na vizuální kvalitu webu. Grafik by neměl přemýšlet nad tím, kam na stránce umístí menu, jestli ve formuláři použije zaškrtávací políčka nebo spíše rolovací menu, nebo jestli návštěvníkovi v orientaci pomůže drobečková navigace. Naopak, jeho starostí může být poloměr zaoblení tlačítek, barva nadpisů, výběr obrázků nebo ošetření dostatečného kontrastu mezi textem a pozadím. Cílem jeho snažení je grafika, která přispívá k lepší čitelnosti, srozumitelnosti a použitelnosti webu a k silnějšímu estetickému zážitku. Veškeré další činnosti související s návrhem webu mají na starosti ostatní odbornící a grafika by neměly až tak moc zneklidňovat. Tedy v ideálním případě, kdy je projekt dokonale finančně i personálně zajištěn. Ve skutečnosti se vždy objeví nějaký druh omezení, týmy nemohou květnat do desítek specialistů (ne vždy je k tomu rozumný důvod) a grafik prostě musí občas zastat více rolí najednou. Ve vlastním zájmu by se tedy měl zajímat o související disciplíny. Měl by tedy vědět něco o návrhování uživatelských rozhraní (UI design), případně mít povědomí o interakčním designu nebo o informační architektuře. Vítanou znalostí pro mnoho firem je, umí li grafik svůj návrh také nakódovat. Jesse Garrett definoval devět oblastí, které musí každý tým (nehledě na jeho velikost) bezpodmínečně ovládat, chce li vytvářet úspěšné webové stránky. Pokud jen jedna z těchto kompetencí týmu chybí, zvyšuje se riziko, že výsledná stránka nebude plnit očekávání návštěvníků a obchodní cíle. A zatímco programátor zuřivě kóduje šablony a nastavuje databázi, "projekťák" vymýšlí jak přechytračit konkurenci, píše nebo shání obsah a ještě komunikuje s klientem, kdo se pak postará o to, že navigace bude uživateli pomáhat a ne si z něj dělat srandu, že formuláře budou srozumitelné, že stránky budou mít "hlavu a patu"? No přece grafik! Při velmi malém počtu osob v týmu je tedy grafik tím, kdo by měl být schopen navrhnout web v konkrétní (vizuální) i v té abstraktnější rovině (zůstaneme li u Garrettovy terminologie).

Trpělivost, zpětná odezva a testování

• Některé aktivity lze rutinnou a chytrými triky urychlit a zefektivnit, ale samotná kreativní práce vyžaduje čas, protože nápady přicházejí postupně. Uspěchání se projeví na kvalitě.
• Důležité je jít s kůží na trh a nebát se kritiky. I grafiku lze určitým způsobem otestovat (dostatečný kontrast, viditelnost, ...). Návrhy pak budou lepší.

Inspirace a "cargo efekt"

• CSS galerie jsou plné inspirace. Jejich nevýhodou je, že poskytují jen velmi málo informací ze zadání projektů. Můžeme tedy ostatní návrhy obdivovat ze všech stran, ale neznáme li přesnou cílovou skupinu, funkční požadavky na web ani žádné další okolnosti projektu, které by nám umožnily objektivně zhodnotit kvalitu grafiky, může se stát, že obdivujeme pouze uhlazené potlátko. A navíc, grafika, která dobře funguje v jednom případě, nemusí stejně úspěšně fungovat v jiném případě.

Vertikání rytmus

• Mřížky jsou důležité pro zachování přehledného a profesionálního designu. Věděli jsem však, že existuje také vertikální rytmus?

Děkuji Antonínu Pospíšilovi a Medio Akademii za obohacující školení a příjemně strávený den! Poděkovat bych chtěl také Petrovi, Standovi, Michalovi a ostatním za přínosnou diskuzi.