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.2 KiB
29 lines
1.2 KiB
2 years ago
|
# UI III - Ex 2 CK - Multi state
|
||
|
|
|
||
|
|
**Context:**
|
||
|
|
|
||
|
|
Welcome to the 3rd quest of UI.
|
||
|
|
|
||
|
|
In this series of exercises, you’ll be asked to open your eyes and collect graphic elements from various websites. You’ll see grids across screens, multi state buttons, how to make a design accessible for all, breadcrumbs, toggle buttons, radio buttons, calendar, time picker with 2 main goals:
|
||
|
|
|
||
|
|
- Enrich your graphic general knowledge
|
||
|
|
- Detect consistency, that helps users understand a digital product at the first glance.
|
||
|
|
|
||
|
|
**Instructions**:
|
||
|
|
|
||
|
|
Go to [Nintendo.com](http://Nintendo.com) and observe the buttons and call to actions. When you hover or click on them, they change!
|
||
|
|
|
||
|
|
Make screenshots of the different states of buttons, menu titles, filters etc. Then, gather and organize them.
|
||
|
|
|
||
|
|
Find at least five combinations of multi state elements.
|
||
|
|
|
||
|
|
**Deliverables:**
|
||
|
|
|
||
|
|
- A PDF document extracted from a Figma file with 5 combinations of multi state elements
|
||
|
|
|
||
|
|
**Resources:**
|
||
|
|
|
||
|
|
- [Video tutorial on Figma](https://www.youtube.com/watch?v=FTFaQWZBqQ8)
|
||
|
|
- [Beginning graphic design](https://edu.gcfglobal.org/en/beginning-graphic-design/)
|
||
|
|
- [Gareth graphic studio](https://www.youtube.com/c/GarethDavidStudio)
|