What are the design elements, and how does each contribute to a graphic layout?
The design elements: line, shape, form, texture, colour, value (tone) and space, and how each is used as a building block of a graphic layout.
An SQA Higher Graphic Communication answer on the design elements, covering line, shape, form, texture, colour, value (tone) and space, and how each is used as a building block of a graphic layout.
Reviewed by: AI editorial process; not yet individually human-reviewed
Have a quick question? Jump to the Q&A page
Jump to a section
What this key area is asking
The SQA wants you to know the design elements, the building blocks of any graphic layout: line, shape, form, texture, colour, value (tone) and space, and how each is used in a layout. Elements are the raw materials; the design principles (a separate page) are how you arrange them.
Line
Shape and form
In a layout, a flat logo or icon is a shape, while a rendered product image reads as a form. Shapes can be geometric (regular, precise) or organic (natural, irregular), each setting a different feel.
Texture, colour and value
Space
Worked example
Examples in context
Every poster, leaflet, web page and packaging design is built from these elements: a magazine uses line (rules and column edges), shape (panels), value (tonal photographs), colour (brand palette) and space (margins) together. Recognising the elements lets you analyse why a layout works and rebuild it deliberately rather than by guesswork.
Try this
Q1. State the design element that is a flat, two-dimensional outline. [1 mark]
- Cue. Shape.
Q2. State what the value (tone) element controls in a layout. [1 mark]
- Cue. The lightness or darkness, controlling contrast, depth and emphasis.
Q3. State one way space (white space) is used in a layout. [1 mark]
- Cue. To group related items, separate unrelated ones, or emphasise a focal point by isolating it.
Exam-style practice questions
Practice questions written in the style of SQA exam questions on this dot point, with worked answer explainers. The year tag is the paper they imitate, not the source.
SQA Higher (style)4 marksDescribe how line and space are used as design elements in a layout, giving an example of each.Show worked answer →
Line is used to lead the eye, divide or connect areas, and create mood. A horizontal rule can separate a heading from body text; a vertical line can divide columns; and the implied lines along the edges of aligned items guide the reader through the page in a chosen order. Example: a thin rule under a masthead separates it from the article below.
Space (white space) is the empty area around and between items. Active use of space gives a layout breathing room, groups related items (items close together read as a group) and makes a focal point stand out by isolating it. Example: generous margins and space around a product image make the product the clear focus and stop the page looking cluttered.
Markers reward: line leads/divides/connects and sets mood (with an example), space groups, separates and emphasises by isolating, giving breathing room (with an example).
SQA Higher (style)3 marksExplain the difference between shape and form as design elements, and explain what the value (tone) element controls.Show worked answer →
Shape is a two-dimensional, flat element defined by its outline (a circle, square, triangle or an organic blob). It has width and height but no depth.
Form is the three-dimensional equivalent, an element that appears to have depth and volume (a sphere, cube or cylinder, or a 2D shape rendered with tone to look 3D). In a layout, a flat logo is a shape, while a rendered product image reads as a form.
Value (tone) is the lightness or darkness of an element. It controls contrast and the sense of depth and emphasis: dark text on a light background is high value-contrast and very readable, and grading tone makes a shape look like a rounded form.
Markers reward: shape = 2D flat outline, form = 3D with depth/volume, and value/tone = lightness or darkness controlling contrast, depth and emphasis.
Related dot points
- The design principles: alignment, balance (symmetrical and asymmetrical), contrast, proximity, emphasis (focal point), rhythm/repetition, proportion and unity, and how each organises a layout.
An SQA Higher Graphic Communication answer on the design principles, covering alignment, balance, contrast, proximity, emphasis, rhythm and repetition, proportion and unity, and how each organises the design elements into an effective layout.
- Colour theory: the colour wheel (primary, secondary and tertiary colours), harmonies (complementary, analogous, monochromatic), warm and cool colours and the psychology/associations of colour, and the RGB versus CMYK colour models.
An SQA Higher Graphic Communication answer on colour theory, covering the colour wheel (primary, secondary, tertiary), colour harmonies, warm and cool colours, colour psychology, and the difference between the RGB and CMYK colour models.
- Desktop publishing (DTP) features: grids and guides, columns and gutters, margins and bleed, text features (alignment, leading, kerning, drop capitals, reverse text, flow text/text wrap) and image features (crop, rotate, layers, transparency), used to build a multi-page layout.
An SQA Higher Graphic Communication answer on desktop publishing features, covering grids and guides, columns, margins and bleed, the text features (leading, kerning, drop capitals, reverse text, text wrap) and image features (crop, layers, transparency) used to build a multi-page layout.
- The three graphic contexts (preliminary, production and promotional) and the design process: responding to a brief and specification, generating and developing preliminary ideas, and evaluating a design against the brief and target audience.
An SQA Higher Graphic Communication answer on the three graphic contexts (preliminary, production and promotional) and the design process, covering responding to a brief, generating and developing preliminary ideas, and evaluating a design against the brief and audience.
- Freehand sketching and manual rendering: crating and construction lines for proportion, line quality, and rendering techniques (tone, shading, highlights, reflections and texture) to suggest form, material and light.
An SQA Higher Graphic Communication answer on freehand sketching and manual rendering, covering crating and construction lines, line quality, and the rendering techniques (tone, highlights, reflections, texture) that suggest form, material and light.