Detail kurzu

UX UI pre začiatočníkov - ako na návrh dizajnu, používateľská skúsenosť, prototypovanie a Adobe XD

IT LEARNING SLOVAKIA, s.r.o.

Popis kurzu

Web-dizajn a UX teda user experience (používateľská skúsenosť). Ak sa túžite stať web-dizajnérom alebo si len chcete rozšíriť znalosti o Web-dizajn a UX, tento kurz UX je práve pre vás. Na kurze si ukážeme zásady pri tvorbe web-dizajnu, ale aj prácu s jedným z najpoužívanejších programov na web-dizajn ADOBE XD. Začneme s prípravou wire-frame, teda prvotného nástrelu dizajnu, na ktorý vám bude úplne stačiť papier a ceruzka. Potom prejdeme k samotnej realizácii v programe ADOBE XD. Cieľom kurzu je nie len vás naučiť používať program Adobe XD, ale aj pripraviť dizajn a podklady spolu s dizajn manuálom, s ktorým sa bude programátorovi dobre pracovať. Po dokončení jednoduchého web dizajnu sa pustíme do jeho prototypovania. Teda nastavenia akcii pre jednotlivé časti dizajnu. A náš dizajn bude reagovať tak, akoby bola stránka alebo aplikácia hotová. No konci si ešte ukážeme, ako efektívne kresliť SVG tvary (vektorové tvary), ako ich spolu s našim projektom exportovať do podoby, v akej sa odovzdáva programátorovi.

Obsah kurzu

Základy UX UI
  • Význam a prínos - prečo je dizajn dôležitý.
  • Tvorba Wireframe.
  • Princípy a eventuality - načo treba myslieť.
  • Podklady a inšpirácia.
ADOBE XD Módy 
  • Dizajnérsky mód.
  • Prototypovací mód.
  • Mód pre export.
ADOBE XD
  • Inštalácia.
  • Iné programy.
  • Nástroje.
  • Základné nástroje programu.
  • Tvary.
  • Obrázky.
  • Vrstvy.
  • Komponenty.
  • Text.
  • Lupa.
Komponenty a ich vlastnosti
  • Rozmery.
  • Okraje a ich rádius.
  • Pozadie.
  • Tieň.
  • Opakovanie komponentov.
  • Ako rozvrhnúť efektívne vrstvy.
  • Prečo je dôležitý dizajn manuál.
  • Príprava dizajn manuálu.
  • Prerezávanie obrázkov.
  • Kreslenie zložitých tvarov.
  • Kreslenie spájaním jednoduchých tvarov.
  • Kreslenie vyrezávaním jednoduchých tvarov.
  • Dispozícia vrstiev.
  • Použtie tvarov priamo na webe tak, aby sme programátorovi uľahčili prácu.
ADOBE XD PROTYPOVANIE
  • Užívateľský scenár.
  • Nastavenie akcii.
  • Kliknutie.
  • Prechod myškou.
  • Skrolovanie.
  • Stavy komponent pri rôznej akcii.
  • Animácie akcii.
ADOBE XD EXPORT
  • Export celého projektu.
  • Export podkladov.
  • Export jednotlivých obrázkov.
  • Export jednotlivých tvarov.
  • Práca s web aplikáciou vášho exportu.

 

Cieľová skupina

začiatočník
Hodnotenie




Organizátor