Design principles

Last updated

Design principles are fundamental guidelines or concepts in the visual arts used to help viewers understand a given scene.

Contents

Principles

Generally, design principles are used to guide the viewer's attention by manipulating various aspects of a visual idea. These principles include [1] :

Scale

Scale describes the relative sizes of the elements in a design. By using scale to make an element larger than others appearing with it, you can emphasise that element. Not only can you make an element stand out this way—you can also use scale to create a sense of depth (since nearer objects appear larger to the human eye). Exaggerated scales of images also add a certain level of interest and drama to them. [2]

White space

Negative space (also known as white space) is the empty area around a (positive) shape. The relation between the shape and the space is called figure/ground, where the shape is the figure and the area around the shape is the ground. We should be aware that when designing positive shapes, we are also designing negative spaces at the same time. Negative space is just as important as the positive shape itself — because it helps to define the boundaries of the positive space and brings balance to a composition. [3]

Movement

The illusion of motion can be created by repeating an object in a rhythmical way or bending its shape. For instance, a hovering phone implies that someone has answered an incoming call.

Patterns

Humans recognize repeating objects and distinguish them from unfamiliar ones, which can direct attention.

Closure

The principle of closure describes a psychological mechanism of human perception. Humans tend to automatically fill in missing parts when a pattern is implied.

Balance

Balance is the principle governing how we distribute the elements of a design evenly. Balanced designs tend to appear calm, stable and natural, while imbalanced designs make us feel uneasy. Balance can be achieved by having symmetry in the design (for instance, having a webpage with centralised text and images). However, you can also achieve balance without symmetry — perhaps unsurprisingly, this is known as asymmetrical balance. We achieve asymmetrical balance when we arrange differently sized elements in a way that results in unity. We can imagine a centre point of the design and distribute the elements in a way that creates balance. [4]

Tone, value and contrast

Changes in the characteristics of color can alter a viewer's perception. Increasing the contrast of an object makes it stand out. Adjusting the value (lightness or darkness) may enhance readability. Monochromatic, analogous, or complementary color schemes can be used to create a harmonious and pleasing effect.

Frame

The frame around objects in a scene confines them to one space, helping to define the composition.

Grid

Artists often use a grid to help arrange objects. Common methods include the rule of thirds (a 3x3 grid) and the golden ratio.

See also

Notes

  1. ↑ Poulin, Richard (2018). The language of graphic design: an illustrated handbook for understanding fundamental design principles. Beverly, MA, USA: Rockport Publishers. ISBN   978-1-63159-618-6.
  2. ↑ Siang, Teo Yu (2025-07-01). "The Key Elements & Principles of Visual Design". The Interaction Design Foundation. Retrieved 2025-10-11.
  3. ↑ Siang, Teo Yu (2025-07-01). "The Key Elements & Principles of Visual Design". The Interaction Design Foundation. Retrieved 2025-10-11.
  4. ↑ Wu, Keyang; Liu, Xiaojun (2025). "The Impact of Visual Elements and Design Principles of Design Systems on Design Decisions". AHFE International. 195. AHFE International. doi:10.54941/ahfe1006221.

References

This page is based on this Wikipedia article
Text is available under the CC BY-SA 4.0 license; additional terms may apply.
Images, videos and audio are available under their respective licenses.