UX-UI/subjects/ui/colors-and-moodboard/find-the-colors

UI I - Ex 1 - Find the colors

Context:

This first UI quest is a series of exercises to practice colors, moodboards, typography and replicate screens on Figma!

Instructions:

Go to these 7 websites and make the color palettes out of them (3 to 4 main colors).

Deliverable:

• A PDF document extracted from a Figma file including screenshots of the main page, URL and extracted colors next to the screenshots.

Tips:

• You can use Figma to extract the colors you need and export your file to PDF.

• Use the Color Pipette to extract the colors!

• You can show the main colors with filled squares or circles next to the screenshots.

• Mind the aesthetics of your delivrable! 1 page per site should be good.

• https://www.komoot.com/ (App)

• https://www.airtable.com/

• https://www.decathlon.com/collections/kids-gift-ideas

• https://www.jrpass.com/

• https://www.thesiff.com/

• https://brave.com/es/

• https://www.nhp.gov.in/

Resources:

• Video tutorial on Figma
• Beginning graphic design
• Gareth graphic studio