Subjects and lessons to explore.

Law

Graphic Design & Digital Media · Foundations

Elements of Design

9 min read 5 practice questions
9 key termsSourcesReport an error
Want it in plain words first? Jump to Eli explains — the same idea, no jargon.
On this page 9 sections
  1. In 30 seconds
  2. Why this matters
  3. The college version
  4. Eli explains
  5. Worked example
  6. Key takeaway
  7. Quick check
  8. Study tools
  9. Sources & references

In 30 seconds

The elements of design are the visual raw materials a designer works with: , , , , space, , , and color. Each is a distinct kind of mark or quality the eye can register. Shape is a flat enclosed area; form reads as three-dimensional; space includes the negative area around a subject; value is lightness or darkness; texture can be real or only implied. Learn what each element is on its own, and you have the vocabulary that the design principles later tell you how to arrange.

Why this matters

Every image you make or judge is built from the same short list of visual parts. Naming them turns a vague reaction, this looks off, into a specific observation, the value contrast is too low or the is cramped. Studio courses assume this vocabulary from week one, and critique depends on it: you cannot discuss composition until you can name what is being composed. The distinction also organizes the whole foundations sequence, because the elements are the nouns and the principles are the grammar. Photographers, illustrators, UI designers, and motion artists all reach for the same elements, so the vocabulary transfers across every medium you will touch.

The college version

Elements versus principles

Design foundations split into two lists that are easy to confuse. The elements of design are the visual things themselves, the raw materials the eye can register on a surface: point, line, shape, form, space, texture, value, and color. The principles of design, covered in a separate topic, are the strategies for arranging those materials, such as balance, contrast, emphasis, and hierarchy. A short way to hold the difference is that the elements are the nouns and the principles are how you use them. The open textbook Graphic Design and Print Production Fundamentals frames the visual elements as the basic things that can be seen and calls point, line, and plane the building blocks from which designers construct images, icons, textures, patterns, and type. This lesson stays on the elements. It defines each one on its own terms so that when the principles arrive, you already know what is being balanced or contrasted.

Point and line

A point is a single precise location on a surface. Mathematically it has no size at all; visually it is a dot, and it is the smallest unit from which the other elements are built. A point has more pull than its size suggests, because a single dot in a field draws the eye and can become a focal point, the first place a viewer looks. A line is the next step up: a mark that connects two points or traces the path of a movement. Lines can be actual, drawn with a tool, or implied, as when several objects fall into a row and the eye completes the connection. Lines carry direction and quality. A long straight line is rare in nature and tends to dominate a scene when it appears, while curved and broken lines read as more organic. The character of a hand-drawn line also reflects the tool that made it, thin or thick, smooth or ragged. Thicken a line far enough and it stops reading as a line and becomes a shape.

Shape and form

A shape is an enclosed area in two dimensions, a flat region with a defined boundary; a line that closes on itself becomes a shape. Shapes fall into two broad families. Geometric shapes are regular and mechanical, like the circle, square, and triangle. Organic shapes are irregular and freeform, the contours of a leaf or a puddle. Form is the closely related three-dimensional element. Where a shape has only height and width, a form also has depth and encloses volume, like a sphere or a cube. On a flat page or screen there is no real depth, so designers create implied form, using value, perspective, and overlap to make a flat shape read as a rounded, solid object. The shape-versus-form distinction is exactly the two-dimensional-versus-three-dimensional distinction, and keeping it straight matters because the techniques that turn a shape into a convincing form are a large part of representational drawing and rendering.

Space and the role of the negative

Space is the element that most beginners overlook, because it includes the area where nothing seems to be happening. Positive space is occupied by the subject, the figure or defined shape. Negative space, also called white space, is the area around and between the subjects. The two are often described together as figure and ground, and the crucial point is that the negative area is not wasted or empty. The eye always perceives the figure in relation to its surroundings, so composing the negative space is how a designer controls emphasis and visual energy. Generous, active negative space can give a focal point room to breathe and increase its power; cramped surroundings full of competing elements drain that power because everything reads at a similar visual weight. Designers deliberately play figure against ground in logos and symbols, where the space around the marks can be shaped to carry its own meaning. Learning to compose the empty parts of a layout is as important as placing the filled ones.

Texture and value

Texture is the surface quality of an element, and it comes in two kinds. Actual, or tactile, texture is real roughness or smoothness you could feel with a hand, such as the finish of the paper a piece is printed on; a glossy stock and a matte stock change how the same image is perceived. Visual, or implied, texture is the illusion of a surface created with line, shading, and color on a flat plane, a printed image of tree bark that is smooth to the touch but looks rough. Value is the lightness or darkness of an element, running along a scale from white through grays to black. Lighter values are called high-key and darker ones low-key. Value does heavy lifting even with no color present: it is what makes a flat shape read as a rounded form through gradual shading, and the overall spread of light and dark gives a composition its sense of light and shadow. Because value and color vary independently, a design can be redrawn entirely in grays and still hold together on value alone.

Color and size

Color is treated here as a single element, one more visual quality alongside the others: the hue an element carries, whether an area is red, green, or blue. Color also has properties beyond hue and lives in different systems, the additive red-green-blue of screens and the subtractive cyan-magenta-yellow-black of print, whose ranges do not perfectly overlap. Those systems and the study of how colors relate and harmonize belong to the dedicated color theory topic; for the purposes of this lesson, color is simply one element in the toolkit, and a strong composition can be built with very little of it. Size, sometimes listed as its own element, is the relative magnitude of one element compared with another. On its own an element has no size until something sits beside it for comparison, which is why size becomes meaningful mainly through relationships, the territory the principles of design govern. The takeaway of the whole list is that a finished design is never more than an arrangement of these few basic elements, and being able to name them is the first analytic skill a designer builds.

Eli, the EliExplains learning guide

Eli explains

The same idea, in plain words

Explain it like I’m 10

Think of design as a visual language. Before you can write a sentence, you need letters, and the elements of design are those letters. A dot, a line, a flat shape, a shape that looks solid, the empty space around things, a rough-or-smooth surface, light-versus-dark, and color are the whole alphabet. Every picture, poster, logo, or app screen is spelled out of these few parts and nothing else. Notice that this list only tells you what the parts are, not how to line them up nicely. Deciding where to put them and how to balance them is a different job, the one the principles of design handle. So the elements answer the question, what am I looking at, one piece at a time.

Picture it like this

The elements are like the letters of an alphabet, and the principles of design are the rules of grammar. With twenty-six letters you can spell every word in the language, and with a handful of visual elements you can build every image. Grammar does not add new letters; it tells you how to order the ones you have into something that reads well.

Where the picture stops working

The alphabet has a fixed set of discrete letters, but the visual elements slide into one another. Thicken a line enough and it becomes a shape; add shading to a shape and it becomes a form; value blends smoothly from white to black with no fixed number of steps. Letters also stay separate on the page, while the elements usually appear all at once in the same mark, so you rarely see a pure line or a pure value by itself.

Worked example

Analyze a simple black-and-white concert poster using only the elements. A large circle sits high on the page: that is a geometric shape, and because it is shaded darker on one side it starts to read as a form, a sphere rather than a flat disk. A single thin diagonal line crosses beneath it, an actual line with a clear direction. The band name is set small in one corner, and the wide expanse of blank paper across the rest of the sheet is negative space, not filler but the quiet ground that makes the dark circle the obvious focal point. The paper is a rough matte stock, giving the piece an actual texture you can feel, while a faint printed grain inside the circle is visual texture, an illusion of surface on a flat area. There is no color at all, yet the poster holds together because the value contrast between the near-black circle and the white field carries the whole design. Naming each element this way turns a general impression into specific, discussable observations.

Key takeaway

The elements of design are the short list of visual raw materials, point, line, shape, form, space, texture, value, and color, that every image is built from. Learn to name each one on its own, and you have the vocabulary the design principles later tell you how to arrange.

Quick check

3 questions here, of 5 in this lesson’s practice set. Answers stay hidden until you check.

Question 1 of 3foundational

Which statement best defines a line as an element of design?

Choose an answer, then check it.
Question 2 of 3intermediate

What is the key difference between shape and form?

Choose an answer, then check it.
Question 3 of 3intermediate

A designer surrounds a small logo with a large area of blank paper. Why is that blank area not simply wasted space?

Choose an answer, then check it.
Practice all 5

Keep learning

Ready to build on this? Continue to the next lesson.

Practice this lesson
Study tools & related lessonsYou’ll learn to · Common mistakes · Easily confused · Key vocabulary · Related

You’ll learn to

  • Define each element of design: point, line, shape, form, space, texture, value, and color.
  • Distinguish shape from form and actual texture from visual texture.
  • Explain the difference between positive and negative space and why the negative area is not empty.
  • Distinguish an element of design from a principle of design.
  • Apply the elements as an analytic vocabulary to describe a simple composition.

Common mistakes

  • Mixing up the elements of design with the principles of design.

    The elements are the visual parts themselves, such as line, shape, and value. The principles, such as balance, contrast, and emphasis, are strategies for arranging those parts. Elements are the nouns; principles are how you use them.

  • Using shape and form interchangeably.

    A shape is a flat, two-dimensional enclosed area. A form is three-dimensional and encloses volume. On a flat surface, form is only implied, created by adding value, overlap, and perspective to a shape so it reads as solid.

  • Treating negative space as empty or wasted area.

    Negative space is an active element. The eye reads the subject in relation to the space around it, so composing that space controls emphasis and visual energy. Generous negative space can strengthen a focal point rather than waste the page.

  • Confusing value with color.

    Value is lightness or darkness; color is hue. They vary independently, which is why a bright yellow and a pale gray can share the same value, and why a full-color design converted to grayscale can still read clearly on value alone.

  • Assuming texture must be something you can physically touch.

    Texture comes in two kinds. Actual texture is a real surface quality you could feel, but visual texture is an illusion of surface created with line, shading, and color on a completely flat plane, like a printed image of rough stone.

Easily confused

Shape vs. Form

Shape is a flat, two-dimensional enclosed area with only height and width; form is three-dimensional, adding depth and volume, and on a flat surface it must be implied through shading and perspective.

Positive space vs. Negative space

Positive space is occupied by the subject or figure; negative space is the area around and between subjects (the ground), which is active and shapes how the figure is perceived rather than being empty.

Actual texture vs. Visual texture

Actual texture is a real surface quality you can feel with your hand, such as a matte or glossy paper; visual texture is only the illusion of a surface, created with marks on a flat plane.

Value vs. Color

Value is the lightness or darkness of an element and can carry a composition with no color at all; color is the hue an element carries and varies independently of value.

Element of design vs. Principle of design

An element is a visual raw material such as line or value; a principle is a strategy such as balance or contrast for arranging those materials. The elements are what you use; the principles are how.

Key vocabulary

Element of design
A basic visual component that can be seen on a surface and from which images are built, such as point, line, shape, form, space, texture, value, or color.
Point
A single precise location on a surface; visually a dot, the smallest building block of the other elements and often the focal point of a composition.
Line
A mark that connects two points or traces a path of movement; it can be actual or implied and carries direction and a distinct quality.
Shape
An enclosed area in two dimensions with a defined boundary; geometric shapes are regular, organic shapes are irregular and freeform.
Form
The three-dimensional counterpart of shape, having depth and enclosing volume; on a flat surface it is implied through value, overlap, and perspective.
Negative space
The area around and between the subjects of a composition, also called white space or ground; it is active, not empty, and shapes how the subject is perceived.
Texture
The surface quality of an element; actual (tactile) texture is physically felt, while visual (implied) texture is an illusion of surface created on a flat plane.
Value
The lightness or darkness of an element on a scale from white to black; high-key values are light, low-key are dark, and value alone can suggest three-dimensional form.
Figure/ground
The relationship between the positive subject (figure) and the negative surrounding area (ground); the eye always reads the figure in relation to its ground.

Sources & references

  1. Graphic Design and Print Production Fundamentals — BCcampus / Graphic Communications Open Textbook Collective (Ken Jeffery, Alan Martin, Roberto Medeiros, Steve Tomljanovic)
  2. 2.3 Visual Elements (Art 104: Introduction to Art, Donovan) — Humanities LibreTexts / Southwestern College

EliExplains lessons are original prose written from the open, credible references above. See Copyright & Licensing.

Researched 2026-08-19

Educational content only. It is not medical, legal or professional advice. Found an error? Tell us.