Этот материал находится в платной подписке. Оформи премиум подписку и смотри или слушай Motion Design with Figma: Animations, Motion Graphics, UX/UI, а также все другие курсы, прямо сейчас!
Премиум
  • Урок 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!