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