Úterý / Čtvrtek,
18:00–19:30
Chceš se naučit tvořit top design?
Naskoč do našeho kurzu a seznam se s Figmou. Probereme témata, jako je rozhraní, základní pojmy a principy, ale i tvorbu interaktivních prototypů. V praxi si osvojíš například tvorbu variables, stylů, komponent a objevíš, jak (si) připravit design library.
Z našeho kurzu Figmy si odneseš výtvory do portfolia a know-how od zkušeného lektora.
KURZ POTŘEBUJEŠ, POKUD:
-
Aspiruješ na designerskou pozici a chceš pracovat s Figmou Že se neorientuješ v prostředí Figmy, nevadí. V prvních lekcích se s jejím rozhraním důvěrně seznámíš, objevíš všechny její funkce, dozvíš se, jak pracovat s auto-layouty, a vytvoříš hned několik prací, kterými osvěžíš své portfolio junior designera.
-
Pracuješ v aplikacích Sketch nebo Adobe Figmu poznáš ze všech jejích stran. Zjistíš, jak ji používat ke spolupráci s dalšími kolegy, svůj účet si nastavíš přesně na míru. Díky praktickým cvičením si práci ve Figmě automatizuješ a naučíš se tvořit prototypy.
-
S Figmou už pracuješ a chceš získat nové skills V kurzu tě naučíme najít ty nejjednodušší a nejefektivnější cesty, jak vytvořit ve Figmě co potřebuješ. Mimo to získáš přehled o aktuálních trendech a skrze praktická cvičení budeš mít možnost pracovat na svém projektu a postupně ho budovat.
LEKTOR
Petr Novák
-
Design System & UI Manager, Emplifi
-
Má víc než 15 let zkušeností v oblasti designu.
-
Necelých 6 let pracoval v agentuře: nejdřív se věnoval DTP a potom grafice a UX/UI designu.
-
Víc než 9 let pracuje v Emplifi (dříve Socialbakers), aktuálně vede tým UI designérů.
-
Pracoval jako product designer a staral se o design library.
PROGRAM
-
01
Úterý 10. 12. 2024 18:00–19:30
Intro
- Představení účastníků a lektora kurzu
- Informace o průběhu kurzu
- Diskuze o očekáváních a cílech
- Práce s domácími úkoly, jejich odevzdávání, hodnocení a komunikace
- Registrace – Education program
-
02
Čtvrtek 12. 12. 2024 18:00–19:30
Úvod do Figmy
- Co je Figma
- Založení účtu
- Webová vs. desktopová aplikace, mobilní aplikace
- Integrace
- Figma community
- FigJam vs. Design file
- Rozhraní
Praktické cvičení: Registruj se a přihlas se do programu. Vytvoř a pojmenuj projekt, vytvoř soubor a nastav thumbnail.
-
03
Úterý 17. 12. 2024 18:00–19:30
Spolupráce a sdílení
- Jak spolupracovat ve Figmě
- Spolupráce na tvorbě návrhu
- Nastavení viditelnosti a sdílení souboru
- Prezentace návrhu
- DEV mode
-
04
Čtvrtek 19. 12. 2024 18:00–19:30
Práce s objekty
- Jaké objekty můžeme ve Figmě používat
- Vytvoření a nastavení objektů
- Boolean operace
- Nástroj cesty
- Masky
- Video, obrázek a vektor
- Export
-
05
Úterý 7. 1. 2025 18:00–19:30
Variables a styly
- Barvy, styly a variables
- Text a kompozice
- Přístupnost
Praktické cvičení: Vytvoř základní knihovny pro variables a styly.
-
06
Čtvrtek 9. 1. 2025 18:00–19:30
Základy Auto-layoutu, Grid a Constraints
- Grid
- Constraints vs. Auto-layout – hlavní rozdíly
- Constraints
- Auto-layout
-
07
Úterý 14. 1. 2025 18:00–19:30
Wireframes
- Co je wireframe
- Proč a kdy je dělat a v jaké kvalitě
- Tvorba wireframe ve Figmě
- Praktická ukázka vytvoření a nastavení
Praktické cvičení: Připrav wireframe podle předlohy, na kterém si zopakuješ a vyzkoušíš práci s objekty a použití variables a stylů.
-
08
Čtvrtek 16. 1. 2025 18:00–19:30
Feedback session
- Běžné problémy s domácími úkoly
- Zpětná vazba na domácí úkoly
- Diskuze o zkušenostech
-
09
Úterý 21. 1. 2025 18:00–19:30
Základy komponent
- Co jsou komponenty
- Vytvoření komponent a jejich variant
- Pojmenování komponent a strukturování v Assets
- Slučování komponent
- Kombinování komponent a vytváření nových
- Nastavení variant, properties a nested komponent
Praktické cvičení: Připrav několik základních komponent vycházejících z našeho designu a z připravených podkladů. Zorganizuj komponenty do sekcí podle jejich typů nebo účelu.
-
10
Čtvrtek 23. 1. 2025 18:00–19:30
Design library
- Co je design nebo UI library
- Jaký je rozdíl mezi design systémem a library
- Jaké jsou hlavní výhody a případné nevýhody knihoven
- Atomic design systém
- Jak vytvořit a publikovat knihovnu
- Jak napojit knihovnu na pracovní soubor a používat assety, variables a styly
- Jak si usnadnit práci a kde se inspirovat
Praktické cvičení: Vytvoř kopii z pracovního souboru a připrav nový soubor jako externí knihovnu.
-
11
Úterý 28. 1. 2025 18:00–19:30
Responzivní design ve Figmě
- Co je to responzivní design
- Velikost obrazovky a breakpoints
- Příprava velikostí souborů a jejich export
- Jak vytvořit návrh pro různá zařízení
-
12
Čtvrtek 30. 1. 2025 18:00–19:30
Základy prototypování
- Přehled funkcí
- Propojování framů a objektů
- Přidávání přechodů a animací
- Scrollování, kotvy a fixování objektů
- Používání videa v prototypech
- Tvorba interaktivních prvků, včetně rozbalovacích nabídek a karet
- Pohybování se v náhledu prototypu
Praktické cvičení: Vytvoř interaktivní prototyp z designu, který jsme připravili v předchozích lekcích.
-
13
Úterý 4. 2. 2025 18:00–19:30
Jak být vidět
- Figma a portfolio
- Portfolio mimo Figmu
- Figma Community
- Jak zaujmout náboráře a leadery
ZÍSKAT VÍCE INFORMACÍ
Pro více informací o kurzu a ceně, prosím, vyplň formulář a my tě budeme kontaktovat!