Logo

Design Fundamentals

beginner

Topic 1 of 10 in UI/UX Design

What it is

Design fundamentals cover the core visual principles — layout, typography, colour, spacing, and hierarchy — that make any design clear, usable, and visually appealing.

Why ui/ux design developers need it

Good design is not about making things pretty. It is about guiding users, reducing confusion, and communicating information clearly. These principles apply to every screen you will ever design.

What to learn

Visual hierarchy: size, colour, weight, position
Layout principles: alignment, proximity, white space
Typography: choosing fonts, pairing, sizing scales
Colour theory: hue, saturation, lightness, contrast
Grid systems and spacing scales
Consistency and repetition
Gestalt principles: proximity, similarity, closure

Practice project

Design Teardown

Pick three well-designed apps or websites. Break down each one: identify the grid, the colour palette, the type scale, and the visual hierarchy. Present your findings in a document.

Learn this on MooreSkillUp

Our UI Design Fundamentals course covers this topic in depth with structured lessons, tasks, and a certificate on completion.