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 III - Ex 1 - Grids
|
||
2 years ago
|
|
||
|
**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:**
|
||
|
|
||
|
Open these 5 images on Figma and draw lines and grids every time you find aligned elements.
|
||
|
|
||
|
—> File on computer
|
||
|
|
||
|
**Deliverables:**
|
||
|
|
||
|
- A PDF document extracted from a Figma file
|
||
|
- The file should include the screens with lines on top to show grids. One PDF page per screen or frame.
|
||
|
|
||
|
**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)
|
||
|
|