Web dizajn je tvorba vzhľadu a použiteľnosti webu, teda rozloženia, farieb, písma, obrázkov a navigácie tak, aby bol web pekný a ľahko ovládateľný. Americký úrad BLS opisuje web a digitálnych dizajnérov ako ľudí, ktorí vytvárajú digitálne rozhrania a weby s dôrazom na vizuálnu príťažlivosť a jednoduché používanie.
Z čoho sa skladá web dizajn?
Mozilla MDN vo výukovom plane uvádza tieto základné prvky dizajnu.
- kontrast a mierka
- zarovnanie a prázdny priestor
- obrázky a typografia
- farby a vizuálna hierarchia
- použiteľnosť a prístupnosť
Súvisí to s pojmami UI a UX. UI rieši vzhľad rozhrania a UX celkový zážitok z používania.
Čo robí web dizajnér?
Podľa BLS dizajnér vytvára rozloženie, funkcie a navigáciu, testuje ich v rôznych prehliadačoch a zariadeniach a kontroluje ich voči webovým štandardom a štandardom prístupnosti. V praxi vychádza z wireframov a mockupov a často používa nástroj Figma.
Čím sa web dizajn líši od vývoja webu?
BLS rozlišuje web dizajnérov a web developerov. Dizajnér rieši vzhľad a použiteľnosť, web developer web programuje a spúšťa. Na menších projektoch môže obe úlohy robiť jeden človek.
| Rola | Hlavná úloha | Typický výstup |
|---|---|---|
| Web dizajnér | Vzhľad, rozloženie, použiteľnosť | Návrh, mockup, prototyp |
| Web developer | Tvorba a spustenie funkčného webu | Kód, databáza, nasadený web |
Ako súvisí web dizajn s SEO?
Dizajn ovplyvňuje, či návštevník nájde, čo hľadá, a či je web použiteľný na mobile a pre ľudí so znevýhodnením. Dotýka sa responzívneho dizajnu, prístupnosti webu aj rýchlosti stránky. Dizajn sám o sebe poradie v Google nezaručí, no zlý dizajn môže návštevníkov odradiť, čo je náš pohľad z praxe. Pri väčšej zmene vzhľadu rozhodujeme o redizajne webu.
Čo si zapamätať o pojme Web dizajn?
Web dizajn tvorí vzhľad a použiteľnosť webu. Skladá sa z rozloženia, farieb, písma, obrázkov a navigácie a musí brať ohľad na prístupnosť. Je to samostatná rola, ktorá sa na menších projektoch často spája s vývojom.
Ako to rieši webstrankanamieru.sk: Vzhľad webu je tretí krok nášho procesu tvorby webstránky. Zahŕňa grafický návrh, rozloženie prvkov a moderný UX/UI dizajn s prehľadnou navigáciou vhodnou pre používateľov, SEO a AI SEO, aj responzívne zobrazenie. Postup popisujeme na stránke Proces tvorby webstránky.
Súvisiace pojmy: UI, UX, Responzívny dizajn, Mockup, Wireframe, Figma, Redizajn webu, Prístupnosť webu, Testovanie použiteľnosti, Web developer, Firemná identita, Ikonografia, Material Design
Často kladené otázky o pojme Web dizajn
Čo je web dizajn?
Čo robí web dizajnér?
Aký je rozdiel medzi web dizajnérom a web developerom?
Aké prvky dizajnu uvádza MDN?
Ovplyvňuje web dizajn SEO?
Zdroje
- BLS: Web and Digital Interface DesignersPopis povolania web dizajnéra.
- BLS Occupational Outlook Handbook: Web Developers and Digital DesignersRozdiel medzi web developermi a digitálnymi dizajnérmi.
- MDN: Design for developersZákladné prvky vizuálneho dizajnu a práca s dizajnovým zadaním.