certifikát + záznam

Figma pro začátečníky: Navrhujte jako profesionál

Chci se vzdělávatNejbližší termín:

František Nový

Lektor akademie

Naučte se pracovat v nejoblíbenějším nástroji pro návrh webů, aplikací a uživatelského rozhraní.

Chcete navrhovat moderní webové stránky, mobilní aplikace nebo přehledné podklady pro vývojáře? Akademie “Figma pro začátečníky” vás provede od ovládání plátna až po tvorbu klikatelného prototypu. Figma je standardem v oblasti digital designu a UX/UI. V tomto 4denním programu získáte pevné základy pro práci s tímto nástrojem. Naučíte se pracovat s mřížkami, vektory, komponentami a responzivním designem. Vše si hned vyzkoušíte v praxi. Krok za krokem si navrhnete vlastní landing page, kterou můžete rovnou prezentovat klientovi.

Jak program probíhá

1. týden

Příprava, rešerše a mapa webu

Co musíme udělat ještě předtím, než otevřeme grafický editor.

Úvod do UI/UX: Jak přemýšlet nad potřebami uživatele a cíli projektu.
Analýza konkurence a moodboard: Jak zjistit, co na trhu funguje a co se klientovi líbí
Práce s firemní identitou: Loga, barevné palety a typografie.
Tvorba struktury obsahu a základy architektury webu (Sitemap).
Cvičení na projektu: Vytvoření moodboardu, definování barev/písma a sestavení obsahové struktury pro naši landing page.

2. týden

Wireframe a struktura Landing Page

Převod myšlenek do drátěného modelu a základy layoutu.

Co je to wireframe, proč je klíčový a jak šetří čas i peníze.
Základní pravidla UI/UX layoutu: Mřížky (Grid system), vizuální hierarchie a kontrast
Sestavení kostry webu: Hlavička, Hero sekce, benefity, produkty, reference a patka
Logika práce s rámci (Frames), vrstvami a zástupnými prvky ve Figmě
Cvičení na projektu: Vytvoření kompletního Low-fidelity wireframe naší Landing Page

3. týden

Vizuální styl a stavba hlavních sekcí

Přetavení drátěného modelu do reálné grafické podoby.

Převod wireframu do finálního vizuálního stylu (High-fidelity design)
Návrh ikonické Hero sekce: Práce s typografií, tlačítky, maskami a fotkami.
Základy technologie Auto Layout: Jak docílit toho, aby se prvky samy přizpůsobovaly obsahu.
Úprava detailů, odsazení (spacing) a barevné akcenty.
Cvičení na projektu: Kompletní grafické otextování a nastavení vizuálu pro hlavičku a Hero sekci webu.

4. týden

Dokončení designu, komponenty a předání (Hand-off)

Dotvoření zbývajících sekcí, efektivita práce a příprava pro vývojáře

Dokončení grafického návrhu zbývajících sekcí (cenové tabulky, kontakty, patka)
Zrychlení práce: Vytváření opakovatelných prvků (Komponenty tlačítek a karet)
Kontrola responzivity a vizuální konzistence napříč celou stránkou
Příprava podkladů pro vývoj/kodéra: Export grafik, stylů
Cvičení na projektu: Dokončení celé Landing Page, vytvoření mini-knihovny komponent a export finálních podkladů pro vývojáře.

Co se naučíte

Orientovat se ve Figmě a samostatně navrhovat čisté uživatelské rozhraní (UI).
Správný postup tvorby webu: Od výzkumu a struktury přes wireframe až po grafiku.
Samostatně ovládat Figmu a její klíčové funkce (Frames, Auto Layout, Komponenty).
Aplikovat principy UI/UX designu pro přehledný a vizuálně atraktivní web.
Připravit a vyexportovat kompletní designové podklady tak, aby podle nich mohla
vzniknout reálná stránka.

Pro koho je akademie

Pro začátečníky, kteří chtějí téma zvládnout od základů

Pro lidi z praxe, kteří se chtějí posunout na vyšší level

Pro každého, kdo chce mít reálné projekty v portfoliu

Lektor akademie

František Nový

Jako zakladatel marketingové agentury s vysokoškolským vzděláním v oboru spojuji akademické základy s ostrým světem reálného byznysu. Ve své praxi se zaměřuji na to, co v dnešním digitálním světě funguje nejlépe: kombinaci marketingu, obchodu a umělé inteligence. Mým cílem na školeních není přednášet, ale naučit vás praktické dovednosti, které okamžitě posunou vaše podnikání dopředu.