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.
74 lines
2.0 KiB
74 lines
2.0 KiB
2 years ago
|
# UI I - Ex 3 - Color combinations
|
||
2 years ago
|
|
||
2 years ago
|
**Instructions:**
|
||
2 years ago
|
|
||
2 years ago
|
Let's browse!
|
||
2 years ago
|
|
||
2 years ago
|
Find 3 digital products (websites or apps) that use each kind of color palette combination:
|
||
2 years ago
|
|
||
2 years ago
|
- Monochromatic
|
||
|
- Analogous
|
||
|
- Complementary
|
||
|
- Split complementary
|
||
|
- Triadic
|
||
|
- Double complementary
|
||
2 years ago
|
|
||
2 years ago
|
**Deliverable:**
|
||
2 years ago
|
|
||
2 years ago
|
- A PDF document extracted from a Figma file including for each
|
||
|
- screenshots of the main page
|
||
|
- the matching URL
|
||
|
- the main colors and
|
||
|
- the kind of color combination.
|
||
|
|
||
|
**Tips:**
|
||
|
|
||
|
- You can find HSB (Hue, Saturation, Brightness) as well as HSV (Hue, Saturation, Value) depending of the source.
|
||
|
|
||
|
**Resources:**
|
||
|
|
||
|
- [https://coloursandmaterials.wordpress.com/2014/09/16/colour-system/](https://coloursandmaterials.wordpress.com/2014/09/16/colour-system/)
|
||
|
- ![Color wheel combinations](Resource.png)
|
||
|
|
||
|
|
||
|
**Monochromatic examples:**
|
||
2 years ago
|
|
||
2 years ago
|
- [https://www.benefitcosmetics.com/](https://www.benefitcosmetics.com/)
|
||
|
- [http://www.jwilouvres.com.au/](http://www.jwilouvres.com.au/)
|
||
|
- [http://blank.com.pt/](http://blank.com.pt/)
|
||
2 years ago
|
|
||
2 years ago
|
|
||
2 years ago
|
**Analogous examples:**
|
||
2 years ago
|
|
||
2 years ago
|
- [https://www.natuurenmilieu.nl/](https://www.natuurenmilieu.nl/)
|
||
|
- [https://campesinorum.com/](https://campesinorum.com/)
|
||
|
- [https://www.lobster.es/](https://www.lobster.es/)
|
||
2 years ago
|
|
||
2 years ago
|
|
||
2 years ago
|
**Complementary examples:**
|
||
2 years ago
|
|
||
2 years ago
|
- [https://www.rolandgarros.com/](https://www.rolandgarros.com/fr-fr)
|
||
|
- [https://squilla.io/](https://squilla.io/)
|
||
|
- [https://gomim.com/en/](https://gomim.com/en/)
|
||
2 years ago
|
|
||
2 years ago
|
|
||
2 years ago
|
**Split complementary examples:**
|
||
2 years ago
|
|
||
2 years ago
|
- [https://flythenest.io/en/](https://flythenest.io/en/)
|
||
|
- [https://www.kineuphorics.com/](https://www.kineuphorics.com/)
|
||
|
- [https://www.ma-tea.de/](https://www.ma-tea.de/)
|
||
2 years ago
|
|
||
2 years ago
|
|
||
2 years ago
|
**Triadic examples**
|
||
2 years ago
|
|
||
2 years ago
|
- [https://normalnow.com/](https://normalnow.com/)
|
||
|
- [https://brainbakery.com/en/](https://brainbakery.com/en/)
|
||
|
- [https://www.barkbox.com/](https://www.barkbox.com/)
|
||
2 years ago
|
|
||
2 years ago
|
|
||
2 years ago
|
**Dual complementary or Tetradic examples**
|
||
2 years ago
|
|
||
2 years ago
|
- [https://www.airtable.com/](https://www.airtable.com/)
|
||
|
- [https://calendar.google.com/](https://calendar.google.com/)
|
||
|
- [https://www.ebay.com/](https://www.ebay.com/)
|