Webový design. UX/UI - kurz 66 360 rub. z Moscow Digital Academy, školení, Datum: 29. listopadu 2023.
Různé / / November 30, 2023
Mnoho našich studentů, kteří přišli z nuly, pracuje ve známých digitálních agenturách, IT společnostech nebo jako freelanceři po celém světě.
Intenzivně a zajímavě rozvíjíme vaše dovednosti
Mluvíme jednoduchými slovy o složitých věcech – bez vody a dlouhých nudných přednášek. Přednášky v délce 15-20 minut jsou snadno pochopitelné a stravitelné. Vytvořili jsme unikátní simulátory pro Figma, reference a UX, které vám pomohou rychle zvládnout složitá témata a zdokonalit praktické dovednosti. Náš jedinečný simulátor Figma vám pomůže rychle a snadno zvládnout Figmu.
Dobrá zpětná vazba je klíčem k úspěchu
Naši mentoři, kteří jsou praktikujícími designéry, vám pomohou vylepšit vaše projekty a zodpoví jakékoli, i ty „nejhloupější“ otázky. Zpětná vazba bude k dispozici po celou dobu kurzu.
Živé workshopy
Rádi se setkáváme s našimi studenty, proto pro vás pořádáme živé workshopy, společně cvičíme a navazujeme nové digitální známosti. Na workshopech vytváříme atmosféru podobnou práci ve studiu, abychom děti ponořili do procesu tvorby návrhu a obhajoby projektu jako tým.
Komunitní chat a podpora 19/7
Připojte se k designérské komunitě od prvních dnů vašeho studia. V chatech studenti sdílejí svou práci a užitečné zdroje a kurátoři akademie pohotově odpovídají na jakékoli dotazy.
Pokud již jste designér, máte vlastní portfolio a chcete k němu dostávat komentáře, pošlete odkaz na své portfolio – zanalyzujeme vaši práci, nastíníme kariérní cestu a řekneme vám, jak se můžete zlepšit.
Analýza portfolia a tipy na jeho zlepšení
Vedoucí designér a tým MDA zanalyzují vaše portfolio a řeknou vám, jaké dovednosti byste měli zlepšit a kam se dále posunout. Pomůžeme vám také napsat skvělý motivační dopis pro vaši vysněnou společnost. Můžete si vybrat vhodný formát zpětné vazby – videohovor nebo korespondence přes sociální sítě.
Chatujte s volnými místy
Zveřejňujeme volná místa od partnerských společností, našich absolventů a jednoduše cool volná místa pro juniory a střední v designu. Nezapomínejte na projekty na volné noze: v našem chatu můžete najít své hlavní zaměstnání i práci na částečný úvazek.
Partnerské společnosti
Talentované absolventy doporučujeme pro práci v partnerských firmách, ale i pro stáže v YClients.
Video na vašem osobním účtu
Kurz obsahuje celou sekci o zaměstnání: rady, jaké zdroje hledat práci a co je lepší nedělat, když se ucházíte o volné místo.
Získal architektonické vzdělání na NNGASU.
Spolupracoval se značkami: Shell, Sibur, ROSNO Allianz, Radisson, Muz-TV, AlfaStrakhovanie, pojišťovací skupina MAX, pojišťovna VSK, S7 a další známé společnosti.
Ilustrace pro časopisy „Snob“, „Gaming“ a další.
Klíčové kompetence:
- navrhování rozhraní a rozvržení webových projektů,
- adaptivní design,
- prezentace webových projektů pro klienty,
- vývoj ilustrací pro webové projekty.
Úvod do designu. Cvičení a nástroje
— Oblast odpovědnosti projektanta.
— Jak v sobě vyvinout designéra.
— Jak a kde se inspirovat?
— Proces tvorby designu.
Zvládnutí programu Figma. Praxe
— Poznávání Figmy
— Základní nástroje
— simulátor Figma
— Animace ve Figmě
— Vytvořte interaktivní rozvržení ve Figmě + použijte GIF
— Styly ve Figmě
— Autolayout (teorie). PRO.
— Autolayout (cvičení). PRO.
- Komponenty. PRO.
— Varianty. PRO.
— FigJam
— Pluginy
Modulární mřížka a kompozice
— Co je modulární mřížka?
— Jak navrhnout modulární mřížku
— Co je složení, jak je strukturováno?
— Barva, sladění barev, teorie barev
— Práce s obsahem
— Uspořádání prvků na místě
— Neuroestetika
— Modulární mřížka. PRO.
- DZ-1. Kreslení webové stránky portfolia
Typografie
— Nálada, klasifikace písma
— Anatomie písma: vyrovnání párů, sledování, vedení
— Úprava: pomlčka, pomlčka, uvozovky, spojky visící
— Služby, komerční a nekomerční písma, zpoplatnění písem, ceny.
— Rozvržení textu
— Dvojice písem
— Jaká písma použít
— Chyby v typografii.
Práce s referencemi
— Práce s referencemi. 1 díl.
— Práce s referencemi. PRO.
— Referenční trenér
Fáze vývoje projektu
- Studujte
— Struktura, prototyp a uspořádání
— Technická výroba
- DZ-2. Redesign webových stránek baru/interiérového designéra (na výběr)
Technické vlastnosti projektů
— Jak se stránka dostane na internet?
— Co je frontend. Jak kód funguje?
— Co je backend?
— Doména a hosting.
— Jak předložit layout pro vývoj? Co je potřeba přiložit, v jakém formátu a proč?
UX a analytika
— Co je UX. Z čeho se skládá?
— Informační architektura. Hierarchie.
— Návrh interakce
— Vizuální design
— Testování použitelnosti
— UX analytika
— Vlastní skripty
— Metoda osoby
- Myšlenková mapa
— Prototypování
— Úrovně podle Jamese Garretta.
— UX vzory
— Co je designový systém?
— Designový systém. Praxe
— Analýza chyb ve vizuálním designu
— Princip 4 otázek
— Komplexní podrobné prototypy
— DZ-3
— DZ-4
— Mapa cesty zákazníka (CJM)
— UX/UI trenér (beta)
— Proč potřebujeme výzkum UX?
- Kvantitativní výzkum. Ankety.
— Nástroje pro vytváření průzkumů.
- Kvalitativní výzkum. Rozhovor.
— Testování použitelnosti. PRO.
— Hypotézy.
— Příběh uživatele / Úlohy k dokončení
— Domácí úkol o výzkumu UX
Adaptivní design
— Co je responzivní design
— Jak fungují oprávnění
— Typy rozložení
— Adaptivní shromažďování (nové)
Ochrana projektu
— Příprava na obranu
— Obrana projektu vůči zákazníkovi
— Odhadování
— Ochrana projektu před Grišou Kochenovem
- DZ-5. Kreslení webových stránek
Osobní značka
— Na volné noze a na plný úvazek
— Základní formáty práce pro projektanty.
— Co chtějí zaměstnavatelé vidět?
— Kde hledat práci webdesignéra
— Průvodní dopisy
— Jak absolvovat pohovory
— Úspěšné případy
- DZ-6. Absolventská práce
Animace
— Mikroanimace
— Makro animace
— Animace první obrazovky
— Animace v ProtoPie
— Princip animace
— Animace v Adobe After Effects
- Spline 3D
— Rozhraní budoucnosti. Griša Kočenov
Registrace děl
— Návrh portfolia. Jak vytvořit případ projektu. Z čeho se případ skládá?
— Analýza příkladů studentských případů
— Jak vložit rozvržení do makety. Část 1
— Práce s maketou. Část 2
— Návrh pouzdra na Behance ve Figmě
— Jak zveřejnit svůj případ na Behance
— Značka Behance a MDA
Tilde
— Seznámení s Tildou
— Registrace a rozhraní
— Nastavení webu a nastavení stránky
— Standardní bloky
— Nulový blok, rozhraní
— Nulový blok, práce s textem
— Nulový blok, práce s obrázky
— Nulový blok, tvary
— Nulový blok, práce s tlačítky
— Nulový blok, další nástroje
— Bezpečné uspořádání na Tildě, mřížkový kontejner
— Nastavení domovské obrazovky
— Automatické měřítko
— Odrážky v Tilde
— Mobilní adaptace
— Šablony animací od Varfolomeeva
- Internetový obchod
- Internetový obchod. PRO
— Zprávy a streamy
- Osobní oblast
— Uspořádání ve Figma, mřížkový kontejner
— Uspořádání ve Figmě, kontejner okna
— Uspořádání ve Figmě, automatické měřítko
— Automatický přenos rozvržení z Figma
— Úpravy
— DZ podle Tildy
Photoshop
Několik lekcí, které vám pomohou pochopit základní nástroje, které budou webdesignéři potřebovat
UX copywriting
UX copywriting, jak se liší od běžného copywritingu, příklady jsou zvažovány.
Branding
- Co je to značka? Komponenty značky.
— Brandbook
— Positioning, platforma značky
— Kreslení loga ve Figmě
Knihovna
Knihy pro webdesignery