层次 visual foucs
- Transition, Focus & Delight
- Position, Opacity & Scale
- Use the three properties. Break the design down.
- Color, Rotation & 3D(perspective value -> the amount of warping)
Slight rotation animations can add a really neat element of interest to an otherwise mundane piece of motion, especially when coupled with spring animation curves which will be discussed later in this guide.(?)
why you use this animation?
- What are the initial properties of the item?
- What are the final properties of the item?
- How long should the animation take?
- What's happening while this item is animating?
- What will happen once this item is done animating?
Design with animation
What is animation?
- Direct people's attention. Something is changed.
- Where they are and where they go
- Connect people's behavior, fell they are in control. eg. note center ## How do we try animals? When to use which animation? How it feels?
- Make prototype and get their feedback.
Example: toast APP.
- Tool: Keynote
- Why? What's your goal? What do you want to tell your coustomer?
- add your favorite toast ### Interactive Prototype
- fell it at hands
- let people try it
- make changes
Peoblem Start Change Compete
Use animation to add character to your app or game.