Free, 25 articles, about 2 hours

Design fundamentals, in order

These articles already exist and most people arrive at one of them from a search, read it, and leave. Read in this order instead and they build on each other: the elements you work with, the principles that arrange them, and last the Gestalt rules that explain why any of it works. Nothing to sign up for.

Start with the elements

Part 1 The elements

The things you actually put on a page. Start here, because the principles in Part 2 are all about arranging these.

  1. The 7 Elements of Design and Art [Infographics Included] Start of part 1 7 min read
  2. Line in Design: Types & Examples [Infographics Included] 5 min read
  3. Point in design 4 min read
  4. Texture In Design: Types & Importance [Infographics Included] 4 min read

Part 2 The principles

How those elements are arranged. This is the longest part, and the one most design briefs are really asking about.

  1. The 11 Principles of Design and Art [Infographics Included] Start of part 2 16 min read
  2. Alignment Principle in Design: Importance & Examples [Infographics] 8 min read
  3. Balance Principle of Design [Infographics Included] 6 min read
  4. Contrast Principle of Design 6 min read
  5. Emphasis Principle of Design 5 min read
  6. Hierarchy Principle of Design 6 min read
  7. Movement Principle of Design 6 min read
  8. Proportion Principle of Design 7 min read
  9. Repetition Principle of Design 5 min read
  10. Rhythm Principle of Design 6 min read
  11. Unity Principle of Design [Infographics Included] 4 min read
  12. Variety Principle of Design 4 min read
  13. White space in Design 5 min read

Part 3 Gestalt, or how people group what they see

Why the eye reads some things as belonging together. Read this last: it explains why the earlier parts work.

  1. 7 Gestalt Principles of Design [Infographics Included] Start of part 3 5 min read
  2. Gestalt Principle: Closure (how our brains fill in the missing visual gaps & how to use Closure in designs) 4 min read
  3. Gestalt Principle: Common Fate (Using Coordinated Motion in Design to Associate Relations) 4 min read
  4. Gestalt Principle: Continuation (Visual Perception of Continuous Flows & Paths) 2 min read
  5. Gestalt Principle: Figure-ground Relationship (Differentiating Elements by Perception of Subject & Background) 4 min read
  6. Gestalt Principle: Proximity (Associating relatedness through placement) 3 min read
  7. Gestalt Principle: Similarity (Associating relatedness from shape, size, color & orientation) 2 min read
  8. Gestalt Principle: Symmetry (How we bring balance to Compositions) 6 min read

When you finish

This path covers how a design looks. It does not cover how you find out what to build, who it is for, or whether it worked. That is the other half of the job, and there is a separate free course for it.

See the UX Foundation Course