Module 01FoundationWeeks 1–2

Design Principles

Learning outcomes

Understand the core principles that make designs work

Core concepts

BalanceContrastAlignmentProximityRepetitionHierarchy

Lessons

Weeks 1–2 · Level 1: Foundation

Module goal

Understand the core, learnable principles that make a design work — the vocabulary and reasoning every later module builds on.

Lesson 1Design is a skill, not a talent

A common and limiting belief among beginners is that good design comes from natural artistic talent — that some people “have an eye for it” and others don't. Professional design is built on specific, learnable principles anyone can study, apply and get measurably better at, the same way anyone can learn the principles of clear writing.

Sets the tone for the whole course

Every principle here has a name, a definition, and a testable presence in any given design. Being able to say “this design lacks contrast” or “the hierarchy is unclear” is a skill built through practice and vocabulary, not a mysterious gift.

Lesson 2Balance

Balance is how visual weight is distributed across a composition. A design feels balanced when no single area feels overloaded while another feels empty — though balance doesn't require perfect symmetry.

Symmetrical balance — elements mirrored evenly either side of a central axis; feels formal, stable, calm
Asymmetrical balance — different elements each side, arranged so their visual weight still feels even; feels dynamic and modern

The see-saw analogy

Two children of equal size sit an equal distance from the centre (symmetrical). A heavier child can also balance a lighter one by sitting closer to the centre (asymmetrical) — the weight is what's balanced, not the arrangement. In design, weight comes from size, colour intensity and visual density.

Lesson 3Contrast

Contrast is the deliberate difference between elements — in size, colour, weight or shape — used to create visual interest and guide attention to what matters most.

Low contrast	High contrast
Similar grey text on white — hard to read, nothing stands out	Bold black on white, or a bright accent against a muted background — immediately legible, draws the eye

Contrast is functional, not decorative

A button that needs clicking should stand out from its background; a heading should look distinctly different from body text so the eye can scan quickly. Low contrast isn't automatically wrong — but it should be a deliberate choice for subtlety, not an accident.

Lesson 4Alignment

Alignment is how elements line up relative to each other — along shared edges, centres or invisible guiding lines. Even slightly misaligned elements register subconsciously as “sloppy”, even to viewers who couldn't articulate why.

Do a before/after

Take a flyer with text boxes and images at slightly inconsistent positions, then align everything to a shared left edge or centre line. The improvement is immediately, viscerally obvious even without design vocabulary — which makes alignment the fastest, highest-impact principle a beginner can start applying.

Lesson 5Proximity

Related items should be grouped closely together, while unrelated items get more space between them. Physical closeness signals conceptual relationship to the eye before any conscious reading happens.

The business card test

A job title should sit closer to the person's name than to the company address — title and name are related, the address is a separate category. If everything is spaced with identical gaps regardless of relationship, the viewer has to work out what belongs with what.

Lesson 6Repetition

Repetition is the consistent reuse of specific visual elements — a colour, a font, a shape, a spacing pattern — across a design or across multiple related designs. It's what makes a set of materials feel like they belong together.

This becomes branding

Reusing a shape or colour scheme within one flyer is the same underlying principle as brand consistency at scale — a logo, palette and font pairing reused across a business's entire visual identity. Module 6 makes that explicit.

Lesson 7Hierarchy

Hierarchy is the deliberate ordering of visual importance — guiding the eye to what matters most first, then secondary information, then the least important details, in a clear sequence.

Size — bigger elements are perceived as more important
Contrast — higher-contrast elements draw the eye first
Position — elements placed higher or more centrally tend to be seen first

The synthesis principle

A design with no hierarchy forces the viewer to work out what to look at first; a design with clear hierarchy does that work for them. Strong design isn't any single principle in isolation — it's these principles working together toward a deliberate viewing order.

Guided labs

Design it yourself

Lab — redesign a poorly laid-out flyer

1.Start from a provided sample flyer, or deliberately build a “bad” one first: inconsistent alignment, no hierarchy (all text the same size), poor proximity, low contrast
2.In Figma, apply consistent alignment — pick a shared edge or centre line and stick to it
3.Create clear hierarchy — make the most important information (event or business name) visibly larger and higher-contrast than supporting details
4.Apply deliberate proximity — group related information (date and time) closer together than unrelated information
5.Include at least one instance of intentional repetition — reuse a colour or shape more than once
6.Write a one-paragraph explanation of what you changed and why, using the correct principle names

Success criteria

The redesigned flyer is visibly more readable and organised than the original, and your written explanation correctly names the specific principles applied — demonstrating vocabulary, not just instinct.

Knowledge Check

Multiple choice • instant feedback

Question 1 of 6

What's the difference between symmetrical and asymmetrical balance?

What you read

Study material

Why these principles exist
How the eye moves through a composition
Examples of good vs. poor design applying each principle

What you understand

Key takeaways

— Good design isn't about talent — it's about applying consistent, learnable principles

Hands-on lab

Try it yourself

Lab tasks

1.Redesign a poorly laid-out flyer, applying alignment and hierarchy fixes

Knowledge check

Identify which principle is violated in sample designs

Write your answers in your own notes before moving on — explaining a concept in your own words is the fastest way to find the gaps.