Video description
In this UI Animation for Designers training course, expert author Vinay Raghu will teach you how to incorporate animation in a user interface. This course is designed for users that already have design experience.
You will start by learning how to utilize UI animation, including learning about state and context change, spatial relationships, and delighting users. From there, Vinay will teach you the fundamentals of UI animation, such as motion design principles, the basics of animation, and timing functions. Finally, this video tutorial will teach you how to create animations, including storyboarding, problem solving with animation, and implementing animation.
Once you have completed this computer based training course, you will be fully capable of enhancing user experience by incorporating animations in a user interface.
Publisher resources
Table of contents
-
Introduction
- What To Expect And About The Author 00:06:27
-
Utilizing UI Animation
- Entry And Exit 00:04:15
- State Change 00:02:52
- Context Change 00:03:16
- Spatial Relationships 00:05:57
- Delighting Users 00:08:11
- Thinking In Animation 00:09:20
- User Onboarding 00:07:26
-
Fundamentals Of UI Animation
- Motion Design Principles 00:03:56
- Basics Of Animation 00:04:01
- Learning From Others 00:03:13
- Extended Metaphors 00:04:38
- Timing Functions 00:04:38
- Performance - Part 1 00:06:30
- Performance - Part 2 00:06:30
-
Creating Animations
- Storyboarding 00:05:20
- Problem Solving With Animation 00:08:57
- Implementing Animation 00:14:28
-
Conclusion
- Wrap Up 00:13:35
Product information
- Title: UI Animation for Designers
- Author(s):
- Release date: August 2015
- Publisher(s): Infinite Skills
- ISBN: 9781771374286
You might also like
video
Design Patterns in the Real World, an Analysis-Based Approach
Alan Holub takes coders deep into the reality of Gang-of-Four design patterns, those reusable guides to …
video
Ultimate Graphic Design Course: Create 40 Practical Projects
Use Photoshop to create Facebook ads, Instagram posts, newsletters, YouTube thumbnails, CVs, business cards, and more! …
video
Modern JavaScript From The Beginning
Learn and Build Projects with Pure JavaScript (No Frameworks or Libraries) About This Video Understanding of …
video
CSS Bootcamp: Master CSS (Including CSS Grid/Flexbox)
Work through real-world projects and learn how to create modern, responsive websites using CSS Grid and …
