Design Fundamentals
White space in Design
White space is the empty space in a design. It is also known as negative space.
Design Fundamentals
The elements and principles of design, one at a time, with real interfaces as examples. Balance, contrast, emphasis, hierarchy, white space, Gestalt and more.
18 articles
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.
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 from real designs.
![Balance Principle of Design [Infographics Included]](/_astro/balance.BV5QcTGX_1skzye.webp)
Design Fundamentals
Balance Principle of Design [Infographics Included]
Symmetrical, asymmetrical and radial balance explained. How visual weight works and how to check whether a design feels balanced. Free infographic PDF included.
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.
![Unity Principle of Design [Infographics Included]](/_astro/banner_unity-principles-of-design.COhBGowc_Z1loJcq.webp)
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.
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.
Design Fundamentals
Point in design
The point is the first element of design. What a point is, how points create focus, lines and patterns, and examples from typography, layout and art.
![Texture In Design: Types & Importance [Infographics Included]](/_astro/texture-article-banner.Dc61Nt14_2eVbpN.webp)
Design Fundamentals
Texture In Design: Types & Importance [Infographics Included]
The types of texture in design (tactile and visual, real and implied) with examples from print and digital work, and how texture changes how a design feels.
![Line in Design: Types & Examples [Infographics Included]](/_astro/line-article-banner.B1VwnEUC_hmpHA.webp)
Design Fundamentals
Line in Design: Types & Examples [Infographics Included]
The types of line in design (horizontal, vertical, diagonal, curved, implied) and what each communicates, with examples from art, logos and interfaces.
Design Fundamentals
Gestalt Principle: Closure (how our brains fill in the missing visual gaps & how to use Closure in designs)
The law of closure: why the brain completes missing shapes. Examples from famous logos and interfaces, and how to use closure deliberately in your designs.
Design Fundamentals
Gestalt Principle: Similarity (Associating relatedness from shape, size, color & orientation)
The law of similarity: elements that share shape, size, color or orientation are seen as related. How it differs from proximity, with examples from real interfaces.
![7 Gestalt Principles of Design [Infographics Included]](/_astro/7-gestalt-principles-of-design.CfiJ2uX4_Z1uRaky.webp)
Design Fundamentals
7 Gestalt Principles of Design [Infographics Included]
Similarity, continuation, closure, proximity, figure-ground, symmetry and common fate, each explained with interface examples. Free cheat sheet PDF included.
Design Fundamentals
Gestalt Principle: Symmetry (How we bring balance to Compositions)
The Gestalt law of symmetry explains why balanced compositions feel stable. What it is, how symmetry and asymmetry create balance, and examples from real designs.
Design Fundamentals
Wabi-sabi: Exploring the Design Principle of Imperfection
In this article, we are going to explore a different philosophy where we achieve aesthetic balance in our designs through imperfections: wabi-sabi.
Design Fundamentals
Legibility vs Readability: What distinguishes them?
Legibility is whether you can recognise letters. Readability is whether you want to keep reading. What each means, what affects it, and how to improve both.
![The 7 Elements of Design and Art [Infographics Included]](/_astro/7-elements-of-design-and-art.DpWZLXcX_1TNoYf.webp)
Design Fundamentals
The 7 Elements of Design and Art [Infographics Included]
The 7 elements of design are point, line, shape, form, space, color and texture. Each one explained with real interfaces, plus a free printable infographic PDF.
![The 11 Principles of Design and Art [Infographics Included]](/_astro/principles-of-design-and-art-1.jIpeTnWF_Z2nCzGF.webp)
Design Fundamentals
The 11 Principles of Design and Art [Infographics Included]
Repetition, rhythm, movement, balance, proportion, white space, contrast, emphasis, hierarchy, variety and unity. Each principle explained with real examples and a free PDF.