<?xml version="1.0" encoding="utf-8"?>
UX design vs. UI design
Exercise

UX design vs. UI design

Interaction designer
Exercise

Interaction designer

UX designer
Exercise

UX designer

Visual designer
Exercise

Visual designer

Shadow elevation
Exercise

Shadow elevation

Shadow opacity
Exercise

Shadow opacity

Motion designer
Exercise

Motion designer

Inner shadow
Exercise

Inner shadow

Retina
Exercise

Retina

Visual center
Exercise

Visual center

Shadow blur
Exercise

Shadow blur

The rule of thirds
Exercise

The rule of thirds

Visual design
Exercise

Visual design

Generate font combinations
Exercise

Generate font combinations

Scale design systems
Exercise

Scale design systems

Using medium-fidelity wireframes
Exercise

Using medium-fidelity wireframes

3-Point composition
Exercise

3-Point composition

Using high-fidelity wireframes
Exercise

Using high-fidelity wireframes

Figure-ground principle
Exercise

Figure-ground principle

Components of service design
Exercise

Components of service design

High-fidelity wireframes
Exercise

High-fidelity wireframes

Add movement without animation
Exercise

Add movement without animation

Curate images
Exercise

Curate images

Visual center
Exercise

Visual center

Change scale to convey importance and create hierarchy
Exercise

Change scale to convey importance and create hierarchy

Create 3D Models
Exercise

Create 3D Models

Exercise

Create color palettes

Annotate what can't be shown on a wireframe
Exercise

Annotate what can't be shown on a wireframe

Simulate depth in 2D designs
Exercise

Simulate depth in 2D designs

Negative space can highlight elements
Exercise

Negative space can highlight elements

Low-fidelity wireframes
Exercise

Low-fidelity wireframes

Generate logos
Exercise

Generate logos

Manage videos
Exercise

Manage videos

Add asymmetry to make your designs visually interesting
Exercise

Add asymmetry to make your designs visually interesting

Purposes of wireframing
Exercise

Purposes of wireframing

Automate repetitive tasks with Figma plugins
Exercise

Automate repetitive tasks with Figma plugins

Generate interfaces
Exercise

Generate interfaces

Negative space improves UX
Exercise

Negative space improves UX

Dynamic composition
Exercise

Dynamic composition

3D scene composition
Exercise

3D scene composition

3D composition
Exercise

3D composition

Subtlety with shape
Exercise

Subtlety with shape

Exercise

Positive space

Subtlety with texture
Exercise

Subtlety with texture

Select the right level of wireframe complexity
Exercise

Select the right level of wireframe complexity

Internal negative space ensures that elements don't clash
Exercise

Internal negative space ensures that elements don't clash

Adjust layouts
Exercise

Adjust layouts

Prototypes vs wireframes
Exercise

Prototypes vs wireframes

Negative space around elements helps establish the order of importance
Exercise

Negative space around elements helps establish the order of importance

Difference between AR and VR
Exercise

Difference between AR and VR