Pondělí–pátek 9:00–18:00, sobota 10:00–14:00

Návrháři v pražském ateliéru probírají wireframy a návrhy rozhraní u jednoho stolu

Přehled kurzů a nástrojů pro webový design

Tato stránka shrnuje kurzy webového designu a nástroje, které se v české nabídce objevují nejčastěji. U každé položky popisujeme, co se v ní probírá a pro koho je určená. Neuvádíme ceny ani termíny — ty se mění a najdete je přímo u pořadatele.

Jak číst tento přehled

U každé položky najdete, co se v ní probírá, pro koho je určená a jaké nástroje používá. Nejde o hodnocení, ale o popis. Pokud hledáte kurz podle úrovně nebo cíle, začněte srovnáním kurzů, kde jsou položky postavené vedle sebe. A pokud si nejste jistí, jestli je kurz praktický, podívejte se, jestli uvádí konkrétní výstup.

Co se probírá

Témata lekce: výzkum, wireframy, vizuální návrh, prototypy a testování. U nástrojových položek najdete, k čemu konkrétně slouží a kdy se vyplatí.

Pro koho je určená

Zda jde o první setkání s oborem, navazující studium, nebo nástroj pro lidi, kteří už základy návrhu mají a chtějí se posunout dál.

Jaké nástroje používá

Ať už Figma, WordPress s Elementorem, Bootstrap, nebo design systém — vždy uvádíme, s čím se v kurzu skutečně pracuje.

Nabídka se mění, jazyk nástrojů ne. Projít si ji jednou pořádně ušetří měsíce zkoušení naslepo.

Kurzy webového designu v české nabídce

Čtyři formáty, které se v Česku objevují nejčastěji: strukturovaná studijní cesta, kurzy UX/UI od základů, školení na stavbu webu a krátký úvod pro zvědavce. Liší se délkou, tempem i tím, co si z nich odnesete.

  1. Skillmea: studijní cesta UI/UX design

    Postupně a vlastním tempem

    Skillmea nabízí UI/UX design jako studijní cestu, tedy strukturovaný blok výuky, ne jednorázový kurz. Nabídka zmiňuje Figmu a jako jedno z témat uvádí Design Sprint. Zdůrazňuje praktické know-how a práci v týmu.

    Pro koho

    Pro lidi, kteří chtějí projít téma postupně a vlastním tempem, spíš než absolvovat jednu lekci a skončit.

  2. Prague UX Academy

    Od wireframu po testování

    Prague UX Academy se profiluje jako kurzy UX/UI designu pro Česko. V popisu zmiňuje výzkum, prototypy ve Figmě a adaptaci produktů pro český trh i evropské standardy. Program podle něj vede od wireframu po testování použitelnosti a design systém.

    Pro koho

    Cílí na začínající designéry, produktové manažery, marketéry i vývojáře. Hodí se pro ty, kdo chtějí proniknout do návrhu rozhraní od základů až po složitější témata.

  3. Digital school: tvorba webů

    Hotová stránka na konci

    Digital school nabízí školení zaměřené na tvorbu webů a webdesign. Kurz podle popisu staví reálné webové stránky krok za krokem a zmiňuje responzivitu pro počítač i mobil. Součástí je i propojení webu s vlastní doménou.

    Pro koho

    Pro lidi, kteří chtějí, aby po kurzu vznikla hotová stránka, kterou mohou použít nebo ukázat. Zaměření je praktické, ne teoretické.

  4. Czechitas: Úvod do UX

    Czechitas na svém webu uvádí kurz „Úvod do UX: Vyzkoušej si den v kůži designérky“ jako aktuální kurz s datem v říjnu 2026. Účastníci pracují na návrhu mobilní aplikace, odhalují potřeby uživatelů, navrhují řešení a testují ho.

    Pro koho

    Pro první zkušenost s UX. Kurz je postavený na týmové a praktické práci, takže si obor vyzkoušíte, než se rozhodnete pro delší studium.

Ruce designéra u tabletu a klávesnice při přípravě rozhraní na obrazovce

Nástroje, které české kurzy učí nejčastěji

Figma, WordPress s Elementorem, Bootstrap, design systém a Adobe Photoshop. U každého nástroje popisujeme, k čemu slouží, kdy dává smysl a s jakými tématy se v kurzech pojí. Nástroje se v nabídkách kombinují — málokdy jde o jednu izolovanou položku.

Orientační vodítko

Začínáte s návrhem rozhraní? První je Figma. Stavíte web sami a bez kódu? WordPress a Elementor. Chcete rozumět tomu, jak se responzivní rozhraní skládá? Bootstrap. Už základy máte a řešíte větší produkt? Design systém.

Co jednotlivé nástroje znamenají v praxi

Každý nástroj má v kurzu jinou roli — jeden je hlavní pracovní plocha, jiný zrychlí stavbu, další drží pořádek ve větším produktu. Vybrali jsme popisy, které vám pomohou rozhodnout se podle toho, co už umíte a co chcete umět dál.

Tým v ateliéru u stěny s vytištěnými wireframy a náčrty toků

Figma

Figma je dnes hlavní nástroj pro návrh rozhraní a prototypů a v českých kurzech se objevuje nejčastěji. Používá se pro wireframy, vizuální návrh i klikací prototypy, které lze testovat. V kurzech UX/UI je obvykle základním nástrojem, ke kterému se přidávají další témata jako výzkum nebo design systém. Pokud začínáte s návrhem rozhraní, Figma je první nástroj, se kterým se seznámíte.

Základ pro návrh rozhraní

WordPress a Elementor

WordPress je systém pro tvorbu webů a Elementor je builder, který umožňuje sestavit stránky bez kódování. V českých kurzech se objevuje hlavně u začátečníků a je spojovaný s rychlým sestavením stránky. Často se vyučuje spolu s doménou, designem a základními základy SEO. Dává smysl, když chcete web postavit sami, bez programování, a potřebujete hotový výsledek v krátkém čase.

Web bez kódování

Bootstrap

Bootstrap je CSS framework pro rychlou tvorbu responzivních rozhraní. V českém e-learningu se uvádí jako samostatný kurz a bývá součástí výuky front-endu a webdesignu. Umožňuje konzistentní layout a hotové komponenty, takže se nemusí sahat po každém stylu zvlášť. Vyplatí se, když chcete rozumět tomu, jak se responzivní rozhraní skládá, a nechcete stavět všechno od nuly v čistém CSS.

Responzivní layout

Design systém

Design systém řeší konzistentní komponenty, pravidla a varianty pro celý produkt. V českém prostředí ho Prague UX Academy zmiňuje jako součást výuky a čím dál víc se spojuje s UI designem. V praxi je důležitý pro škálování větších produktů a týmovou spolupráci, protože bez něj se návrh rozpadá, jak přibývají obrazovky. Kurzy na design systém cílí na lidi, kteří už základy návrhu mají.

Konzistence ve větším produktu

Adobe Photoshop

Photoshop je dlouhodobě používaný nástroj pro grafickou přípravu webových podkladů. V českých kurzech se objevuje hlavně u tvorby webových šablon a vizuálů. Historicky byl silně spojen s návrhem layoutů před nástupem moderních UI nástrojů. Dnes je v kurzech spíš doplňkový než hlavní nástroj pro UX/UI návrh. Dává smysl, když potřebujete upravit fotky nebo připravit grafiku do webu.

Grafika a podklady do webu

Co si u přehledu pohlídat

Proč tu nejsou ceny ani termíny?

Ceny a termíny se mění častěji, než by přehled stíhal sledovat, takže by rychle zastaraly. U každé položky proto popisujeme obsah a cílovou skupinu a aktuální cenu i termín hledejte přímo u pořadatele, kde jsou i podmínky přihlášení.

Je přehled hodnocením kurzů?

Není. Najdete tu popis, co se v kurzu probírá a pro koho je určený, ne žebříček ani recenzi. Když potřebujete položky postavit vedle sebe a porovnat podle kritérií, použijte srovnání kurzů.

Jak poznám, že je kurz praktický?

Podívejte se, jestli kurz uvádí konkrétní výstup — hotovou stránku, prototyp nebo testování s uživateli. Čím konkrétněji je výstup popsaný, tím snáz si ověříte, co si z kurzu odnesete.

Chybí tu kurz nebo nástroj, který znám

Dejte nám vědět přes kontakt a podíváme se na to. Přehled doplňujeme podle české nabídky, takže tip na kurz, který v seznamu chybí, je přesně to, co pomůže ostatním.

Večerní ulice v Praze kolem rozsvíceného okna designového studia

Chcete srovnat položky vedle sebe?

Vyberte si podle toho, co právě potřebujete: porovnat kurzy podle kritérií, přečíst si, jak vybrat kurz, nebo se nejdřív zorientovat v častých otázkách. Když narazíte na kurz, který v přehledu chybí, pošlete nám tip.

Methodles — Vodičkova 710/31, 110 00 Praha 1. Otevřeno v pondělí až pátek 9:00–18:00, v sobotu 10:00–14:00. Telefon +420 222 567 528, e-mail info@methodles.com. Ozvěte se, když si nejste jistí, kterou položku si projít první.