Design hacky pre vývojárov

2h 26min
Čas
16
Kapitol
Dizajn a Video
Kategória
5.0
Hodnotenie
Začiatočník
Level
český
Jazyk kurzu

Popis online kurzu Design hacky pre vývojárov

Si vývojár, v kóde máš všetko krásne odsadené, ale výsledok tvojej práce na obrazovke nevyzerá nijako skvele? Používateľ bojuje s vyplnením tvojho úplne jednoduchého formulára? Klientovi sa nepáčia použité farby a dizajnér ti zakaždým píše dlhý dokument drobností, čo máš fixnúť? Alebo je to ešte horšie a žiadny dizajnér na projekte nie je, pretože to nie je priorita, nie je čas, nie sú ľudia, nie sú peniaze, a podobne.

Ja som Lukáš, v oblasti tvorby webu sa pohybujem už veľa rokov a poznám tieto problémy zo všetkých strán. V tomto kurze ti ukážem, že správne umiestniť pixely na obrazovke nie je žiadna raketová veda. Stačí dodržiavať pár pravidiel, pozrieť sa na problém očami používateľa a výsledok otestovať.

Ako to bude prebiehať

Prejdeme si na úvod zopár základných psychologických pravidiel a zákonov zo sveta dizajnu. Môže to znieť ako zbytočná omáčka, ale zistíš vďaka tomu, ako funguje ľudský mozog. A že tie pravidlá vlastne už sám dodržiavaš, len si nad tým zatiaľ nijako nepremýšľal.

Následne rozoberieme krok za krokom základné prvky designu ako farby, typografia, odsadenie alebo grafika na webe. Mrkneme sa aj na komunikáciu s dizajnérom a nezabudneme na prístupnosť.

V poslednej časti ti na praktických príkladoch pomôžem s problémami, ako sú chýbajúce časti designu, hľadanie problematických miest alebo používateľské testovanie.

Čo sa naučíš

  • Ako pracovať s farbami, typografiou alebo spacingom
  • Ako začať pokiaľ je UI celé na tebe
  • Ako vytvoriť jednoduchý prototyp pre používateľské testovanie
  • Čo naopak vyžadovať od dizajnéra a ako odhaliť slabé miesta jeho práce
  • A samozrejme veľa designových hackov, po ktorých budú tvoje výstupy používateľsky aj graficky príjemnejšie

Čo všetko dostaneš

  • Videotutoriály o tom, ako hacknúť design
  • Veľa odkazov na odporúčané zdroje a nástroje
  • Odkazy na ďalšie zaujímavé články ku každej téme
  • Všetky prezentácie a Figma projekty, ktoré počas kurzu uvidíš
  • Certifikát o absolvovaní kurzu,
  • Podporu od lektora a odpovede na tvoje otázky v diskusnom fóre
  • Garancia vrátenia peňazí do 14 dní v prípade nespokojnosti s kurzom

Zoznam kapitol

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

Hodnotenia kurzu

Design hacky pre vývojárov

Skvělý!

Michelle M.

Design hacky pre vývojárov

vyborne spracovany kurz, doporucujem :)

Tomáš B.

Pozri aj tieto kurzy

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