Этот материал находится в платной подписке. Оформи премиум подписку и смотри или слушай Motion Design with Figma: Animations, Motion Graphics, UX/UI, а также все другие курсы, прямо сейчас!
Премиум
  • Урок 1. 00:03:11
    Motion Design with Figma: Zero to Mastery
  • Урок 2. 00:05:26
    Common Misconceptions Of Motion Design
  • Урок 3. 00:07:20
    Motion Helps Create Usability
  • Урок 4. 00:09:32
    Narrative And Mental Models
  • Урок 5. 00:01:01
    Where To Next? Your Choice...
  • Урок 6. 00:01:50
    Introducing Figma
  • Урок 7. 00:05:13
    Figma Dashboard
  • Урок 8. 00:05:46
    Figma Tools
  • Урок 9. 00:03:23
    Layers And Pages
  • Урок 10. 00:10:28
    The Top Bar
  • Урок 11. 00:11:17
    Design Properties
  • Урок 12. 00:03:36
    Prototyping With Figma
  • Урок 13. 00:16:44
    Exercise: Creating A Responsive Layout
  • Урок 14. 00:06:22
    Scale
  • Урок 15. 00:05:24
    Position
  • Урок 16. 00:05:45
    Opacity
  • Урок 17. 00:02:58
    Rotation
  • Урок 18. 00:08:11
    Fill
  • Урок 19. 00:05:39
    Exercise: Creating A Simple Interaction
  • Урок 20. 00:10:01
    Exercise: Animating The Navigation
  • Урок 21. 00:13:07
    Exercise: Creating A Larger Prototype
  • Урок 22. 00:11:26
    Design Assets
  • Урок 23. 00:09:09
    Filtering Through Categories
  • Урок 24. 00:11:10
    Screen Transitions And Drag Interactions
  • Урок 25. 00:12:50
    Simple Microinteractions
  • Урок 26. 00:01:10
    Introduction
  • Урок 27. 00:02:14
    Easing
  • Урок 28. 00:02:03
    Offset And Delay
  • Урок 29. 00:02:13
    Parenting
  • Урок 30. 00:02:28
    Transformation
  • Урок 31. 00:03:36
    Value Change
  • Урок 32. 00:02:29
    Masking
  • Урок 33. 00:01:55
    Overlay
  • Урок 34. 00:01:53
    Cloning
  • Урок 35. 00:02:07
    Obscuration
  • Урок 36. 00:03:05
    Parallax
  • Урок 37. 00:02:37
    Dimensionality
  • Урок 38. 00:02:49
    Dolly And Zoom
  • Урок 39. 00:10:33
    Exercise: Navigation Transitions (Navigation Design)
  • Урок 40. 00:10:05
    Exercise: Navigation Transitions (Heart)
  • Урок 41. 00:06:59
    Exercise: Navigation Transitions (Cart)
  • Урок 42. 00:07:12
    Exercise: Navigation Transitions (Home)
  • Урок 43. 00:08:19
    Exercise: Scrolling (Landing Page)
  • Урок 44. 00:04:04
    Exercise: Scrolling (Anchor Links)
  • Урок 45. 00:09:07
    Exercise: Scrolling (Parallax)
  • Урок 46. 00:11:32
    Exercise: Paging (Simple Carousel Dots)
  • Урок 47. 00:12:57
    Exercise: Paging (Carousel Animations)
  • Урок 48. 00:13:32
    Exercise: Dragging (Listing Card)
  • Урок 49. 00:08:10
    Exercise: Dragging (Image Drag)
  • Урок 50. 00:11:22
    Exercise: Dragging (Dragging Through Content)
  • Урок 51. 00:10:49
    Exercise: Dragging (Drag and Drop)
  • Урок 52. 00:05:16
    Exercise: Microinteractions (File Uploader)
  • Урок 53. 00:09:00
    Exercise: Microinteractions (File Uploader Part 2)
  • Урок 54. 00:02:20
    Exercise: Microinteractions (Pause and Play)
  • Урок 55. 00:05:32
    Exercise: Microinteractions (Like Button)
  • Урок 56. 00:11:25
    Exercise: Microinteractions (Like Interaction)
  • Урок 57. 00:06:05
    Exercise: Delight (Success Modal)
  • Урок 58. 00:11:14
    Exercise: Delight (Confetti Pop)
  • Урок 59. 00:09:38
    Exercise: Delight (Checklist)
  • Урок 60. 00:10:41
    Exercise: Delight (Checklist Part 2)
  • Урок 61. 00:08:02
    Exercise: Delight (Cart Button Part 1)
  • Урок 62. 00:16:27
    Exercise: Delight (Cart Button Part 2)
  • Урок 63. 00:02:09
    Discovery And Research Part 1
  • Урок 64. 00:03:40
    Discovery And Research Part 2
  • Урок 65. 00:03:32
    Design And Storyboard
  • Урок 66. 00:02:12
    Prototype
  • Урок 67. 00:03:39
    Testing
  • Урок 68. 00:11:36
    Helpful Tips
  • Урок 69. 00:12:22
    Simple Landing Page Carousel
  • Урок 70. 00:07:04
    Complex Parallax And 3D Image Effect
  • Урок 71. 00:10:24
    What Is A Microinteraction?
  • Урок 72. 00:09:15
    Why Microinteractions Are Important
  • Урок 73. 00:11:11
    Figmotion: Part 1
  • Урок 74. 00:11:50
    Figmotion: Part 2
  • Урок 75. 00:13:56
    Design A Mobile Home Screen
  • Урок 76. 00:05:46
    Create A Toggle Interaction
  • Урок 77. 00:15:51
    Temperature Adjustment Interactions
  • Урок 78. 00:04:19
    Why Is Feedback Important?
  • Урок 79. 00:06:49
    Constructive Feedback
  • Урок 80. 00:14:11
    Design A Landing Page
  • Урок 81. 00:05:07
    Prototyping A Landing Page
  • Урок 82. 00:14:07
    Parallax Effects: Part 1
  • Урок 83. 00:03:58
    Carousel
  • Урок 84. 00:06:09
    Parallax Effects: Part 2
  • Урок 85. 00:06:34
    Gallery
  • Урок 86. 00:05:12
    Motion In Form Elements
  • Урок 87. 00:04:21
    Form Progress
  • Урок 88. 00:03:54
    Animating Form Content
  • Урок 89. 00:07:38
    Inputs And Buttons: Part 1
  • Урок 90. 00:06:33
    Inputs And Buttons: Part 2
  • Урок 91. 00:06:33
    Inputs And Buttons: Part 3
  • Урок 92. 00:04:18
    Inputs And Buttons: Part 4
  • Урок 93. 00:03:44
    Tooltips
  • Урок 94. 00:08:03
    Carousel Input
  • Урок 95. 00:04:54
    Introduction
  • Урок 96. 00:06:46
    Using Parallax To Draw Attention
  • Урок 97. 00:09:37
    List Transitions
  • Урок 98. 00:06:57
    Alternative Overlays
  • Урок 99. 00:12:05
    Masking And Overlay
  • Урок 100. 00:08:18
    Microinteractions and Floating Action Buttons
  • Урок 101. 00:08:29
    Order Progress: Part 1
  • Урок 102. 00:08:29
    Order Progress: Part 2
  • Урок 103. 00:01:15
    Kap For Mac
  • Урок 104. 00:05:18
    How To Use Kap
  • Урок 105. 00:03:18
    Using Your Kap Gif In Figma
  • Урок 106. 00:00:43
    Screenity For Chrome And Windows
  • Урок 107. 00:04:14
    How To Use Screenity
  • Урок 108. 00:02:04
    Using Your Screenity GIF in Figma