Figma pro každého – první kroky v moderním webdesignu (FIG)

Grafika, 2D Grafika

Figma je moderní nástroj pro návrh uživatelských rozhraní, který umožňuje rychle vytvářet rozvržení webových stránek, komponenty a interaktivní prototypy, a to vše s pohodlnou týmovou spoluprací v reálném čase. Na tomto praktickém školení si krok za krokem osvojíte práci ve Figmě od prvního „framu“ až po klikatelný prototyp. Naučíte se používat základní nástroje, vyznat se v mřížkách a vodítkách, pracovat s komponentami a styly a správně exportovat výstupy pro kolegy či klienty. Vhodné i pro úplné začátečníky bez předchozí zkušenosti s Figmou.

TOTO ŠKOLENÍ VÁM POMŮŽE:

  • Získat jistotu v orientaci ve Figmě
  • Prakticky zvládnout základní nástroje: tvary, obrázky, text, typografie a barvy
  • Umět tvořit opakovaně použitelné komponenty a pracovat se styly
  • Propojit stránky do interaktivního prototypu pro prezentaci týmu / klientům
  • Správně exportovat a předat návrhy a připravit podklady pro další zpracování

KDO BY SE MĚL KURZU ZÚČASTNIT?

  • Začínající designéři a tvůrci webů, kteří chtějí rychle zvládnout základy Figmy
  • Markeťáci, projektoví manažeři a majitelé firem, kteří potřebují připravit wireframy či zadání pro web/aplikaci
  • UX/UI nováčci, kteří chtějí pochopit principy práce s komponentami, styly a mřížkami

KDE A KDY KURZ PROBÍHÁ?



Praha + online (volitelně)
S námi máte na výběr: Přijďte na kurz osobně do naší učebny, nebo se ke kurzu připojte online. Pokud preferujete online formu, uveďte prosím do poznámky v objednávce "Připojím se virtuálně".
Více informací k hybridní formě školení naleznete zde.
Vlastní

Náplň kurzu:

Skrýt detaily
  • Úvod do webdesignu a Figmy
    1. Základní pojmy (rozlišení, DPI vs. PPI, responzivita)
    2. Barvy a typografie v UI (stručný rámec)
    3. Rozhraní Figmy: panely, plátno, vrstvy, assets
  • První kroky ve Figmě
    1. Frames a stránky (web, mobil, různé velikosti)
    2. Mřížky, pravítka, vodítka, zarovnávání
    3. Navigace po plátně, měřítko, měření vzdáleností
  • Nástroje a objekty
    1. Tvary, ikony, výplně, obrysy
    2. Práce s obrázky a fotografiemi (vkládání, ořez, masky)
    3. Text – styly, hierarchie, základ typografie
    4. Auto Layout – kdy a proč jej použít (základy)
  • Komponenty a styly
    1. Tvorba komponent, instance, varianty
    2. Barvy, textové styly, efekty a jejich správa
    3. Základy design systému (assets, pojmenovávání, opakovatelnost)
  • Prototypování a interakce
    1. Propojování obrazovek, jednoduché přechody
    2. Stavové varianty (hover, active, pressed)
    3. Prezentace prototypu stakeholderům
  • Spolupráce v týmu
    1. Sdílení souborů, práva, verzování
    2. Komentáře a handoff, best practices komunikace
  • Export a předání návrhu
    1. Formáty exportu (PNG, JPG, SVG, PDF) a nastavení rozlišení
    2. Příprava podkladů pro web / vývoj
    3. Archivace a struktura projektu
  • Praktický mini-projekt
    1. Wireframe → maketa → interaktivní prototyp jednoduché landing page
    2. Konzultace a doporučení k dalšímu samostudiu
Předpokládané znalosti:
běžná uživatelská práce na PC; předchozí zkušenost s Figmou není nutná
Časový rozvrh:
1 den (9:00hod. - 13:00hod.)
Cena za osobu:
1 900,00 Kč (2 299,00 Kč včetně 21% DPH)
Jazyk:
Česky

Místo konání školení

Nicom

Toto školení je pořádáno ve spolupráci s agenturou Nicom, která zajišťuje jeho realizaci. Školení proběhne v jejích výukových prostorách, kde mají účastníci k dispozici veškeré potřebné zázemí a technické vybavení. Konkrétní adresa a organizační pokyny budou zaslány po registraci na vybraný termín.