All articles (page 2)

Page 2 of 6. Articles 13 to 24 of 62, newest first. Pick a topic in the bar above to narrow down.

Three rows of green and black bars: equal heights and gaps labelled Regular, growing heights and gaps labelled Progressive, and heights rising and falling in a wave labelled Flowing.
Design Fundamentals

Rhythm Principle of Design

Rhythm is repetition at intervals that sets a pace for the eye. Learn the five types, from regular to progressive, with examples from real interfaces.

6 min read

A page drawn as bars twice: on the left six equal grey bars, on the right one heavy headline bar, a lighter subhead and four thin body lines.
Design Fundamentals

Hierarchy Principle of Design

Hierarchy is the order in which a design is read. Learn how size, weight, color, position and space set that order, with examples from real interfaces.

6 min read

The letters Aa on white at three greys with their measured ratios: 1.9:1 fails, 4.7:1 passes AA, 16.9:1 passes AAA.
Design Fundamentals

Contrast Principle of Design

Contrast is the difference between two elements that makes each one easier to see. Learn the six types, with examples, and how much contrast is enough.

6 min read

White space in Design
Design Fundamentals

White space in Design

White space (negative space) is the empty area between elements. What it does for hierarchy, readability and focus, with Squarespace and Apple examples.

5 min read

Emphasis Principle of Design
Design Fundamentals

Emphasis Principle of Design

Emphasis is how you pull the eye to one part of a composition. Learn the techniques (contrast, isolation, placement, scale) with real UI and poster examples.

5 min read

Movement Principle of Design
Design Fundamentals

Movement Principle of Design

Movement guides the viewer's eye along a path through a composition. Learn the techniques, from lines and repetition to actual motion, with examples.

6 min read

Flora: An Online Flower Shop [Case Study]
Case Studies

Flora: An Online Flower Shop [Case Study]

Flora is an online flower shop for San Francisco and the UK. A UX case study covering research, personas, wireframes, usability testing and the final app.

7 min read

Variety Principle of Design
Design Fundamentals

Variety Principle of Design

Variety breaks monotony and creates visual interest. What it means, how it balances against unity, and how to add it with shape, color, size and texture.

4 min read

Unity Principle of Design [Infographics Included]
Design Fundamentals

Unity Principle of Design [Infographics Included]

Unity ties every element of a composition together. Learn the methods that create it (proximity, repetition, alignment, continuation) with examples and a free infographic.

4 min read

Proportion Principle of Design
Design Fundamentals

Proportion Principle of Design

What proportion means in design, how size and visual weight relate, and how to use scale to guide attention. Clear examples from apps, posters and architecture.

7 min read