Icon States : Collect 5 Icon States Examples
Color Changes
- Green color (Normal)
- Black Outline (Saving)
- Green Outline (Saved)
Opacity / Brightness
- Maintain
Scale & Sizes
- The box sizes will changes when saved successful
Animation
- The outline color change to black when saving
- The outline color change to green when saved
Graphic Elements
- The plant change to tick when saved successful
Color Changes
- Blue color for login
- Yellow color for register
Opacity / Brightness
- Maintain
Scale & Sizes
- Didn’t changes
Animation
- Page will change while click the arrow
Graphic Elements
- None
Color Changes
- Red color for subscribe
- Black color for bell
- White color for like
Opacity / Brightness
- Maintain
Scale & Sizes
- The subscribe and like is the box sizes
- The bell
Animation
- First will come out subscribe then change to bell and like
Graphic Elements
- The video picture will change to the bell and a good gesture
Color Changes
- Still green color
Opacity / Brightness
- Maintain
Scale & Sizes
- Didn’t change
Animation
- Click the start then will move to next step
Graphic Elements
- The arrow will become nothing when click the start
Color Changes
- Didn’t change
Opacity / Brightness
- Maintain
Scale & Sizes
- Didn’t change
Animation
- The circle will more to yes or no
Graphic Elements
- None
References
- https://gfycat.com/fr/scaredloathsomebarracuda  (saving)
- https://www.uplabs.com/posts/simple-login-animation   (login)
Khoo Fang Ming 