Staňte se expertem na herní grafiku za 9 týdnů
HERNÍ GRAFIKA V PRAXI
Lukáš Caska
Lead UI/UX designér v hernímstudiu Bohemia Interactive
15. října
17. prosince
Navrhuj skvělé herní světy – bez programování!
Využij svoji vášeň pro hry a nastartuj kariéru v herní grafice a UX/UI designu.
Probereme vše, co herní grafik potřebuje: naučíš se tvořit 2D assety, pochopíš základy animace, herních enginů a herního designu. Ukážeme si, jak hráči přemýšlí, a navrhneš vlastní koncept fiktivní hry.
UX a UI v herním průmyslu rychle rostou a otevírají nové příležitosti. Znalosti využiješ nejen v gamingu, ale i v marketingu, webdesignu a tvorbě aplikací. Díky UX dovednostem získáš náskok na trhu práce.
Software: Adobe Illustrator, Adobe Photoshop, Figma
Zjistit cenu kurzu
15. října
17. prosince
Lektor
Lukáš Caska
UI/UX designér s focusem na gamedev, grafický design a marketingMomentálně pracuje na Arma Reforger a Arma 4 ve studiu Bohemia Interactive.
Vede tým UI designérů, udává vizuální směr Interface a spolupracuje s front-end týmem.
V oborech jako je grafický design, UX a UI se pohybuje bezmála 10 let.
Má zkušenosti z agentury, zejména z webového prostředí, a z in-house herního studia.
Jako UX designér, kreativec a grafik pracoval pro klienty, jako jsou Trust Gaming, Česká mincovna, Fann, Sonnentor, CK Metal, Pro-vlasy, Český ráj, T-Led, Nábytek Aldo, Ošatka.cz a další.
Kurz UI a UX designu ocení:
UX/UI designéři Chceš tvořit svoje 2D hry nebo jenom potřebuješ pochopit principy UX a UI? V kurzu UX a UI designu se naučíš pracovat s programy Adobe a dokážeš sladit UX/UI prvky s celkovou grafikou hry.
Začínající game designéři Tohle bude tvoje nejlepší rozhodnutí a první krok ke kariéře v herním průmyslu. Naučíš se tvořit assety, které dokonale zapadnou do hry. Po kurzu se vyznáš v herních mechanismech a propojíš hráče se hrou.
Začínající grafičtí designéři a 2D ilustrátoři Najít správný balanc mezi estetikou a herní funkčností může být docela výzva. V kurzu herního designu se to naučíš. Navíc poznáš principy UX/UI a dokážeš podle nich sestavit vhodné prostředí do gamesky.
Program
15. 10. Středa17:30–
19:00
19:00
Hello world – úvod do game designu a UI/UX
- Vysvětlení klíčových pojmů a konceptů UI, UX nebo design
- Rozdíl mezi UI, UX designérem a game designérem
- Jak vypadají procesy a tasky UI/UX designéra a koncept kurzu
- Než začneme aneb jak a proč dělat research, ideaci a koncept
Praktické cvičení: Level 1 – vytvoř základ GD dokumentu a vymysli koncept své fiktivní hry.
20. 10. Pondělí17:30–
19:00
19:00
Začínáme s UX a.k.a. player centered design
- Co je UX v kontextu gamedevu
- Proč je UX důležité a proč ho praktikovat
- Principy herní User Experience
- Intuitivnost a simplicita – nenuť je přemýšlet
- Aesthetic usability principle – hezčí je funkčnější
- Multiplatformnost – dovol všem hrát
- Jak vydefinovat herní cílovku a jak připravit Player personu
22. 10. Středa17:30–
19:00
19:00
Jak na user flow
- Uživatel ve středu problému – starej se o hráče
- UX „zákony“ – Miller’s Law, Hick’s law, Von Restorff Effect a Occamova břitva
- Flow – nech hráče se bavit
- Microcopy – co to je a jak na něj?
- Jak vypadá a k čemu je user flow a interakční mapa?
- Jak navrhnout user flow a jak ho používat
27. 10. Pondělí17:30–
19:00
19:00
UX testování
- UX testování – nenuť hráče přemýšlet
- Proč testovat UX svojí hry?
- Techniky pro UX testování, kvantitativní vs. kvalitativní testování, playtesty a interview
- Inkluzivita v gamedevu
- Jak přemýšlet nad použitelností/usablitou
- Design pro disability – vjemové, kognitivní a motorické
29. 10. Středa17:30–
19:00
19:00
UX/UI design 101
- Principy prototypování a wireframingu v gamedevu
- Jak a proč vytvářet wireframy a jak mohou vypadat
- Úvod do softwaru Figma
- Rozhraní Figmy a základní nástroje
- Práce s assety a layouty
- Dynamické chování prvků a layoutů
- Prototypování, jak propojit wireframe dohromady
3. 11. Pondělí17:30–
19:00
19:00
UX/UI Design 102
- Principy vizuálního designu
- Layout kompozice a white space
- Typografické minimum a na co dát pozor při výběru písma
- Teorie barev – color coding, priming a asociace
- Tvary a vizuální kódování
- UI skinning – o co se jedná a jak z wireframu vytvořit mockup
- Vytváření mockupů a na co si dát pozor
- Design together: UI skinning a tvorba mockupů ve Figmě
Praktické cvičení: Level 2 – vytvoř wireframe a mockup pro 3 screeny.
Bonusové praktické cvičení: Oskinuj jeden z mockupů a doplň ho o interaktivní prvky.
5. 11. Středa17:30–
19:00
19:00
Grafika pro UI designéry
- Role grafického designu v UI
- Úvod do Adobe Illustrator
- Rozhraní Adobe Illustrator a základní nástroje
- Práce s vektory – vektor vs. bitmapa
- Základní nástroje, tvary, plátna, pero, cestář
- Grafické cvičení – tvorba ikony
10. 11. Pondělí17:30–
19:00
19:00
Grafika pro UI designéry vol. 2
- Design together: set ikon
- Best practices při vytváření ikon a grafiky do hry
- Pixel perfect
- Power of 2/4
- LOD/Mip-mapping
Praktické cvičení: Level 3 – vytvoř set 3–6 ikon pro herní achievementy.
12. 11. Středa17:30–
19:00
19:00
Jak to všechno propojit
- Jak vytvořit mockup pomocí všeho, co jsme se naučili
- Pipeline tvorby UI od ideace až po polishing
- Paretovo pravidlo při UI/UX designu
- Ovládání, responzivita, lokalizace – na co myslet při navrhování
18. 11. Pondělí17:30–
19:00
19:00
Konzultace a feedback k úkolům
- První veřejné feedback kolečko – pojďme se podívat na mockupy a pojďme si dát feedback.
19. 11. Středa17:30–
19:00
19:00
Mission Bitmapossible – úvod do Adobe Photoshop
- Rozhraní Adobe Photoshop
- Základní nástroje Adobe Photoshop
- Práce s vrstvami, štětcem, tvary a maskami
- Tvorba 2D grafiky
- Design together: tvorba assetů pro hru
24. 11. Pondělí17:30–
19:00
19:00
Mission Bitmapossible 2 – Adobe Photoshop: pokračování
- Práce s fotografiemi, maskování a retuš
- Adjustace fotografií
- Jak na fotomontáže
- Compositing, různé nástroje
- Design together: photobashing
Bonusové praktické cvičení: Level 4 – vytvoř koncept main menu pomocí photobashingu z volně dostupných zdrojů.
26. 11. Středa17:30–
19:00
19:00
It’s alive – úvod do animace
- Základní principy animace
- Teorie animace – fázování, frame by frame a techniky
- Animace v Adobe Photoshop
- Práce s časovou osou
- Práce s 2D elementy
- Jednoduché animování 2D elementů
- Design together: animace z předem připravených podkladů
1. 12. Pondělí17:30–
19:00
19:00
Systematic design
- Tvorba design systému
- Proč je potřeba
- Jak ho vytvořit?
- Co je widget library v gamedevu a jak se tvoří
- Stavy elementů
- Color and shape coding
- Responzivita a lokalizace
- Design together: tvorba ukázkového widgetu
Praktické cvičení: Level 5 – vytvoř design systém v softwaru Figma (individuální zadání).
3. 12. Středa17:30–
19:00
19:00
When UI and 2D art come together
- Různé techniky 2D herní grafiky
- Ukázky assetů z různých her a inspirace
- Přesah UI do herní 2D grafiky
- Tvorba 2D assetů pro digitální hry
- Tvorba 2D propů a assetů pro tvorbu levelu
- Tvorba 2D textur pro assety
- Tvorba jednoduchých levelů
Praktické cvičení: Samostatný projekt – koncept fiktivní hry – individuální zadání, dle schopností účastníka kurzu.
8. 12. Pondělí17:30–
19:00
19:00
Projekt a plánování
- Zadání pro závěrečný projekt
- Step by step rekapitulace všeho, co jsme se naučili, a jak to aplikovat v projektu
- Jak projekt začít a plánovat – agilní plánování
- Nástroje pro efektivní plánování
- Různé systémy pro práci
- Spolupráce s dalšími odděleními
10. 12. Středa17:30–
19:00
19:00
Jak se udržet kreativní
- Ukázka vzorového projektu
- Jak se udržet ve flow kreativní práce
- Jak být kreativní na povel
- Proč nemultitaskovat
- Různé kreativní techniky
- Brainstorming a konzultace + otázky
15. 12. Pondělí17:30–
19:00
19:00
Prezentace projektů
- Feedback a prezentace závěrečných projektů
17. 12. Středa17:30–
19:00
19:00
Prezentace a uplatnění v gamedevu
- Prezentace zbývajících závěrečných projektů
- Jak se uplatnit v gamedevu jako UI designér
- Jak probíhá přijímací řízení a jak se na něj připravit
VÍCE
Tohle si odneseš z kurzu UX a UI designu:
Herní koncept a portfolio A v něm wireframy a mockupy pro 3 screeny, set 3–6 ikon pro herní achievementy, design systém pro herní UI a závěrečný projekt – koncept fiktivní hry, ke kterému dostaneš Lukášův odborný feedback.
Praktické UX a UI skills Definuješ cílovku pro herní koncept, vytvoříš personu a navrhneš user flow. Dokážeš se na hru podívat očima hráče, otestovat ji a vytvořit feedback. Navrhneš wireframy i mockup ve Figmě a bitmapový asset ve Photoshopu.
Základy herního oboru V kurzu herního designu získáš všechny potřebné základy, které ti pomůžou nastartovat kariéru v gamingu. Navíc jsou znalosti UX hodnotné a univerzální – využiješ je i v dalších oborech (marketing, sales, grafický design, webdesign a další).
Od základů UX/UI designu a 2D grafiky do gamedev!
15. října
17. prosince
Zaregistrujte se zde
Pro nové skills pojď na SKVOT.
Pro více informací o kurzu a účastnickém poplatku se prosím zaregistrujte.
Pro více informací o kurzu a účastnickém poplatku se prosím zaregistrujte.