<?xml version="1.0" encoding="utf-8"?>
Uxcel
Pro MembershipFor TeamsHelp
Log inSign up

Design Principles Exercises

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

Credibility
Exercise

Credibility

UX Design Principles
Neutral colors
Exercise

Neutral colors

Intro to Color Theory
Usefulness
Exercise

Usefulness

UX Design Principles
Desirability
Exercise

Desirability

UX Design Principles
Findability
Exercise

Findability

UX Design Principles
Accessibility
Exercise

Accessibility

UX Design Principles
Warm colors
Exercise

Warm colors

Intro to Color Theory
Usability
Exercise

Usability

UX Design Principles
Primary colors
Exercise

Primary colors

Intro to Color Theory
Value-impact
Exercise

Value-impact

UX Design Principles
Cool colors
Exercise

Cool colors

Intro to Color Theory
Color palette
Exercise

Color palette

Intro to Color Theory
Print resolution
Exercise

Print resolution

Image Properties
Contrast and distinction
Exercise

Contrast and distinction

13 Core Visual Design Principles
Design systems
Exercise

Design systems

UI Design Deliverables
Negative space as breathing room
Exercise

Negative space as breathing room

13 Core Visual Design Principles
Atoms
Exercise

Atoms

Atomic Design by Brad Frost
Emphasis and the Von Restorff effect
Exercise

Emphasis and the Von Restorff effect

13 Core Visual Design Principles
Hierarchy and visual order
Exercise

Hierarchy and visual order

13 Core Visual Design Principles
Proximity and Gestalt theory
Exercise

Proximity and Gestalt theory

13 Core Visual Design Principles
Proportion and element relationships
Exercise

Proportion and element relationships

13 Core Visual Design Principles
Unity and visual harmony
Exercise

Unity and visual harmony

13 Core Visual Design Principles
Consistency and standards
Exercise

Consistency and standards

10 Usability Heuristics by Jakob Nielsen
Creating focal points with emphasis
Exercise

Creating focal points with emphasis

Visual Design Principles in Practice
Alignment and structure
Exercise

Alignment and structure

13 Core Visual Design Principles
Design systems
Exercise

Design systems

Technical UI Terms
Using contrast for accessibility
Exercise

Using contrast for accessibility

Visual Design Principles in Practice
Repetition and pattern recognition
Exercise

Repetition and pattern recognition

13 Core Visual Design Principles
Symmetry and asymmetry
Exercise

Symmetry and asymmetry

13 Core Visual Design Principles
Using negative space effectively
Exercise

Using negative space effectively

Visual Design Principles in Practice
Design principles
Exercise

Design principles

Basics of Design Composition
Guiding the eye with movement
Exercise

Guiding the eye with movement

Visual Design Principles in Practice
Creating unity in design
Exercise

Creating unity in design

Visual Design Principles in Practice
Using alignment for scannability
Exercise

Using alignment for scannability

Visual Design Principles in Practice
Balancing proportion in interfaces
Exercise

Balancing proportion in interfaces

Visual Design Principles in Practice
Maintain sufficient text contrast
Exercise

Maintain sufficient text contrast

13 Principles of Dark Mode Design
Adjust error color contrast
Exercise

Adjust error color contrast

13 Principles of Dark Mode Design
Visual center
Exercise

Visual center

Principles of Design Composition
Continuation and Gestalt theory
Exercise

Continuation and Gestalt theory

13 Core Visual Design Principles
Smart TV
Exercise

Smart TV

Devices & Screen Sizes
Use elevation to communicate depth
Exercise

Use elevation to communicate depth

13 Principles of Dark Mode Design
Figure-ground perception
Exercise

Figure-ground perception

13 Core Visual Design Principles
Using continuation to direct attention
Exercise

Using continuation to direct attention

Visual Design Principles in Practice
Design patterns
Exercise

Design patterns

Basics of Design Composition
Establishing visual hierarchy
Exercise

Establishing visual hierarchy

Visual Design Principles in Practice
Avoid using pure black
Exercise

Avoid using pure black

13 Principles of Dark Mode Design
Application of atomic design theory
Exercise

Application of atomic design theory

Atomic Design by Brad Frost
Dimensions
Exercise

Dimensions

Intro to Design Layouts
Use desaturated colors
Exercise

Use desaturated colors

13 Principles of Dark Mode Design
Using repetition for consistency
Exercise

Using repetition for consistency

Visual Design Principles in Practice