Udrž se v kurzu
Hero

Web design

REGISTrACE OTEVřENy

obrazek kurzu

Web design

Online kurz

Cena: 25 000 Kč

Dotovaná cena: 4 500 Kč

Termín: Podzim 2025

profilové foto učitele

Volná kapacita: 15/15

Navrhněte svůj vlastní web!

Praktický kurz web designu vás provede vším, co potřebujete vědět, abyste mohli navrhovat moderní webové stránky.
Celková délka kurzu je 16 hodin. Výuka probíhá o víkendech v blocích po 6 hodinách a je doplněna o tematické kvízy, samostatnou přípravu a možnost konzultace se školitelem.

OBSAH KURZU

1. Úvod do webdesignu

  • Pojmy UX a UI (User Experience, User Interface).
  • Příklady dobrého a špatného UX/UI.
  • Jak spolu UX a UI úzce souvisí při návrhu webu?
  • Principy jako konzistence, jednoduchost, kontrast, hierarchie.
  • Jak design ovlivňuje důvěryhodnost webu.

Kvíz

Arrow

Poznej rozdíl mezi dobrým a špatným UX/UI

2. Typické prvky webových stránek

  • Header, footer, navigace, hero sekce, CTA (Call to Action), formulář.
  • Struktura běžné homepage nebo landing page.

Praktická část

Arrow

Rozpoznání a analýza prvků na reálných webech

3. Proces návrhu webu – od nápadu po prototyp

  • Sběr požadavků, cílová skupina, výzkum.
  • Tvorba wireframů (drátěných modelů).
  • Design vizuálního rozhraní (UI) ve Figmě.
  • Testování a zpětná vazba před předáním do vývoje.

Praktická část

Arrow

Vytvoření jednoduchého wireframu a UI návrhu

4. Co je Figma a proč ji používat?

  • Cloudový nástroj pro design – funguje ve i webovém prohlížeči.
  • Ideální pro spolupráci v týmu (real-time editing).
  • Přehled Figma rozhraní (canvas, layers, assets, plugins).

Praktická část

Arrow

Základní orientace ve Figmě a vytvoření prvního návrhu

5. Barvy, typografie a vizuální styl

  • Výběr barevné palety a její vliv na emoce a použitelnost.
  • Pravidla pro kombinování barev (kontrast, čitelnost).
  • Základy typografie: fonty, velikosti, hierarchie textu.
  • Jak sladit vizuální styl s cílovou skupinou a značkou.

Praktická část

Arrow

Návrh barevné palety a typografie pro konkrétní projekt

6. Responzivní design a mobilní použitelnost

  • Co je responzivní design a proč je důležitý.
  • Základy grid systémů a práce s layoutem.
  • Přizpůsobení obsahu pro různé obrazovky (mobil, tablet, desktop).
  • Testování responzivity a nejčastější chyby.

Praktická část

Arrow

Návrh responzivního layoutu ve Figmě

7. Přístupnost (accessibility) a etika v designu

  • Co je webová přístupnost (WCAG, ADA).
  • Praktické tipy pro tvorbu přístupných webů (barvy, popisky, navigace).
  • Etické aspekty designu: dark patterns, inkluze, ochrana dat.

Kvíz

Arrow

Poznej přístupné a nepřístupné prvky webu

8. Spolupráce s vývojáři a předání návrhu

  • Jak připravit návrh pro vývojáře (export assetů, specifikace).
  • Komunikace mezi designérem a vývojářem.
  • Nástroje pro předávání návrhů (Figma, Zeplin, Storybook).
  • Základní pojmy: design systém, komponenty, tokeny.

Praktická část

Arrow

Předání návrhu vývojáři a ukázka exportu assetů

REGISTrACE OTEVřENy

obrazek kurzu

Web design

Online kurz

Cena: 25 000 Kč

Dotovaná cena: 4 500 Kč

Termín: Podzim 2025

profilové foto učitele

Volná kapacita: 15/15

Firemní školení na míru: Digitalizace, která dává smysl.

Napište nám, jak můžeme pomoci vám a vašim zaměstnancům.

Každá firma má své specifické potřeby – ale všechny čelí podobné výzvě: jak mít tým, který je digitálně silný, bezpečný a sebevědomý. Připravíme školení na míru vašemu odvětví, znalostem i aktuálním cílům.

Ať už jde o kybernetickou bezpečnost, finanční digitální gramotnost nebo online prezentaci firmy a zaměstnanců – vytvoříme program, který bude dávat smysl právě vám. K jednotlivým oblastem si navíc můžete objednat i samostatné odborné konzultace – podle toho, co právě potřebujete řešit nejvíce.

Školíme prakticky, srozumitelně a s respektem k vašim potřebám. Ať jste start-up, korporát, úřad nebo vzdělávací instituce – pomůžeme vám postavit tým, který se neztratí v digitálním světě.

FAQ

Proč rozvíjet digitální dovednosti právě teď?

Digitální technologie jsou dnes přirozenou součástí života – ať už jde o práci, podnikání, komunikaci nebo osobní růst. Kdo rozvíjí své digitální dovednosti, otevírá si nové možnosti, získává větší jistotu a zůstává v obraze v rychle se měnícím světě.

Svět je online – a my s ním

Každý den se pohybujeme v digitálním prostředí: komunikujeme, platíme, tvoříme, hledáme informace nebo se vzděláváme. Dobrá orientace v tomto prostoru není jen výhodou – je to dovednost, která otevírá dveře k novým příležitostem a umožňuje nám rozhodovat se svobodně a informovaně.

Kybernetická bezpečnost: Základní digitální jistota

Umět rozpoznat podvodný e-mail, chránit si hesla nebo vědět, co nesdílet online – to nejsou technické detaily, ale základní výbava každého, kdo se pohybuje v digitálním světě. Útočníci míří na běžné uživatele. A právě běžné znalosti dokážou účinně zastavit většinu hrozeb.

Digitální finanční gramotnost: Peníze pod kontrolou

Platby, nákupy, investice i správa účtů – finanční svět se odehrává převážně online. Kdo rozumí základům digitálních financí, lépe chrání své peníze, vyhne se nástrahám podvodů a rozhoduje se s větší jistotou. Znalost digitálních nástrojů přináší nejen větší bezpečí, ale i svobodu při správě vlastních financí.

Online prezentace: Buďte důvěryhodně vidět

Vaše digitální stopa o vás často řekne víc než životopis. V online prostředí je důležité působit srozumitelně, profesionálně a autenticky – ať už jako odborník, podnikatel nebo tvůrce. Dobře navržený web, promyšlený profil nebo kvalitní obsah vám pomohou být snadno k nalezení, lépe pochopeni a zapamatováni – v tom nejlepším světle.

Kurzy pro každého, kdo se chce udržet v kurzu

Kurzy na udrzsevkurzu.cz jsou pro všechny, kdo chtějí růst, držet krok s dobou a získat digitální jistotu. Vycházíme z praxe a učíme srozumitelně. Společně se naučíme to, co je dnes opravdu důležité – bez zbytečné teorie, ale s maximálním dopadem na každodenní život.