UI/UX dizajn
Ukupno
časova: 12
Trajanje
časa: 90 min
Veličina grupe:
5 polaznika
Broj rata:
2
Cena: 30000 RSD
Kurs UI/UX dizajna je namenjen polaznicima bez prethodnog iskustva u UI/UX dizajnu koji žele da steknu osnovna znanja neophodna za dalje usavršavanje. Po završetku kursa polaznici će biti osposobljeni da koristeći programski alat Figma naprave prototipove mobilnih i veb aplikacija.
Nastava na kursu se održava dva puta nedeljno u poslepodnevnim i večernjim terminima. Termini su organizovani kao dvočasi ukupnog trajanja od 90 minuta. Ukupno trajanje kursa je šest nedelja.
Po završavanju kursa polaznici mogu nastaviti dalje usavršavanje na kursevima HTML-a, CSS-a, i JavaScript-a
Prijavite se
Sadržaj kursa
-
Lekcija 1: Šta je Figma?
- Definicija UI/UX dizajna: razlika između User Interface (UI) i User Experience (UX)
- Osnovne komponente UI dizajna: tipografija, boje, ikone, dugmadi, raspored
- Osnovne komponente UX dizajna: korisničke potrebe, istraživanje, testiranje, prototipovi
- Upoznavanje sa softverom Figma
- Zadatak - Vežbanje naučenih alata kroz jednostavne primere
-
Lekcija 2: Layers
- Analiziranje aktuelnih trendova u UI/UX dizajnu
- Nastavak upoznavanja opcija i alata koje nudi softver Figma
- Primena efekata, boja i gradijenata
- Upotreba plugin-ova
- Upotreba slojeva
- Zadatak - kroz praktičan primer upotrebiti naučene alate i efekte i koristiti slojeve
-
Lekcija 3: Rad sa komponentama
- Definicija pojma komponente
- Varijante i instance
- Primena alata auto layout
- Upotreba biblioteka
- Zadatak I – Primena varijanti
- Zadatak II - Primena auto layout alata
-
Lekcija 4: Grid sistem i responsive dizajn
- Pojam grid sistema i responsive dizajna
- Definisanje ograničenja u grid sistemima i responsive dizajnu
- Zadatak – Pravljenje naslovne web stranice upotrebom grid sistema i responsive dizajna
-
Lekcija 5: Prototyping
- Definicija prototipa
- Povetivanje frejmova, dodavanje interakcija.
- Animacije i tranzicije.
- Kolaboracija i komentari, deljenje fajlova, pregled u browseru.
- Zadatak – Pravljenje interaktivnog prototipa.
-
Lekcija 6: Izrada aplikacije
- Kreiranje pravilnog rasporeda i upotreba gridova za doslednost
- Detalji i dizajniranje interfejsa
- Ikonografija i vizualni elementi
- Zadatak - Kreiranje početne stranice mobilne aplikacije (zaglavlje, logo, fotografije, tekst, futer) i stranice prijava uz primenu naučenih alata
-
Lekcija 7: Izrada aplikacije
- Nastavak izrade mobilne aplikacije, kreiranje hamburger menija i linkovanje ka novoj stranici aplikacije
- Izrada jedne od stranica iz padajućeg menija, dizajn prilagodjen aplikaciji, dodavanje fotografija, teksta i CTA dugme
- Kreiranje forme za registraciju
- Kreiranje stranice za uspešnu registraciju sa definisanom tranzicijom i animacijom
-
Lekcija 8: Izrada aplikacije
- Kreiranje forme za prijavu
- Povezivanje forme za prijavu sa ostalim stranicama
- Kreiranje tranzicija i animacija za formu za prijavu
- Povezivanje svih frejmova u funkcionalan prototip
-
Lekcija 9: Izrada bloga
- Kreiranje početne stranice bloga prilagođene za desktop prikaz
- Kreiranje komponenti za navigacioni meni, CTA dugme i podnožje stranice
- Definisanje efekata i osnovnih animacija
-
Lekcija 10: Izrada bloga
- Izrade bloga prilagođenog za mobilne uređaje
- Pirmena grid i responsive dizajna
- Kreiranje padajućih menija prilagođenih za mobilne uređaje
-
Lekcija 11: Izrada bloga
- Kreiranje responisve stranice "O nama"
- Definisanje komponenti za galeriju i kontakt formu
- Povezivanje svih frejmova
-
Lekcija 12: Završni zadatak
Samostalna izrada dizajna aplikacije u Figmi uz primenu naučenih alata, tehnika i modernih trendova UI/UX dizajna.
Načini plaćanja
Kurs može biti plaćen u celosti ili na 2 rate. Prva rata se uplaćuje prilikom upisa na kurs. Druga rata se uplaćuje do 7. časa.
Spisak rata:
Rata 1:
15000 RSD
Rata 2:
15000 RSD