background

Completes the work

There is no professional UI to help you

Function oriented (function first)

Deliver functionality

Draw the prototype

MVP principle

Design principles

The hierarchy

consistency

Recommended books

  • contrast
  • repeat
  • intimacy
  • alignment

The design system

layout

  • Easy for users to read
  • Developers write easily

The width of the

spacing

  • options
  • Leave more white

options

Leave more white

Leave more white

Express correlation

The text

Design options

alignment

Line height

color

Neutral colors

The theme color

Function of color

Use the color wheel

contrast

Considerations for using color

Color is used to highlight important points

The depth of the

Shadow options

Practical skills

The hierarchy on the picture

Add a mask

Clear user profile picture

Clear user profile picture