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.
38 lines
1.7 KiB
38 lines
1.7 KiB
2 years ago
|
# UI I - Ex 5 CK - Typography
|
||
|
|
|
||
|
|
**Context:**
|
||
|
|
|
||
|
|
This first UI quest is a series of exercises to practice colors, moodboards, typography and replicate screens on Figma!
|
||
|
|
|
||
|
|
**Instructions:**
|
||
|
|
|
||
|
|
Go to these websites and detect the typographies used.
|
||
|
|
|
||
|
|
- [https://unric.org/no](https://unric.org/no)
|
||
|
|
- [https://www.strongbowcider.com/bug-exterminator-brisbane](https://www.strongbowcider.com/bug-exterminator-brisbane)
|
||
|
|
- [http://www.bbqgrillsandfire.com/](http://www.bbqgrillsandfire.com/)
|
||
|
|
- [https://pt.wikipedia.org/wiki/Mario_Botta](https://pt.wikipedia.org/wiki/Mario_Botta)
|
||
|
|
- [https://texas-private-investigator.com/](https://texas-private-investigator.com/)
|
||
|
|
- [https://bumble.com/](https://bumble.com/)
|
||
|
|
- [https://adopte1poule.fr/](https://adopte1poule.fr/)
|
||
|
|
- [http://slaveryfootprint.org/](http://slaveryfootprint.org/)
|
||
|
|
- [https://www.tomorrowland.com/fr/festival/bienvenue](https://www.tomorrowland.com/fr/festival/bienvenue)
|
||
|
|
- [https://artisanscanada.com/](https://artisanscanada.com/)
|
||
|
|
|
||
|
|
**Deliverables:**
|
||
|
|
|
||
|
|
- A PDF document extracted from a Figma file showing all the typographies used in each website or app.
|
||
|
|
|
||
|
|
**Tips:**
|
||
|
|
|
||
|
|
- Mind the presentation!
|
||
|
|
- Feel free to browse Google Chrome options to detect typography ;-)
|
||
|
|
- [Google Fonts](https://fonts.google.com/) is another great friend to have by your side
|
||
|
|
|
||
|
|
**Resources:**
|
||
|
|
|
||
|
|
- [What is Typography](https://www.renderforest.com/blog/what-is-typography)
|
||
|
|
- [Why is Typography important?](https://careerfoundry.com/en/blog/ui-design/beginners-guide-to-typography/)
|
||
|
|
- [Beginning graphic design: Typography](https://edu.gcfglobal.org/en/beginning-graphic-design/typography/1/)
|
||
|
|
- [Beginning graphic design](https://edu.gcfglobal.org/en/beginning-graphic-design/)
|
||
|
|
- [Gareth graphic studio](https://www.youtube.com/c/GarethDavidStudio)
|