mirror of https://github.com/01-edu/UX-UI.git
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
29 lines
1.0 KiB
29 lines
1.0 KiB
2 years ago
|
# UI IV - Ex 4 CK - Animation
|
||
|
|
||
|
**Context:**
|
||
|
|
||
|
In this quest, you’ll have to build your own interface.
|
||
|
|
||
|
After designing your own style guide with a moodboard, colors and typography, you can use the series of consistency principles, atomic design structure, the techniques to build you own library and then a series of screens. Step by step, you’ll have built an animated high-fidelity prototype.
|
||
|
|
||
|
The very last step will be to test it on users to detect the impressions they get when they discover your app.
|
||
|
|
||
|
Once again, feel free to get as much inspiration as you need from existing design systems. Dribbble, consistency and structure are your best friends!
|
||
|
|
||
|
**Instructions:**
|
||
|
|
||
|
Animate your 5 screens on Figma. Think about multistate!!
|
||
|
|
||
|
**Deliverable:**
|
||
|
|
||
|
- An animated high-fidelity prototype
|
||
|
|
||
|
**Resources:**
|
||
|
|
||
|
- [Efficiently Manage Your Designs - How Mockplus State Page Helps To View & Manage Multiple State](https://help.mockplus.com/p/372)
|
||
|
|
||
|
**Quote:**
|
||
|
|
||
|
‘Speak human: Use the words your users use.’ Dan Saffer | Microinteractions
|
||
|
|