Урок 1. 00:03:11
Motion Design with Figma: Zero to Mastery
Урок 2. 00:02:26
What We Are Going to Learn
Урок 3. 00:03:37
Misconceptions of Motion Design
Урок 4. 00:03:21
Motion Supports Usability
Урок 5. 00:05:16
Narrative and Mental Models
Урок 6. 00:01:34
What is a Microinteraction?
Урок 7. 00:01:58
The Structure of a Microinteraction
Урок 8. 00:02:04
Not Every Element is a Microinteraction!
Урок 9. 00:04:33
How Microinteractions Impact User Experiences
Урок 10. 00:02:30
Recap: What Did We Learn?
Урок 11. 00:01:01
Where To Next? Your Choice...
Урок 12. 00:01:35
Intro to Figma: Education Plans and Signup
Урок 13. 00:00:57
Intro to Figma: Introduction
Урок 14. 00:00:33
Intro to Figma: Where to use Figma
Урок 15. 00:02:21
Figma UI: File Browser
Урок 16. 00:01:32
Figma UI: Files
Урок 17. 00:05:32
Figma UI: Toolbar
Урок 18. 00:04:07
Figma UI: Left Sidebar
Урок 19. 00:04:25
Figma UI: Right Sidebar
Урок 20. 00:04:39
Shapes and Tools: Working with Containers
Урок 21. 00:05:42
Shapes and Tools: Basic Shapes and Boolean Operations
Урок 22. 00:02:50
Designing in Figma: Images
Урок 23. 00:04:05
Designing in Figma: Getting Started with Text
Урок 24. 00:02:51
Designing in Figma: Constraints
Урок 25. 00:06:00
Designing in Figma: Using Auto Layout
Урок 26. 00:01:41
Resources and Collaboration: Community Files
Урок 27. 00:02:43
Resources and Collaboration: Community Plugins
Урок 28. 00:03:25
Resources and Collaboration: Sharing and Comments
Урок 29. 00:02:36
What We Are Going to Learn
Урок 30. 00:02:16
Exercise: Create a Quick Logo Using Shapes
Урок 31. 00:05:38
Exercise: Autolayout Buttons
Урок 32. 00:03:08
Exercise: Responsive Navigation
Урок 33. 00:04:16
Exercise: Responsive Text
Урок 34. 00:03:13
Exercise: Imagery and Gradients
Урок 35. 00:03:16
Exercise: Layout and Responsiveness
Урок 36. 00:01:03
Assignment: Create Complex Interactive Components
Урок 37. 00:01:42
What We Are Going to Learn
Урок 38. 00:04:05
Smart Animate Properties
Урок 39. 00:04:01
Smart Animate Basics
Урок 40. 00:05:52
Exercise: Parallax
Урок 41. 00:06:50
Exercise: New Message
Урок 42. 00:06:45
Exercise: Overlay
Урок 43. 00:06:15
Check-in: Interactive Components
Урок 44. 00:09:33
Exercise: Interactive Buttons
Урок 45. 00:02:23
What We Are Going to Learn
Урок 46. 00:06:33
Prototype: Category Transitions
Урок 47. 00:09:21
Interactive Components: Icons
Урок 48. 00:03:07
Prototype: Simple Microinteractions
Урок 49. 00:06:44
Prototype: Screen Transitions
Урок 50. 00:02:02
Prototype: Simple Horizontal Scroll
Урок 51. 00:05:12
Prototype: Hijacked Horizontal Scroll
Урок 52. 00:01:47
Assignment: Photo Inspiration Mobile App
Урок 53. 00:01:38
Easing
Урок 54. 00:00:59
Offset and Delay
Урок 55. 00:01:03
Parenting
Урок 56. 00:01:07
Transformation
Урок 57. 00:01:01
Value Change
Урок 58. 00:01:12
Masking
Урок 59. 00:01:34
Overlay
Урок 60. 00:00:53
Cloning
Урок 61. 00:00:59
Obscuration
Урок 62. 00:01:04
Parallax
Урок 63. 00:01:50
Dimensionality
Урок 64. 00:01:26
Dolly and Zoom
Урок 65. 00:02:07
What We Are Going to Learn
Урок 66. 00:02:27
Navigation: Building the Navigation
Урок 67. 00:07:39
Navigation: Prototyping with Simple Variants
Урок 68. 00:06:45
Navigation: Home Interactive Components
Урок 69. 00:04:09
Navigation: Heart Interactive Components
Урок 70. 00:05:21
Navigation: Cart Interactive Components
Урок 71. 00:02:34
Navigation: Settings Interactive Components
Урок 72. 00:07:20
Navigation: Animations with Your Navigation Component
Урок 73. 00:02:25
Scrolling: Landing Page Design
Урок 74. 00:04:32
Scrolling: Anchor Links
Урок 75. 00:04:02
Scrolling: Short Parallax
Урок 76. 00:02:23
Scrolling: Extended Parallax
Урок 77. 00:06:55
Pagination: Carousel Dots
Урок 78. 00:11:21
Pagination: Pagination Control
Урок 79. 00:04:22
Dragging: Listing Card
Урок 80. 00:06:02
Dragging: App Scrolling
Урок 81. 00:03:27
Dragging: Drag and Drop
Урок 82. 00:03:03
Microinteractions: Simple File Uploader
Урок 83. 00:01:35
Microinteractions: Uploader Success
Урок 84. 00:03:38
Microinteractions: Cancel Upload
Урок 85. 00:05:30
Microinteractions: Normal Like Button
Урок 86. 00:06:30
Microinteractions: Like Button Bounce
Урок 87. 00:08:22
Delight: Confetti
Урок 88. 00:06:54
Delight: Checklist
Урок 89. 00:05:42
Delight: Add to Cart
Урок 90. 00:03:59
Step 1: Discovery and Research
Урок 91. 00:02:53
Step 2: Design and Storyboard
Урок 92. 00:01:51
Step 3: Prototype
Урок 93. 00:03:03
Step 4: Testing
Урок 94. 00:03:41
Check in: Quick Tips!
Урок 95. 00:01:20
Recap: What Did We Learn?
Урок 96. 00:01:26
What We Are Going to Learn
Урок 97. 00:07:09
Interactive Component: Carousel Section
Урок 98. 00:04:59
Prototype: Simple Carousel Transition
Урок 99. 00:12:21
Prototype: Complex Parallax and 3D Image Effect
Урок 100. 00:01:29
Assignment: Create a Full Page Carousel
Урок 101. 00:02:56
Exercise: Imposter Syndrome
Урок 102. 00:02:20
What We Are Going to Learn
Урок 103. 00:05:50
Interactive Component: Toggle Card
Урок 104. 00:04:47
Interactive Component: Temperature Slider
Урок 105. 00:02:13
Prototype: Toggle Cards
Урок 106. 00:04:11
Prototype: Simple Temperature Control
Урок 107. 00:04:10
Prototype: Colour Temperature Control
Урок 108. 00:03:12
Prototype: Navigation Transition
Урок 109. 00:01:16
Assignment: Create Complex Interactive Components
Урок 110. 00:02:59
Feedback Drives Better Design
Урок 111. 00:04:03
Constructive Feedback
Урок 112. 00:01:34
Recap: What Did We Learn?
Урок 113. 00:03:23
What We Are going to Learn
Урок 114. 00:06:43
Interactive Component: Website Buttons
Урок 115. 00:03:34
Interactive Component: General Room Card
Урок 116. 00:06:00
Interactive Component: Navigation and Links
Урок 117. 00:02:43
Prototype: Landing Page Parallax Intro
Урок 118. 00:02:06
Prototype: Full Image Parallax
Урок 119. 00:03:16
Prototype: Testimonial Carousel
Урок 120. 00:04:52
Prototype: Staggered Cards
Урок 121. 00:03:40
Prototype: Gallery Image Automated Scroll
Урок 122. 00:00:59
Assignment: Prototype Parallax Effects
Урок 123. 00:02:31
What We Are Going to Learn
Урок 124. 00:03:56
Interactive Component: Form Buttons
Урок 125. 00:03:38
Interactive Component: Progress Bar
Урок 126. 00:05:48
Interactive Component: Arrow Icon Buttons
Урок 127. 00:05:52
Interactive Component: General Input
Урок 128. 00:07:29
Interactive Component: Select Input and Dropdown
Урок 129. 00:04:09
Interactive Component: Icon Toggle Card
Урок 130. 00:06:31
Interactive Component: Checkbox Item
Урок 131. 00:02:50
Interactive Component: Kitchen Card and Carousel Dots
Урок 132. 00:08:30
Interactive Component: Kitchen Carousel
Урок 133. 00:03:03
Prototype: Form Layout
Урок 134. 00:01:51
Prototype: Form Introduction
Урок 135. 00:05:37
Prototype: General Input and Dropdown Overlay
Урок 136. 00:04:10
Prototype: Toggle Cards and Checkbox
Урок 137. 00:04:43
Prototype: Carousel
Урок 138. 00:01:02
Assignment: Create Interactive Form Components
Урок 139. 00:02:16
What We Are Going to Learn
Урок 140. 00:03:34
Interactive Components: Buttons
Урок 141. 00:03:35
Interactive Components: Icon Buttons
Урок 142. 00:04:34
Interactive Components: Category Card
Урок 143. 00:04:57
Interactive Components: Tab Navigation
Урок 144. 00:06:01
Interactive Components: Item Card
Урок 145. 00:06:55
Interactive Components: Promo Card
Урок 146. 00:05:30
Interactive Components: Cart Floating Action Button
Урок 147. 00:05:04
Interactive Components: Item Overlay
Урок 148. 00:08:06
Interactive Components: Order Progression Status Icons
Урок 149. 00:04:22
Interactive Components: Order Progression Overlay
Урок 150. 00:02:52
Prototype: Automatic Parallax Carousel
Урок 151. 00:03:34
Prototype: Tab List Transition
Урок 152. 00:03:27
Prototype: Masking and Overlay
Урок 153. 00:04:01
Prototype: Cart Overlay
Урок 154. 00:05:06
Prototype: Order Progress
Урок 155. 00:01:13
Assignment: Create and Design a Full Food Delivery App
Урок 156. 00:00:37
What We Are Going to Learn
Урок 157. 00:01:26
What is Kap?
Урок 158. 00:02:24
Using Kap
Урок 159. 00:01:06
What is Screencastify?
Урок 160. 00:02:57
Using Screencastify
Урок 161. 00:01:18
Thank You!
