Figma UIUX 完成训练营设计 3 个工作就绪项目
上次更新时间：2024-11-21
课程售价: 2.9 元
联系右侧微信客服充值或购买课程
课程内容
Chapter_1-Course_Overview
Chapter_2-Getting_Started_Figma_Files_(Resource)
Chapter_3-Prototyping_Theory
Chapter_4-Prototyping_Basic_Level
- 7. Discuss About Types of UI Animation Part-1
- 8. Destination Trigger Action and Animation Part-2
- 9. Prototype Settings Testing Sharing Prototypes Part-3
- 10. How On Drag Trigger Works Part-4
- 11. How On Click Trigger Works Part-5
- 12. How While Hovering Trigger Works Part-6
- 13. How After Delay Trigger Works Part-7
- 14. Prototype Action-Navigate to and Change to Part-8
Chapter_5-Prototyping_Mid_Level
- 15. Open Overlay Part-1
- 16. Toggle Checkbox Eye off on Radio Part-2
- 17. Accordion Prototyping Part-3
- 18. Tab Bar Prototyping Part-4
- 19. Video Interaction Prototyping Part-5
- 20. Zooming Hover Prototyping Part-6
- 21. Card Carousel Drag Animation Prototyping Part-7
- 22. Sticky Scroll Animation Part-8
- 23. Range Slider Prototyping Part-9
- 24. Text Animation Prototyping Part-10
- 25. Notification Effects Prototyping Part-11
- 26. Animated Card Effect Part-12
- 27. Switch and Toggle Button Part-13
Chapter_6-Prototyping_Advanced_Level
- 28. Conditional and Set Variable Part-1
- 29. Delete Prototyping Using Set Variable Part-2
- 30. Hide and Show Using Boolean Part-3
- 31. App Screen Advance Prototyping Part-4
- 32. Advance Prototyping Techniques Part-5
- 33. Advance Prototype Using Button Variants Part-6
- 34. Animated Slider Part-7
- 35. Real Time Typing Keyboard Prototyping Part-8
- 36. Interactive Drop Down Menu Prototyping Part-9
- 37. Interactive Drop Down Menu Prototyping Part-10
Chapter_7-Uber_Ride_Sharing_App_UI_UX_Project_1
- 39. Ride Sharing App UIUX Project Live Demo
- 40. Choosing Colors 1 Part-1
- 41. Choosing Colors 2 Part-2
- 42. Defining Variables Part-3
- 43. Creating Typography 1 Part-4
- 44. Creating Typography 2 Part-5
- 45. Iconography Part-6
- 46. Understanding Basics of Auto-layout Part-7
- 47. Creating your First Component Part-8
- 48. Finishing All Buttons Part-9
- 49. Finalizing Style Guide Part-10
- 50. Low-Fidelity Design On-boarding Page Part-11
- 51. Low Fidelity Design Sign in Page Part-12
- 52. Low Fidelity Design Ride Selection and Payment Part-13
- 53. Low Fidelity Design Ride Search and Ride Found Part-14
- 54. Low Fidelity Design Ride Details and Rating Part-15
- 55. Low Fidelity Design Join a Ride and Previous Ride Part-16
- 56. Low Fidelity Design Final Design Part-17
- 57. High Fidelity Creating On-boarding Page Slider Part-18
- 58. High Fidelity Completing On-boarding Page Part-19
- 59. High Fidelity Sign in and Sign Up Page Part-20
- 60. High Fidelity Bottom Navbar Component Part-21
- 61. High Fidelity Home Page Done Part-22
- 62. High Fidelity Ride Selection Page Part-23
- 63. High Fidelity Payment Page Part-24
- 64. High Fidelity Loader Part-25
- 65. High Fidelity Ride Confirm and Ride Details Part-26
- 66. High Fidelity Ride Details and Rate My Ride Part-27
- 67. High Fidelity Join a Ride and Previous Ride Part-28
- 68. High Fidelity Previous Ride Info Part-29
- 69. Final Design and Prototype Part-30
- 70. High Fidelity Final Prototyping Part-31
- 71. Low Fidelity Design Sign Up and Home Page Part-32
Chapter_8-Shoe_Shop_E_Commerce_App_UI_UX_Project_2
- 72. Shoe Sop E-Commerce App UIUX Project Live Demo
- 74. Project Setup Figma Part-1
- 75. Creating Color Style Guide Part-2
- 76. Creating Typography Style Guide Part-3
- 77. Creating Splash Screen Home Screen (Low Fidelity Wire frame) Part-4
- 78. Creating Product Details, Cart, Purchase Screen (Low Fidelity Wire frame) Part-5
- 79. Designing Splash Screen Part-6
- 80. Designing Search Bar (Home Screen) Part-7
- 81. Designing Category Section (Home Screen) Part-8
- 82. Designing Cart Section (Home Screen) Part-9
- 83. Designing Bottom Navigation Bar (Home Screen) Part-10
- 84. Designing Image Section (Product Details Screen) Part-11
- 85. Designing Product Details Section (Product Details Screen) Part-12
- 86. Designing Cart Screen Part-13
- 87. Designing Place Order Successful Screen Part-14
- 88. Creating Images and Icons Components(Design System) Part-15
- 89. Creating Button Components (Design System) Part-16
- 90. Creating Category Section Components (Design System) Part-17
- 91. Creating Bottom Navigation Bar Components (Design System) Part-18
- 92. Creating Select Size Section Cards Components (Design System) Part-19
- 93. Creating Cart List Components (Design System) Part-20
- 94. Splash Screen Home Screen Prototyping Part-21
- 95. Product Details Screen Prototyping-I Part-22
- 96. Product Details Screen Prototyping - II Part-23
- 97. Cards Components Prototyping Part-24
- 98. Cart Screen Prototyping Part-25
- 99. Final Prototyping Part-26
Chapter_9-Chat_App_UI_UX_Project_3
- 101. Chat App UIUX Project- Live Demo
- 102. Understanding Basics Part-1
- 103. Understanding Colors 1 Part-2
- 104. Understanding Colors 2 Part-3
- 105. Understanding Colors 3 Part-4
- 106. Understanding Colors 4 Part-5
- 107. Declaring Variables 1 Part-6
- 108. Declaring Variables 2 Part-7
- 109. Understanding Typography 1 Part-8
- 110. Understanding Typography 2 Part-9
- 111. Iconography Part-10
- 112. Creating Bottom Navbar and Testing Part-11
- 113. Creating Bottom Navbar and Testing Part-12
- 114. Prototyping and Creating Buttons Part-13
- 115. Creating Chat Components Part-14
- 116. Testing Components Part-15
- 117. Mental Models Part-16
- 118. Understanding User Flow of The App Part-17
- 119. Creating Low Fi Design of The App 1 Part-18
- 120. Creating Low Fi Design of The App 2 Part-19
- 121. Creating Low Fi Design of The App 3 Part-20
- 122. Creating Low Fi Design of The App 4 Part-21
- 123. Creating Low Fi Design of The App 5 Part-22
- 124. Creating Low Fi Design of The App 6 Part-23
- 125. Creating Slider for On Boarding Page Part-24
- 126. Completing On Boarding Page Part-25
- 127. Number Input Page Part-26
- 128. Continuing Sign in Sign Up Pages Part-27
- 129. Completing Sign in Sign Up Pages Part-28
- 130. Designing Home Page 1 Part-29
- 131. Designing Home Page 2 Part-30
- 132. Designing Home Page 3 Part-31
- 133. Completed Designing Home Page 4 Part-32
- 134. Prototyping Bottom Navigation Bar Part-33
- 135. Designing New Chats Option Part-34
- 136. Creating Messages Page 1 Part-35
- 137. Creating Messages Page 2 Part-36
- 138. Creating Messages Page 3 Part-37
- 139. Completed Messages Page Part-38
- 140. Others Profile View Page 1 Part-39
- 141. Others Profile View Page 2 Part-40
- 142. Creating User Profile Page Part-41
- 143. Creating User Profile Details Edit Page Part-42
- 144. Group Messages Page Part-43
- 145. Stories Page Design Part-44
课程内容
9个章节 , 141个讲座
Chapter_1-Course_Overview
Chapter_2-Getting_Started_Figma_Files_(Resource)
Chapter_3-Prototyping_Theory
Chapter_4-Prototyping_Basic_Level
- 7. Discuss About Types of UI Animation Part-1
- 8. Destination Trigger Action and Animation Part-2
- 9. Prototype Settings Testing Sharing Prototypes Part-3
- 10. How On Drag Trigger Works Part-4
- 11. How On Click Trigger Works Part-5
- 12. How While Hovering Trigger Works Part-6
- 13. How After Delay Trigger Works Part-7
- 14. Prototype Action-Navigate to and Change to Part-8
Chapter_5-Prototyping_Mid_Level
- 15. Open Overlay Part-1
- 16. Toggle Checkbox Eye off on Radio Part-2
- 17. Accordion Prototyping Part-3
- 18. Tab Bar Prototyping Part-4
- 19. Video Interaction Prototyping Part-5
- 20. Zooming Hover Prototyping Part-6
- 21. Card Carousel Drag Animation Prototyping Part-7
- 22. Sticky Scroll Animation Part-8
- 23. Range Slider Prototyping Part-9
- 24. Text Animation Prototyping Part-10
- 25. Notification Effects Prototyping Part-11
- 26. Animated Card Effect Part-12
- 27. Switch and Toggle Button Part-13
Chapter_6-Prototyping_Advanced_Level
- 28. Conditional and Set Variable Part-1
- 29. Delete Prototyping Using Set Variable Part-2
- 30. Hide and Show Using Boolean Part-3
- 31. App Screen Advance Prototyping Part-4
- 32. Advance Prototyping Techniques Part-5
- 33. Advance Prototype Using Button Variants Part-6
- 34. Animated Slider Part-7
- 35. Real Time Typing Keyboard Prototyping Part-8
- 36. Interactive Drop Down Menu Prototyping Part-9
- 37. Interactive Drop Down Menu Prototyping Part-10
Chapter_7-Uber_Ride_Sharing_App_UI_UX_Project_1
- 39. Ride Sharing App UIUX Project Live Demo
- 40. Choosing Colors 1 Part-1
- 41. Choosing Colors 2 Part-2
- 42. Defining Variables Part-3
- 43. Creating Typography 1 Part-4
- 44. Creating Typography 2 Part-5
- 45. Iconography Part-6
- 46. Understanding Basics of Auto-layout Part-7
- 47. Creating your First Component Part-8
- 48. Finishing All Buttons Part-9
- 49. Finalizing Style Guide Part-10
- 50. Low-Fidelity Design On-boarding Page Part-11
- 51. Low Fidelity Design Sign in Page Part-12
- 52. Low Fidelity Design Ride Selection and Payment Part-13
- 53. Low Fidelity Design Ride Search and Ride Found Part-14
- 54. Low Fidelity Design Ride Details and Rating Part-15
- 55. Low Fidelity Design Join a Ride and Previous Ride Part-16
- 56. Low Fidelity Design Final Design Part-17
- 57. High Fidelity Creating On-boarding Page Slider Part-18
- 58. High Fidelity Completing On-boarding Page Part-19
- 59. High Fidelity Sign in and Sign Up Page Part-20
- 60. High Fidelity Bottom Navbar Component Part-21
- 61. High Fidelity Home Page Done Part-22
- 62. High Fidelity Ride Selection Page Part-23
- 63. High Fidelity Payment Page Part-24
- 64. High Fidelity Loader Part-25
- 65. High Fidelity Ride Confirm and Ride Details Part-26
- 66. High Fidelity Ride Details and Rate My Ride Part-27
- 67. High Fidelity Join a Ride and Previous Ride Part-28
- 68. High Fidelity Previous Ride Info Part-29
- 69. Final Design and Prototype Part-30
- 70. High Fidelity Final Prototyping Part-31
- 71. Low Fidelity Design Sign Up and Home Page Part-32
Chapter_8-Shoe_Shop_E_Commerce_App_UI_UX_Project_2
- 72. Shoe Sop E-Commerce App UIUX Project Live Demo
- 74. Project Setup Figma Part-1
- 75. Creating Color Style Guide Part-2
- 76. Creating Typography Style Guide Part-3
- 77. Creating Splash Screen Home Screen (Low Fidelity Wire frame) Part-4
- 78. Creating Product Details, Cart, Purchase Screen (Low Fidelity Wire frame) Part-5
- 79. Designing Splash Screen Part-6
- 80. Designing Search Bar (Home Screen) Part-7
- 81. Designing Category Section (Home Screen) Part-8
- 82. Designing Cart Section (Home Screen) Part-9
- 83. Designing Bottom Navigation Bar (Home Screen) Part-10
- 84. Designing Image Section (Product Details Screen) Part-11
- 85. Designing Product Details Section (Product Details Screen) Part-12
- 86. Designing Cart Screen Part-13
- 87. Designing Place Order Successful Screen Part-14
- 88. Creating Images and Icons Components(Design System) Part-15
- 89. Creating Button Components (Design System) Part-16
- 90. Creating Category Section Components (Design System) Part-17
- 91. Creating Bottom Navigation Bar Components (Design System) Part-18
- 92. Creating Select Size Section Cards Components (Design System) Part-19
- 93. Creating Cart List Components (Design System) Part-20
- 94. Splash Screen Home Screen Prototyping Part-21
- 95. Product Details Screen Prototyping-I Part-22
- 96. Product Details Screen Prototyping - II Part-23
- 97. Cards Components Prototyping Part-24
- 98. Cart Screen Prototyping Part-25
- 99. Final Prototyping Part-26
Chapter_9-Chat_App_UI_UX_Project_3
- 101. Chat App UIUX Project- Live Demo
- 102. Understanding Basics Part-1
- 103. Understanding Colors 1 Part-2
- 104. Understanding Colors 2 Part-3
- 105. Understanding Colors 3 Part-4
- 106. Understanding Colors 4 Part-5
- 107. Declaring Variables 1 Part-6
- 108. Declaring Variables 2 Part-7
- 109. Understanding Typography 1 Part-8
- 110. Understanding Typography 2 Part-9
- 111. Iconography Part-10
- 112. Creating Bottom Navbar and Testing Part-11
- 113. Creating Bottom Navbar and Testing Part-12
- 114. Prototyping and Creating Buttons Part-13
- 115. Creating Chat Components Part-14
- 116. Testing Components Part-15
- 117. Mental Models Part-16
- 118. Understanding User Flow of The App Part-17
- 119. Creating Low Fi Design of The App 1 Part-18
- 120. Creating Low Fi Design of The App 2 Part-19
- 121. Creating Low Fi Design of The App 3 Part-20
- 122. Creating Low Fi Design of The App 4 Part-21
- 123. Creating Low Fi Design of The App 5 Part-22
- 124. Creating Low Fi Design of The App 6 Part-23
- 125. Creating Slider for On Boarding Page Part-24
- 126. Completing On Boarding Page Part-25
- 127. Number Input Page Part-26
- 128. Continuing Sign in Sign Up Pages Part-27
- 129. Completing Sign in Sign Up Pages Part-28
- 130. Designing Home Page 1 Part-29
- 131. Designing Home Page 2 Part-30
- 132. Designing Home Page 3 Part-31
- 133. Completed Designing Home Page 4 Part-32
- 134. Prototyping Bottom Navigation Bar Part-33
- 135. Designing New Chats Option Part-34
- 136. Creating Messages Page 1 Part-35
- 137. Creating Messages Page 2 Part-36
- 138. Creating Messages Page 3 Part-37
- 139. Completed Messages Page Part-38
- 140. Others Profile View Page 1 Part-39
- 141. Others Profile View Page 2 Part-40
- 142. Creating User Profile Page Part-41
- 143. Creating User Profile Details Edit Page Part-42
- 144. Group Messages Page Part-43
- 145. Stories Page Design Part-44