Co je webdesign (design webových stránek)?
Mohlo by se zdát, že design webových stránek neboli webdesign znamená vzhled webu. Nejde ale jenom o grafiku. V termínu webdeign se toho skrývá mnohem víc: uživatelská přívětivosti (UX design), ale i technikálie, aby web nejen dobře vypadal, ale byl i snadno použitelný a funkční.
Co všechno webdesign zahrnuje?
Pod pojmem webdesign se skrývá spousta podstatných částí webu:
- rozvržení stránky,
- barvy,
- fonty,
- obrázky,
- navigace,
- responzivita (aby se stránka správně zobrazovala nejen na počítači, ale i telefonech a tabletech).
Proč je design webu tak důležitý?
Design rozhoduje o tom, jaký první dojem budou mít návštěvníci z vašeho webu. A jestli na něm zůstanou. Právě podle vzhledu a přehlednosti se rozhodují, jestli se vůbec pustí do čtení obsahu.
Skvělé texty se proto vždycky musí doplňovat s funkčním designem.
Jedno bez druhého nefunguje. Představte si nádherný vyšperkovaný web, na kterém je ale tak malý font, že slova nemůžete přečíst. A naopak, úžasný text v hrozné grafice vás vůbec nemotivuje, abyste mu věnovali čas.
Kdo se stará o webdesign?
Design webových stránek vytváří tzv. webdesigner / webmaster. Jak už asi tušíte, není to pouze grafik. Musí rozumět hned několika oborům: webové grafice, UX designu neboli uživatelské přívětivost, webařině i webových technikáliím, aby věděl, co bude na webu reálně fungovat.
Jak vypadá správný webdesign?
Musí kombinovat tři důležité prvky:
- estetiku
- funkčnost
- uživatelskou přívětivost (UX design)
Jak dosáhnout toho, aby web obsahoval všechny tři? Při tvorbě se zaměřte na všechny následující body.
- 1Promyslete si účel webu
Webdesign začíná vždycky s otázkou: jaký je cíl webu? Jinak totiž vypadají e-shopy (neboli weby zaměřené na prodej), jinak online vizitky. Zeptejte se sami sebe: Co od webu očekávám? Co je pro mě nejdůležitější? K tomuto cíli pak bude celý design webu směřovat.
- 2Myslete na návštěvníka
Pokud chcete, aby lidé na vašem webu trávili čas, připravte jim co nejlepší zážitek. Myslete na to, kdo je váš ideální zákazník a návštěvník webu. Má raději více textu, nebo jen stručné odrážky? Potřebuje vysvětlení ve videu nebo grafice?
- 3Vytvořte jednoduchou a přehlednou navigaci
Co je největší katastrofa webdesignu? Když návštěvník nemůže najít to, co hledá. Zapracujte na přehledném menu a logické struktuře stránek.
- 4Nezapomeňte na responzivitu
Většina lidí dnes prohlíží web z mobilu. Dejte si proto pozor, ať máte stránky upravené pro jednotlivá zařízení: počítač, mobil i tablet. Neresponzivní weby návštěvníky snadno odradí.
- 5Zaměřte se na funkčnost a použitelnost
Web by měl být pro návštěvníky intuitivní a snadno použitelný. Dejte pozor, aby fungovaly všechny odkazy i tlačítka a aby byly informace tam, kde je návštěvník bude očekávat. Kontakt se například vždycky dává do menu úplně napravo – je to první místo, kde ho intuitivně hledáme.
- 5Vytvořte krásný a příjemný design
Nedílnou součástí webdesignu je samozřejmě samotný vzhled. Nevíte, jak na něj? Pojďme si k němu dát pár tipů.
4 tipy, jak na moderní a funkční design webu

Nemáte k ruce webdesignera a navrhujete si web sami? Tohle jsou z mých zkušeností 4 oblasti, které rozhodují o tom, jestli designem návštěvníka přitáhnete, nebo spíš odradíte.
- 1Písmo
Kombinujte maximálně 2 různé fonty, jinak bude výsledek vypadat neprofesionálně. Vyberte si:
- Font na texty – co nejjednodušší, nejlépe bezpatkový.
- Font na nadpisy – tady můžete být kreativnější. Ale dávejte pozor, aby se dal text snadno přečíst.
- 2Barvy
Začněte střídmě. Jak základ kombinujte bílou, různé odstíny šedé a světlejší černou. Proč nepoužívat čistě černou? Lidskému oku je její světlejší odstín příjemnější.
K bílé a černé si pak vyberte další dvě barvy, které design ozvláštní. Vyzkoušejte, jak budou vypadat na tlačítkách, v nadpisech, ale i ve velkých plochách jako pozadí – jsou pro oko příjemné?
- 3Obrázky
Fotky a obrázky vytvoří ten největší designový efekt. Ale pouze v případě, že budou originální. Zapomeňte proto na fotky z fotobank a použijte své vlastní snímky. Nafoťte (klidně na mobil) svoje produkty, vaše kolegy, výrobu… nebo si zaplaťte profesionální focení. Tahle investice se vám opravdu vyplatí.
- 4Designové prvky (tlačítka, boxy…)
Ozvláštněte web tím, že na něj přidáte prvky, které okamžitě přitáhnou oči návštěvníka. Můžou to být samostatné menší boxy s textem, tlačítka, různé přechody jednotlivých sekcí stránky… Ale opět pozor. Méně je často více.
Zajímají vás další praktické tipy k designu webových stránek? Mnohem víc jich najdete v článku Designové tipy i pro váš web.
Redesign webu
Zjistili jste, že váš web nemá vyhovující podobu? V tom případě potřebuje modernizaci, tzv. redesign webu. Ozvěte se, rádi vám s novou podobou webu pomůžeme.