Design hacky pro vývojáře

2h 26min
Čas
16
Kapitol
Design a Video
Kategorie
5.0
Hodnocení
Začátečník
Level
český
Jazyk kurzu

Popis online kurzu Design hacky pro vývojáře

Jsi vývojář, v kódu máš všechno krásně odsazené, ale výsledek tvé práce na obrazovce nevypadá nijak báječně? Uživatel bojuje s vyplněním tvého úplně jednoduchého formuláře? Klientovi se nelíbí použité barvy a designér ti pokaždé píše dlouhý dokument drobností co máš fixnout? Nebo je to ještě horší a žádný designér na projektu není, protože to není priorita, není čas, nejsou lidi, nejsou peníze, a podobně. 

Já jsem Lukáš, v oblasti tvorby webu se pohybuju už mnoho let a znám tyto problémy ze všech stran.  V tomto kurzu ti ukážu, že správně umístit pixly na obrazovce není žádná raketová věda. Stačí dodržovat pár pravidel, podívat se na problém očima uživatele a výsledek otestovat.

Jak to bude probíhat

Projdeme si na úvod pár základních psychologických pravidel a zákonů ze světa designu. Může to znít jako zbytečná omáčka, ale zjistíš díky tomu jak funguje lidský mozek. A že ta pravidla vlastně už sám dodržuješ, jen jsi nad tím zatím nijak nepřemýšlel.

Následně rozebereme krok za krokem základní prvky designu jako barvy, typografie, odsazení nebo grafika na webu. Mrkneme se i na komunikaci s designérem a nezapomeneme na přístupnost.

V poslední části ti na praktických příkladech pomůžu s problémy, jako jsou chybějící části designu, hledání problematických míst nebo uživatelské testování.

Co se naučíš

  • Jak pracovat s barvami, typografií nebo spacingem
  • Jak začít pokud je UI celé na tobě
  • Jak vytvořit jednoduchý prototyp pro uživatelské testování
  • Co naopak vyžadovat po designérovi a jak odhalit slabá místa jeho práce
  • A samozřejmě spoustu designových hacků, po kterých budou tvé výstupy uživatelsky i graficky příjemnější

Co všechno dostaneš

  • Videotutoriály o tom, jak hacknout design
  • Spousta odkazů na doporučené zdroje a nástroje
  • Odkazy na další zajímavé články ke každému tématu
  • Všechny prezentace a Figma projekty, které během kurzu uvidíš
  • Certifikát o absolvování kurzu,
  • Podporu od lektora a odpovědi na tvé otázky v diskusním fóru
  • Garance vrácení peněz do 14 dnů v případě nespokojenosti s kurzem

Seznam kapitol

Proč by měl vývojáře zajímat design
1.1 Úvod do kurzu
Dostupné pouze po zakoupení přístupu
Mysli jako psycholog
2.1 Gestalt, das stimmt!
Dostupné pouze po zakoupení přístupu
2.2 Tahle pravidla určitě znáš
Dostupné pouze po zakoupení přístupu
2.3 Tahle pravidla asi neznáš, ale dávají smysl
Dostupné pouze po zakoupení přístupu
Prakticky na frontendu
3.1 Typografie pro dysgrafiky
Dostupné pouze po zakoupení přístupu
3.2 Barvy
Dostupné pouze po zakoupení přístupu
3.3 Rytmus diktuje ve tvým kódu
Dostupné pouze po zakoupení přístupu
3.4 Grafika
Dostupné pouze po zakoupení přístupu
3.5 Buď přístupný
Dostupné pouze po zakoupení přístupu
3.6 Komunikace designér versus vývojář
Dostupné pouze po zakoupení přístupu
UI/UX prakticky
4.1 Když to musíš celé vymyslet sám
Dostupné pouze po zakoupení přístupu
4.2 Grafik dodal jenom homepage pro desktop
Dostupné pouze po zakoupení přístupu
4.3 Vypadá to dobře! Bohužel jenom na první pohled…
Dostupné pouze po zakoupení přístupu
4.4 Otestuj to
Dostupné pouze po zakoupení přístupu
4.5 Sbírka grafických fuckupů
Dostupné pouze po zakoupení přístupu
4.6 Bezcenný kvíz na konec
Dostupné pouze po zakoupení přístupu

Hodnocení kurzu

Design hacky pro vývojáře

Skvělý!

Michelle M.

Design hacky pro vývojáře

vyborne spracovany kurz, doporucujem :)

Tomáš B.

Podívej se i na tyto kurzy

Lukáš Svoboda Lukáš Svoboda
Frontend kodér a UI/UX designer