UX/UI Design Figma + Design Thinking

+ Pogledaj više

Pregled obuka

Curriculum for this course

60 Lekcije 12:35:01 Sati

Design Thinking

9 Lekcije 01:11:04.000000 Sati

01. Uvod
00:04:38
02. Šta je to Design Thinking I zašto je bitan
00:05:35
03. Proces UX Dizajna
00:17:40
04. Definicija proizvoda
00:10:48
05. Istraživanje proizvoda
00:07:56
06. Analiza
00:09:27
07. Dizajn
00:05:11
08. Validacija
00:04:07
09. Kako poboljšati proces UX dizajna
00:05:42

Figma

51 Lekcije 11:23:57.000000 Sati

10. Uvod u Figmu
00:14:22
11. Šta ćemo raditi
00:06:46
12. Otvaranje nove datoteke i uvodjenje okvira
00:11:33
13. Osnove fonta i kucanja texta
00:11:09
14. Pravougaonici, krugovi, dugmici I zaobljeni uglovi
00:12:23
15. Kako korsititi boje u Figmi
00:06:31
16. Granična linija (Strokes)
00:10:53
17. Uređivanje objekata, proporcionalno smanjivanje i povećanje
00:06:00
18. Ramovi I Grupisanje layera
00:13:18
19. Gde nalazimo besplatne ikonice za Figmu
00:18:52
20. Usklađivanje ikonica i instaliranje Plugins
00:14:43
21. Kako koristiti stranice u Figmi
00:07:03
22. Osnove prototipa
00:09:34
23. Podešavanje animacije I ublaženja kod prototipa
00:16:27
24. Pametna animacija i kašnjenje kod prototipa
00:09:33
25. Deljenje i komentarisanje sa klijentima
00:07:32
26. Deljenje sa timom
00:13:08
27. Kako raditi sa kolonama I mrezom (Columns & Grid)
00:20:53
28. Inspiracija za boje I color pickers, kreiranje paleta boja
00:14:36
29. Kreirati gradijent i stilova boja
00:16:59
30. Usklađivanje, fontovi koje mogu da korstim plus uparivanje fontova u Figmi
00:10:48
31. Koje uobičajene veličine fontova trebamo da izaberem u web dizajn
00:15:16
32. Kreiranje stilova i Placeholder text
00:13:28
33. Korisne stvari koje trebamo znati o tekstu
00:14:25
34. Crtački saveti I trikovi, dugmići sa zaobljenim IOS ivicama
00:10:58
35. Boolean groups u Figmi, razlika izmedju Union i Flatten
00:17:45
36. Pametno selektovanje i Tidy Up
00:08:03
37. Importovanje slika, kreiranje maski, kropovanje
00:13:46
38. Praktična rad sa slikama, text shape i plugins
00:15:03
39. Automatski raspored (Auto Layaout)
00:11:23
40. Automatski raspored za razmake
00:09:03
41. Auto Layout u kombinaciji sa ograničenjima
00:10:01
42. Kombinovanje ugnežđenih okvira Auto Layout i Ograničenja
00:16:57
43. Dodavanje automatske visine okvira za tekst i dupli Auto Layout
00:10:57
44. Efekti, drop shadow, Inner shadow, layer blur i zamućena pozadina
00:19:01
45. Šta su komponenete
00:09:59
46. Ažuriranje, promene I resetovanje komponenata
00:13:36
47. Nemožete uništiti glavne komponente
00:08:06
48. Gde čuvamo komponenete i pravilo imenovanja
00:17:17
49. Kako kreiramo varijante komponenata i multi dimenzione varijante
00:13:17
50. Kako napraviti forme koristeći varijante
00:22:35
51. Praktičan rad na desktop ekranima
00:30:44
52. Kako dodajemo popup i tool tip u prototip
00:13:56
53. Dodavanje Menija, skrolovanje i fixna navigacija kod prototipa
00:12:25
54. Horizontalno skrolovanje i automasko skrolovanje do tačke sidrenja
00:08:03
55. Timovi, projekti, datoteke, libraries
00:09:51
56. Pametne animacije
00:27:28
57. Kako napraviti animirane prelaze (animated transitions)
00:15:58
58. Korišćenje micro interakcije uz pomoć interaktivnih komponenata
00:12:33
59. Kako kreirati Thumbnail za file, exportovanje i priprema za klijente
00:26:07
60. Veliki pozdrav uz korisne linkeve za kraj
00:02:53