UI Cards Exercises
Explore hands-on “UI Cards” exercises to sharpen your skills and level up your craft. Want more? Browse all search results
Exercise
Icon container
Exercise
Container
Exercise
Use card layout for content browsing
Exercise
Rich card
Exercise
Card
Exercise
Elevated card
Exercise
Make the entire card clickable
Exercise
Cards
Exercise
Flat card
Exercise
Differentiate primary and secondary actions
Exercise
Apply appropriate card shadows
Exercise
Use separate cards to display items on distinct topics
Exercise
Use a familiar position for a menu icon
Exercise
Maintain information hierarchy for better scanning
Exercise
Use contrasting labels
Exercise
Present information in a progressive way
Exercise
Add enough padding to improve scannability
Exercise
Outlined card
Exercise
Keep card labels concise
Exercise
Don't overuse shadows
Exercise
User card
Exercise
Provide enough white space
Exercise
Use quality media to gain trust
Exercise
Cards
Exercise
Text card
Exercise
Use visual elements to create cohesion within a card
Exercise
Strive for simplicity
Exercise
Maintain color hierarchy
Exercise
Cards
Exercise
Artboards
Exercise