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