Background Exercises
Explore hands-on “Background” exercises to sharpen your skills and level up your craft. Want more? Browse all search results

Exercise
Positive and negative space

Exercise
Step 7: Choose element colors

Exercise
Avoid stark contrast

Exercise
WCAG color contrast for text

Exercise
Color contrast recommendations for icons

Exercise
Color contrast recommendations for input borders

Exercise
Background image

Exercise
Step 6: Create a brand style guide

Exercise
Active zones

Exercise
Figure-ground design principle

Exercise
Skip color contrast rules for disabled elements

Exercise
Don't forget color contrast for selection

Exercise
Step 3: Choose a base color scheme

Exercise
How to use close elements

Exercise
Eye movement

Exercise
Step 1: Pick a base color

Exercise
Be mindful of logo text

Exercise
How to use light elements

Exercise
Chromatic colors

Exercise
Be mindful of text overlaying images

Exercise
Design perception

Exercise
Figure-ground principle

Exercise
Step 2: Test colors to pair

Exercise
Heavy colors

Exercise
Step 5: Add in neutrals

Exercise
Monochromatic colors

Exercise
Achromatic colors

Exercise
How to use distant elements

Exercise
Prominence of elements

Exercise
Don't rely on color alone

Exercise
Mysterious colors

Exercise
How to use heavy elements

Exercise
Сlose elements

Exercise
Foreground and background

Exercise
Step 4: Adjust the colors

Exercise
Background

Exercise
Vibrant colors

Exercise
Light colors

Exercise
How to use prominent elements

Exercise
Sour colors

Exercise
Multi-directional movement

Exercise
How to use descending elements

Exercise
Neutral colors

Exercise
Light elements

Exercise
Downward direction

Exercise
Distant elements

Exercise
Energetic colors

Exercise
Sweet colors

Exercise
How to use ascending elements

Exercise