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ý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:

  1. estetiku
  2. funkčnost
  3. 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.

  • 1
    Promyslete 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.

  • 2
    Myslete 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? 

  • 3
    Vytvoř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.

  • 4
    Nezapomeň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í.

  • 5
    Zaměř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.

  • 5
    Vytvoř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.

  • 1
    Pí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.
  • 2
    Barvy

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é?

  • 3
    Obrá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í. 

  • 4
    Designové 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.

POZOR NA

CHYBY, KVŮLI KTERÝM PŮSOBÍTE NEPROFESIONÁLNĚ

 Zdarma webinář: 

Jak na NOVÝ WEB JINAK!

Tohle musíte vědět, než se pustíte do nového webu!