certifikát + záznam
Figma pre začiatočníkov: Navrhujte ako profesionál
8
hodín
1×
týždenne
František Nový
Lektor akadémie
Naučte sa pracovať v najobľúbenejšom nástroji na návrh webov,
aplikácií a používateľského rozhrania.
Chcete navrhovať moderné webové stránky, mobilné aplikácie alebo prehľadné podklady pre
vývojárov? Akadémia “Figma pre začiatočníkov” vás prevedie od ovládania plátna až po tvorbu
klikateľného prototypu.
Figma je štandardom v oblasti digital dizajnu a UX/UI. V tomto 4-dňovom programe získate
pevné základy pre prácu s týmto nástrojom. Naučíte sa pracovať s mriežkami, vektormi,
komponentmi a responzívnym dizajnom. Všetko si hneď vyskúšate v praxi. Krok za krokom si
navrhnete vlastnú landing page, ktorú môžete rovno prezentovať klientovi.
Ako program prebieha
4 fázy · 4 týždne · postupné odomykanie
1
1. týždeň
Príprava, rešerš a mapa webu
Čo musíme urobiť ešte predtým, než otvoríme grafický editor.
- Úvod do UI/UX: Ako premýšľať nad potrebami používateľa a cieľmi projektu.
- Analýza konkurencie a moodboard: Ako zistiť, čo na trhu funguje a čo sa klientovi páči
- Práca s firemnou identitou: Logá, farebné palety a typografia.
- Tvorba štruktúry obsahu a základy architektúry webu (Sitemap).
- Cvičenie na projekte: Vytvorenie moodboardu, definovanie farieb/písma a zostavenie obsahovej štruktúry pre našu landing page.
2
2. týždeň
Wireframe a štruktúra Landing Page
Prevod myšlienok do drôteného modelu a základy layoutu.
- Čo je to wireframe, prečo je kľúčový a ako šetrí čas aj peniaze.
- Základné pravidlá UI/UX layoutu: Mriežky (Grid system), vizuálna hierarchia a kontrast
- Zostavenie kostry webu: Hlavička, Hero sekcia, benefity, produkty, referencie a päta
- Logika práce s rámcami (Frames), vrstvami a zástupnými prvkami vo Figme
- Cvičenie na projekte: Vytvorenie kompletného Low-fidelity wireframu našej Landing Page
3
3. týždeň
Vizuálny štýl a stavba hlavných sekcií
Pretavenie drôteného modelu do reálnej grafickej podoby.
- Prevod wireframu do finálneho vizuálneho štýlu (High-fidelity design)
- Návrh ikonickej Hero sekcie: Práca s typografiou, tlačidlami, maskami a fotkami.
- Základy technológie Auto Layout: Ako dosiahnuť, aby sa prvky samy prispôsobovali obsahu.
- Úprava detailov, odsadenia (spacing) a farebné akcenty.
- Cvičenie na projekte: Kompletné grafické otextovanie a nastavenie vizuálu pre hlavičku a Hero sekciu webu.
4
4. týždeň
Dokončenie dizajnu, komponenty a odovzdanie (Hand-off)
Dotvorenie zostávajúcich sekcií, efektivita práce a príprava pre vývojárov
- Dokončenie grafického návrhu zostávajúcich sekcií (cenové tabuľky, kontakty, päta)
- Zrýchlenie práce: Vytváranie opakovateľných prvkov (Komponenty tlačidiel a kariet)
- Kontrola responzivity a vizuálnej konzistencie naprieč celou stránkou
- Príprava podkladov pre vývoj/kodéra: Export grafík, štýlov
- Cvičenie na projekte: Dokončenie celej Landing Page, vytvorenie mini knižnice komponentov a export finálnych podkladov pre vývojárov.
Čo sa naučíte
- Orientovať sa vo Figme a samostatne navrhovať čisté používateľské rozhranie (UI).
- Správny postup tvorby webu: Od výskumu a štruktúry cez wireframe až po grafiku.
- Samostatne ovládať Figmu a jej kľúčové funkcie (Frames, Auto Layout, Komponenty).
- Aplikovať princípy UI/UX dizajnu pre prehľadný a vizuálne atraktívny web.
- Pripraviť a vyexportovať kompletné dizajnové podklady tak, aby podľa nich mohla
- vzniknúť reálna stránka.
Pre koho je akadémia
Pre začiatočníkov, ktorí chcú tému zvládnuť od základov
Pre ľudí z praxe, ktorí sa chcú posunúť na vyššiu úroveň
Pre každého, kto chce mať reálne projekty v portfóliu
Lektor akadémie
František Nový
Mentor
Ako zakladateľ marketingovej agentúry s vysokoškolským vzdelaním v odbore spájam akademické základy s ostrým svetom reálneho biznisu. Vo svojej praxi sa zameriavam na to, čo v dnešnom digitálnom svete funguje najlepšie: kombináciu marketingu, obchodu a umelej inteligencie. Mojím cieľom na školeniach nie je prednášať, ale naučiť vás praktické zručnosti, ktoré okamžite posunú vaše podnikanie dopredu.
