Úterý / Čtvrtek,
18:00 – 19:30
Staň se profíkem na Figmu vzatým a začni tvořit designy, ze kterých bude přecházet zrak.
Hledáš aplikaci, ve které se i nemožné stává možným? Takovou aplikací je právě Figma. Nauč se v ní chodit a pracovat a začni tvořit designové projekty, které doteď žily jen ve tvé hlavě. Seznam se s rozhraním Figmy, zjisti, jak svoje výtvory sdílet a jak tvořit interaktivní prototypy. Osvoj si tvorbu variables, stylů, komponent a objev, jak (si) připravit design library. Využij potenciál Figmy naplno a využij ji ke tvorbě svého profi portfolia.
KURZ JE PRO TEBE, 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 rozhraním Figmy seznámíš víc než důvěrně, objevíš všechny její funkce, dozvíš se, jak pracovat s auto-layouty a vytvoříš hned několik prací, se kterými osvěžíš své portfolio.
-
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 domácím úkolům si práci ve Figme automatizuješ a naučíš se tvořit prototypy.
-
Jsi juniorní designér*ka, s Figmou už pracuješ a chceš získat nové skills V kurzu tě naučíme hledat a najít ty nejjednodušší a nejefektivnější cesty, jak věci dělat. Mimo to získáš přehled o aktuálních trendech, díky domácím úkolům budeš mít možnost pracovat na svém projektu a postupně ho budovat.
-
Děláš grafický design a hledáš další skvělý tool Naučíš se pracovat s komponentami, spravovat designy a sdílet svoje výtvory s týmem i klienty v reálném čase. Figma je totiž naprosto geniální nástroj pro spolupráci na grafických projektech.
LEKTOR
Petr Novák
-
Design system & UI manager, Emplifi
-
14+ let zkušeností v oblasti designu
-
6 let pracoval v agentuře: prošel přes DTP, grafika až po UX/UI designera
-
8+ let pracuje v Emplifi
-
Pracoval jako product designer, zaváděl designové knihovny do Figmy a podílel se na UI celého produktu
-
Aktuálně vede tým UI designérů, je zodpovědný za plánování designového systému a rozvoj a udržování designových knihoven ve Figmě
-
Přes 8 let se také věnuje side projektům
-
Pomáhal s designem e-shopu Lekarna.cz a designoval mobilní aplikace pro Cybex a Evenflo
PROGRAM KURZU
-
01
Úterý 30. 4. 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 2. 5. 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í
Domácí úkol:
Registruj se a přihlas se do programu. Vytvoř a pojmenuj projekt, vytvoř soubor a nastav thumbnail. -
03
Úterý 7. 5. 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 9. 5. 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ý 14. 5. 2024 18:00 – 19:30
Variables a styly
- Barvy, styly a variables
- Text a kompozice
- Přístupnost
Domácí úkol:
Vytvoř základní knihovny pro variables a styly. -
06
Čtvrtek 16. 5. 2024 18:00 – 19:30
Základy Auto-layoutu, Grid a Constraints
- Grid
- Constraints vs. Auto-layout – hlavní rozdíly
- Constraints
- Auto-layout
-
07
Úterý 21. 5. 2024 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í
Domácí úkol:
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 23. 5. 2024 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ý 28. 5. 2024 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
Domácí úkol:
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 30. 5. 2024 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
- Představíme si atomic design systém
- Naučíme se 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
Domácí úkol:
Vytvoř kopii z pracovního souboru a připrav nový soubor jako externí knihovnu. -
11
Úterý 4. 6. 2024 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 6. 6. 2024 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
Domácí úkol:
Vytvoř interaktivní prototyp z designu, který jsme připravili v předchozích lekcích. -
13
Úterý 11. 6. 2024 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!