Design Webu s Figma - Pokročilé Techniky (36 hodin)

Úroveň: Pokročilí

Cena: 27 000 Kč

Stručný popis: Prohlubte své dovednosti v designu webu s Figma a naučte se pokročilé techniky pro tvorbu interaktivních prototypů, responzivních designů a komplexních webových aplikací.

 

Cíle kurzu:

  • Používat pokročilé funkce Figmy pro interaktivní prototypování.
  • Vytvářet responzivní designy pro různé velikosti obrazovek.
  • Designovat komplexní webové aplikace s Figma.
  • Pracovat s komponentovými knihovnami a systémy designu.
  • Exportovat design pro vývojáře a připravit design na implementaci.

Osnova kurzu (36 hodin):

  • Modul 1: Pokročilé prototypování (12 hodin)
    • Používání proměnných a podmíněných akcí pro interaktivní prototypy.
    • Vytváření animací a přechodů v Figma.
    • Integrace prototypů s externími službami (Airtable, Google Sheets).
    • Testování a iterace prototypů na základě uživatelské zpětné vazby.
    • Vytváření komplexních prototypů pro mobilní a webové aplikace.
  • Modul 2: Responzivní design (8 hodin)
    • Principy responzivního designu.
    • Používání auto layoutu a constraints pro tvorbu responzivních komponent.
    • Vytváření variant komponent pro různé velikosti obrazovek.
    • Testování responzivního designu v různých zařízeních.
  • Modul 3: Design systém a komponentová knihovna (8 hodin)
    • Principy design systémů a knihoven.
    • Vytváření a správa komponentových knihoven ve Figmě.
    • Automatizace procesu designu pomocí komponent a stylů.
    • Spolupráce s vývojáři na tvorbě design systému.
  • Modul 4: Převod designu pro vývojáře (8 hodin)
    • Export assetů a kódových snippetů pro vývojáře.
    • Používání nástrojů pro generování kódu (HTML, CSS, React).
    • Komunikace a spolupráce s vývojáři na implementaci designu.
    • Zajištění konzistence a přesnosti implementace designu.

Metody výuky:

  • Interaktivní přednášky a prezentace.
  • Praktické workshopy a projekty.
  • Individuální konzultace a feedback.

Cílová skupina:

  • Weboví designéři a UI/UX designéři se zkušenostmi s Figma.
  • Frontend vývojáři, kteří chtějí porozumět procesu designu.
  • Vedoucí týmů designu, kteří chtějí zavést efektivní procesy.

Předpoklady:

  • Znalost základů webového designu.
  • Znalost základů práce s Figma.

Výstupy kurzu:

  • Účastníci budou schopni používat pokročilé funkce Figmy pro interaktivní prototypování.
  • Budou schopni vytvářet responzivní designy pro různé velikosti obrazovek.
  • Budou schopni designovat komplexní webové aplikace s Figma.
  • Budou schopni pracovat s komponentovými knihovnami a systémy designu.
  • Budou schopni exportovat design pro vývojáře a připravit design na implementaci.

Materiálně technické zabezpečení:

  • Počítače s přístupem k internetu a nainstalovanou Figmou (zdarma).
  • Přístup ke knihovnám a šablonám ve Figmě.
  • Tištěné a digitální materiály.

Certifikace:

  • Osvědčení o absolvování kurzu.