loader image
Osnove dizajna korisničkog iskustva – Adobe XD UI-UX dizajn

Osnove dizajna korisničkog iskustva – Adobe XD UI/UX dizajn

Šta ćeš naučiti na kursu

Opis kursa

Da li ste uzbuđeni što ćete ući u svet UI/UX-a, ali ne znate odakle da počnete? Ovaj kurs će vam omogućiti da dodate UX dizajnera u svoju biografiju i počnete da budete plaćeni za svoje nove veštine.

XD je fantastičan alat za dizajn koji koriste profesionalci u industriji za proizvodnju visokokvalitetnih i funkcionalnih maketa. Do kraja ovog kursa bićete u mogućnosti da napravite praktične i efektivne dizajne korisničkog iskustva (UKS) i korisničkog interfejsa (UI).

Ovaj kurs je namijenjen ljudima zainteresovanim za UI/UX dizajn. Počinje od samog početka korak po korak. Ako već imate iskustva sa UI/UX dizajnom, ali želite da napredujete koristeći Adobe XD, onda je ovaj kurs savršen i za vas!

Prvo ćete proći kroz razlike između UX i UI dizajna. Pogledaćete šta je sažetak za ovaj projekat iz stvarnog svijeta, a zatim ćete naučiti o wireframes-ima niske vjernosti i kako da iskoristite postojeće komplete za dizajn korisničkog interfejsa.

Proćićete preko svih osnovnih alata neophodnih za kreiranje odličnih wireframes-a, uključujući: tip, boje, ikone, Lorem ipsum, umjetničke ploče, izradu prototipa, modele i iskačuće prozore, simbole i mreže za ponavljanje. Čak ćete iskoristiti i novu aplikaciju za izradu prototipa kako biste mogli da iskusite svoj prototip na svom mobilnom uređaju.

Važan dio maksimiziranja radnog toka UX dizajna je mogućnost korišćenja drugog softvera kao što su Photoshop i Illustrator. Zbog toga ćete vas naučiti kako da koristite oba da biste povećali svoju XD produktivnost.

Jedna od sjajnih novih karakteristika XD-a su mikro interakcije. Naučićete sve o njima i kako da ih koristite za razvoj ikona i scena. Ovo je jedan od dijelova web dizajna koji raste i brzo se usvaja, tako da nećete željeti da propustite da ga naučite na vrijeme.


Postoje dva projekta koja treba da završite tokom ovog časa, oni će vam pomoći da razvijete svoje vještine i daće vam nešto za vaš portfolio.

Sada je vrijeme da se nadogradite i naučite Adobe XD.

Prikaži više

Kome je ovaj kurs namjenjen?

  • Svakome ko želi da počne da koristi Adobe XD u svojoj karijeri i da bude plaćen za svoje veštine dizajna korisničkog iskustva;
  • Ovaj kurs je za početnikei amatere u oblasti XD dizajna;
  • Namijenjen ljudima koji su novi u svijetu dizajna i korisničkog iskustva;
  • Za svakoga ko treba da doda UX dizajn“ svom portfoliu.

Plan i program

  • Uvod u kurs o korisničkom iskustvu;
  • Početak rada sa vašim Adobe XD projektom;
  • Šta je UI naspram UX – korisnički interfejs vs korisničko iskustvo naspram dizajnera proizvoda.

 

  • UX brief i persona za naš projekat iz stvarnog života.
  • Wireframing (niska vjernost) u Adobe XD;
  • Koliko široka treba da bude moja veb lokacija ili aplikacija u Adobe XD;
  • Rad sa postojećim UI kompletima u Adobe XD.
  • Rad sa tipom u vašim XD wireframes;
  • Osnovne boje i dugmad u Adobe XD wireframes;
  • Besplatne ikone za vaše Adobe XD i UX UI projekte;
  • Dodavanje podnožja i Lorem Ipsuma u vaš XD wireframe;
  • Nove stranice i umjetničke table u Adobe XD;
  • Class Project 01 – Wireframe: Početna stranica & Kontaktirajte nas;
  • Class Project 01 – Wireframe: Početna stranica & Kontaktirajte nas.
  • Izrada prototipa i dodavanje interaktivnosti u Adobe XD;
  • Kako napraviti iskačući modal ili iskačući okvir u Adobe XD;
  • Class Project 02 – Prototip
  • Class Project 02 – Prototip
  • Rad sa grupama i režimom izolacije u Adobe XD;
  • Kako napraviti i koristiti simbole u ​​Adobe XD;
  • Produkcijski video – Lijeva Nav;
  • Korišćenje mreže ponavljanja u Adobe XD;
  • Ažuriranje simbola i problemi sa korišćenjem mreža za ponavljanje;
  • Prototipni trik za uštedu vremena u Adobe XD;
  • Trikovi i savjeti za navigaciju u Adobe XD;
  • Class Project 03 – Simboli i mreže za ponavljanje:
  • Class Project 03 – Simboli i mreže za ponavljanje.
  • Izrada aplikacije u Adobe XD;
  • Kako koristiti XD aplikaciju na iPhone-u i Android-u;
  • Dodavanje iPhone i Android baterija i ikona statusa u maketu;
  • Kako popraviti položaj ikona navigacije ili baterije u XD-u;
  • Produkcijski video – Prijava i kontrolna tabla.
  • Dijeljenje Wireframes-a za komentare u Adobe XD;
  • Snimanje vaših interakcija putem videa pomoću Adobe XD;
  • Class Project 04 – Wireframe Feedback;
  • Class Project 04 – Wireframe Feedback.
  • Tabele raspoloženja i resursi za High fidelity UI dizajn u Adobe XD;
  • Class Project 05 – Moodboard;
  • Class Project 05 – Moodboard;
  • Kako napraviti 12 kolona ili mrežu u Adobe XD 2018.
  • Rad sa bojama unutar Adobe XD CC;
  • Trikovi za korišćenje boja u Adobe XD;
  • Kako napraviti gradijente u Adobe XD;
  • Class Project 06 – Boje;
  • Class Project 06 – Boje.
  • Koristite bezbjedne fontove za web ili fontove specifične za iOS ili Android u Adobe XD;
  • Kako koristiti stilove znakova u Adobe XD;
  • Trikovi sa savjetima za font i tekst u Adobe XD;
  • Dodavanje našeg prvog dodatka Lorem Ipsum u Adobe XD;
  • Kreiranje realističnih dugmadi u Adobe XD sa paste-om;
  • Class Project 07 – Tekst i dugmad;
  • Class Project 07 – Tekst i dugmad.
  • Kako da nacrtate sopstvene ikone u Adobe XD;
  • Rad sa stokes i linijama u Adobe XD;
  • Naučite da crtate pomoću alatke za olovku u Adobe XD;
  • Vježbanje crtanja pomoću alatke olovka u Adobe XD;
  • Video sa savjetima za crtanje.
  • Naprijed i nazad sa Illustrator-om u Adobe XD;
  • Class Project 08 – Nacrtajte svoje ikone;
  • Class Project 08 – Nacrtajte svoje ikone.
  • Rad sa InDesign-om u Adobe XD.
  • Prednosti i mane za rad sa slikama unutar Adobe XD;
  • Rad sa slikama i povezivanje sa CC bibliotekom;
  • Adobe Stock veza za pronalaženje slične slike za XD projekat;
  • Besplatne slike koje možete koristiti u vašim XD modelima – Unsplash Pekels Freeimage;
  • Maskiranje, neprozirnost i zamućenje pozadinskih slika.
  • Rad sa Photoshop-om u Adobe XD;
  • Produkcijski video – Infografika;
  • Class Project 09 – Full Hi Def mockup;
  • Class Project 09 – Full Hi Def mockup.
  • Kako napraviti maketu mobilnog telefona sa Adobe XD i Photoshop-om;
  • Class Project 10 – Mobilna web stranica;
  • Class Project 10 – Mobilna aplikacija/veb stranica.
  • Skrivene funkcije za Adobe XD Repeat Grid;
  • Dodatak – Generator sadržaja u Adobe XD;
  • Dodatak – UI lica koja dodaju nasumične fotografije profila u XD;
  • Dodatak – PhotoSplash automatski uvozi Unspash slike;
  • Dodatak – Kopirajte Cat ili Mimic u stil i slike sa sajta.
  • Trikovi za Advanced Asset Panel u Adobe XD.
  • Napredni trikovi i savjeti za simbole za Adobe XD.
  • Šta su UI mikro interakcije u Adobe XD;
  • Dugme za uvećanje ili mikro interakcija slike preko cijelog ekrana u Adobe XD;
  • Galerija animiranih slika sa mikro interakcijama u Adobe XD;
  • Mikro interakcija pune promjene vektora u Adobe XD;
  • Class Project 11 – Mikro interakcije;
  • Class Project 11 – Mikro interakcije.
  • Prelazi sa kašnjenjem vremena u Adobe XD;
  • Kako napraviti iskačući meni ili modal u Adobe XD;
  • Animirana mobilna bočna navigacija za burger meni u Adobe XD;
  • Kako napraviti radni padajući meni u Adobe XD;
  • Kako koristiti prijelaz prevlačenja u Adobe XD;
  • Kako napraviti skrolovanje brojača pomoću maski u Adobe XD.
  • Kako dodati glasovne komande u stilu Alexe u Adobe XD.
  • Šta je testiranje korisnika u Adobe XD;
  • Kako pokrenuti nemoderirani UX korisnički test u Adobe XD;
  • Class Project 12 – Testiranje korisnika;
  • Class Project 12 – Testiranje korisnika.
  • Mokapujte svoje dizajne na licu mjesta na pravom telefonu u Photoshopu;
  • Napredne mikro interakcije i prototipovi sa Protopie u Adobe XD;
  • Kako dodati animaciju u Adobe XD koristeći Adobe After Effects.
  • Kako izvesti slike i sredstva iz Adobe XD za programere;
  • Kako izvesti kod u XD za inženjere koji koriste specifikacije dizajna.
  • Class Project 13 – Ciklusi buke;
  • Class Project 13 – Ciklusi buke;
  • BONUS: Ažuriranja softvera 2019;
  • BONUS: Ažuriranja softvera 2021;
  • BONUS: Ažuriranja softvera 2022;
  • Zaključak za kurs obuke Adobe XD.

 

PREDAVAČ
Edukativna online platforma
Edukativna online platforma

Iskustva polaznika

Kurs info

Datum početka: 01.02.2022.
Datum završetka: 01.05.2022.
Broj učesnika: 20
Trajanje kursa: 13 sati video materijala
Nivo: Osnovni, Srednji
Cijena kursa: Besplatno
Sertifikovan: Ne
Dizajn
Osnove dizajna korisničkog iskustva – Adobe XD UI/UX dizajn
ICT Cortex

Help desk

HR Platforma

Registar članica

Prijavna forma - Korteks akademija 2021/2022