1. Závěrečný úkol – KPI
Argumentace
Tento text jsem sepsala v květnu pro účely předmětu Blok expertů (téma mi tedy bylo zadáno,
nedefinovala jsem jej). Jedním z nabízených témat byl právě webdesign jako obor, jelikož jedním
z přednášejících byl i Jan Řezáč, přední česká osobnost tohoto oboru. Sama mám k webdesignu velmi
blízko, ačkoliv v době sepsání textu jsem ještě nestudovala žádný obor jemu příbuzný. Zajímám se o
něj už delší dobu a sama se mu ve volném čase věnuji. Mohla jsem si tedy být jistá, že můj text bude
aspoň trochu fundovaný a proto jsem si toto téma vybrala.
Anotace
Slovníkové heslo se zaobírá webdesignem jako oborem. Definuje jej tedy jako pojem, a to několika
způsoby dle různých kontextů, v kterých se používá. Vysvětluje, co všechno webdesign obnáší a jaké
další obory využívá a spolupracuje s nimi. Heslo se rovněž snaží přiblížit specifika grafického designu a
typografie na webu. Informuje čtenáře rovněž o široké škále nástrojů, které webdesignéři ke své práci
používají.
Klíčová slova
Webdesign, tvorba webů, webové stránky, internet, typografie.
Webdesign jako obor
Charakteristika
Webdesign je široký pojem s několika různými definicemi. Předně jde o proces návrhu webových
stránek a jejich udržování.1 Může také označovat soubor dovedností používaných při vytváření a
spravování webových stránek.2Název webdesign také může referovat na samotný obor, nicméně o
jeho definici se v (českých) odborných kruzích stále vedou diskuse, protože stojí na pomezí umění a
řemesla a je jen na konkrétním odborníkovi, ke které stránce se přiklání více.3
Zaměření
Webdesign jako takový je velice široký obor, pod kterým se skrývá hned několik různých zaměření.
Každé z nich tvoří ve webových agenturách svou vlastní pracovní pozici. Webdesign má blízko i k
marketingu, obsahové strategii, psychologii a dalším oborům. K tomu, aby mohla webová stránka
vzniknout, je potřeba vyřešit i nakódování, obsah, zabezpečení a další aspekty, které k tvorbě
webových stránek náleží, tedy technické aspekty webdesignu.4Freelanceři neboli webdesignéři na
volné noze většinou ovládají jednu z těchto činností a v ostatních mají základní přehled nebo kontakty
na další odborníky. Podobory webdesignu jsou ale propustné a freelanceři se často v rámci své kariéry
věnují i dvěma nebo více oborům nebo přechází od jednoho k druhému.
1
PHILIS, Troy. Web Design Definition. Pleasanton Web Design [online]. 2007 [cit. 2012-05-21]. Dostupné z:
http://pleasantonwebdesignblog.com/2007/01/web-design-definition.html
2
Webdesign. In: Wikipedia: the free encyclopedia [online]. San Francisco (CA): WikimediaFoundation, 2001- [cit.
2012-05-21]. Dostupné z: http://en.wikipedia.org/wiki/Webdesign
3
ŘEZÁČ, Jan. Umění nebo řemeslo?Filův blog o webdesignu [online]. 2007 [cit. 2012-05-21]. Dostupné z:
http://blog.filosof.biz/umeni-nebo-remeslo/
4
LELAND, Rich. Theambiguityof "web developer".Mathematism [online]. [2010] [cit. 2012-05-21]. Dostupné z:
http://mathematism.com/2010/01/12/ambiguity-web-developer/

2. Kromě grafického designu využívá webdesign následující obory a schopnosti:
UX design
UI design
informační architektura
interakční design
kódování a programování
copywriting
SEO
internetový marketing
nauka o přístupnosti webů
a další.
Grafický design je nicméně důležitou součástí webdesignu – právě design může uživatele zaujmout a
pobídnout ho, ať si stránky prohlédne blíže a seznámí se s nimi (a tím pádem i s vámi). Vzhled webu
by ale nikdy neměl mít přednost před použitelností nebo přístupností, jak vysvětluje Jan Řezáč ve své
přednášce.5Grafický design na webu má rovněž svá vlastní pravidla a oplývá řadou dalších, jemu
vlastních specifik. Jak zmiňuje Mark Boulton ve své knize A PracticalGuide to Designingforthe Web6,
od klasického grafického designu se liší například tím, že designér nikdy nemůže vědět, jaká platforma
jím navrženou stránku zobrazí a musí tak brát v úvahu různá rozlišení přístrojů, rozdíly prohlížečů,
které se používají a řadu dalších faktorů. Web jako takový se také nesmírně rychle vyvíjí, takže
webdesignér musí být vždy ve střehu a nikdy se nepřestat učit, pokud chce obstát v konkurenčním
prostředí.
Webdesignér by měl rovněž zvládat základy typografie, neboť její webová odnož má svá specifická
pravidla. Na obrazovku se především hodí jiná písma než do tisku. Je také potřeba vzít opět v úvahu
fakt, že ne všichni mají stejné zobrazovací zařízení, zvlášť dnes v době využití mobilních telefonů a
tabletů na brouzdání po internetu. Dalším problémem jsou různé znakové sady, pokud stránka není v
angličtině. Důležitý pro typografii ve webdesignu je samozřejmě i vzhled – obloukem se tedy vracíme
zpět ke grafickému designu.
Nástroje
Webdesignéři používají široké spektrum různých nástrojů. Může to být obyčejná tužka a papír na
kreslení wireframů nebo drahý software pro vytváření grafiky jako například Adobe Photoshop.
Kodéři a programátoři využívají specializovaného softwaru na programování, ale i obyčejných
textových editorů. Pro SEO odborníky jsou důležité nástroje na sledování statistik stránky (Google
Analytics a další). Součástí webdesignu může být i návrh koncepce propojení stránky se sociálními
sítěmi, pro jejichž údržbu se pak používají buď samotné sociální sítě nebo externí nástroje, např.
Hootsuite. Webdesignéři také využívají množství webových zdrojů, například pro vyhledávání písem
uvolněných pod licencí CreativeCommons nebo (v případě kodérů) různých externích knihoven pro
Javascript aj. Populární jsou také různé webové magazíny a komunitní servery, které slouží pro
sebevzdělávání a sdílení svých zkušeností s ostatními lidmi z jejich oboru, např. SmashingMagazine.7
5
ŘEZÁČ, Jan. Úvod do webdesignu. 2012 [cit. 2013-01-05]. Dostupné z: http://vimeo.com/39526905
6
Designingforthe web. BOULTON, Mark. A PracticalGuide to Designingforthe Web. Penarth, U.K: Mark Boulton
Design, 2009, p. 3-7. ISBN 978-0-9561740-1-7.
7
http://www.smashingmagazine.com/

3. Specifickou odnoží jsou potom galerie webdesignu 8 sloužící nejen jako inspirace, ale také jako
platforma pro sdílení zkušeností a jednu z cest za ještě lepším designem webových stránek.
8
např. http://www.cssheaven.com/

4. Zdroje
Okomentuji pouze tři (monografii, článek, webová stránka), jak je uvedeno v zadání úkolu – obávám
se totiž, že u dalších zdrojů bych musela akorát opakovat ty stejné argumenty. Stejně tak bych se
chtěla omluvit, že neuvedu všude pět bodů – nejsem zastáncem tahání argumentů „z paty“, pokud
stejně dobře stačí třeba argumenty tři.
BOULTON, Mark. A practicalguide to designingforthe web. Penarth, U.K:Mark Boulton Design, 2009,
252 p. ISBN 978-095-6174-017.
- autor je odborníkem ve svém oboru
- kniha mi byla doporučena na semináři webdesignu, který jsem absolvovala na MU
- monografie má sloužit jako praktický úvod do webdesignu pro grafické designéry
- proto jsem její první kapitolu použila v části, která se grafickým designem na webu zaobírá
Webdesign. In: Wikipedia: the free encyclopedia [online]. San Francisco (CA): WikimediaFoundation,
2001- [cit. 2012-05-21]. Dostupné z: http://en.wikipedia.org/wiki/Webdesign
- anglickou Wikipedii považuji za spolehlivý a relevantní zdroj, zejména pokud jde o hesla
nepopsaná v tradičních slovnících a encyklopediích
- pomohla mi s definováním pojmu webdesign
- posloužila jako základní osnova pro toto slovníkové heslo
- posloužila také jako rozcestník k dalším zdrojům, z kterých bych mohla čerpat
Web development. In: Wikipedia: the free encyclopedia [online]. San Francisco (CA):
WikimediaFoundation, 2001- [cit. 2012-05-21]. Dostupné z:
http://en.wikipedia.org/wiki/Web_development
LELAND, Rich. Theambiguityof "web developer".Mathematism[online]. [2010] [cit. 2012-05-21].
Dostupné z: http://mathematism.com/2010/01/12/ambiguity-web-developer/
PHILIS, Troy. Web Design Definition. Pleasanton Web Design [online]. 2007 [cit. 2012-05-21].
Dostupné z: http://pleasantonwebdesignblog.com/2007/01/web-design-definition.html
NOACK, Shannon. A Basic LookatTypography in Web Design. SixRevisions: UsefulInformationfor Web
Developers&Designers. [online]. 2010 [cit. 2012-05-21]. Dostupné z:
http://sixrevisions.com/web_design/a-basic-look-at-typography-in-web-design/
ŘEZÁČ, Jan. Jak začít s webdesignem. Filův blog o webdesignu [online]. 2007 [cit. 2012-05-21].
Dostupné z: http://blog.filosof.biz/jak-zacit-s-webdesignem/
ŘEZÁČ, Jan. Úvod do webdesignu. 2012 [cit. 2012-05-21]. Dostupné z: http://vimeo.com/39526905
- přednáška, která zazněla na Bloku expertů a byla vlastně původní inspirací pro toto heslo
- Jan Řezáč je uznávaný český webdesignér
- v jeho přednášce se objevila spousta zajímavých myšlenek, např. Maslowova pyramida
webdesignu, kterou zde také stručně zmiňuji
- ze stejného důvodu jsem použila i článek z jeho blogu, který řeší mezi českými webdesignéry
stále aktuální problém – webdesign jako umění nebo řemeslo?

5. Myšlenková mapa