Elements and Principles

Design is everywhere, from the ads we scroll past to the magazines we flip through, and it plays a big part in how messages are shared. When creating desktop publishing (DTP) work like posters, leaflets, or digital content, it’s important to understand the elements and principles of design. Elements like line, colour, shape, and texture are the basic parts that make up a design. The principles, such as balance, alignment, contrast, and emphasis, help arrange those elements in a way that grabs attention and gets the message across clearly. When you know how to use these tools well, you can create designs that don’t just look great, but also communicate effectively and professionally.

Content

Line

Shape

Design Elements

Design elements are generally considered visible graphic items on a DTP document. For example, the rectangular shape that encompasses a piece of text.
The SQA describes design elements as ‘individual and tangible graphic items that are visible”.

Line

A line is a mark that connects two points. Lines can be straight, curved, thick, or thin. Lines are used to guide the viewer's eye, separate sections, emphasise aspects, or create patterns. For example, lines in a poster can lead the eye to the main message.

Exam Techniques:

Highlight/Underline - Lines may be used to underline a text to emphasise it
Structure - Lines may be used to create structure in a design by separating items, for example, columns of text.
Movement - Wavy or horizontal lines may be used to encourage the reader to look across the page or to a specific area of the design
Contrast - Different lines, such as straight and wavy or thick and thin, can be used to create contrast and visual interest
Unity - Repetition of lines throughout a design can create unity.

Shape

Shapes are flat, enclosed areas such as circles, squares, or triangles. They can be simple or complex and are used to organise information or draw attention. For example, a circular logo might stand out more than a square one. Rectangular shapes create a more formal and sleek appearance, whereas circular or elliptical shapes can convey a sense of movement.

Exam Techniques:

Visual Interest - Shapes may be used to make a design more interesting to look at or to link to the theme
Copped Images - Images may be cropped to shape
Contrast - Various shapes can be combined, such as circles and rectangles, to produce contrast in a design
Unity - Shapes may be repeated throughout a design to create unity and enhance cohesiveness.

Depth

Depth enhances a design's three-dimensional quality, introducing realism or interest. Overlapping elements or incorporating shadows in a design can create the illusion of proximity for some parts while pushing others farther away.

Exam Techniques:

Layering - Layering elements ontop one another creates depth, giving the impression that items are stacked and moving towards you
Drop Shadow - Using a shadow creates the illusion that the product is resting on a surface, thereby making the element stand out
Scale - Scaling objects can make elements appear near or far, creating depth within a publication.

Texture

Graphic designers often use texture in their layouts to help create a certain mood or feeling. This could be something that looks rough, smooth, soft, or patterned; it all depends on the design’s purpose. The choice of texture is often influenced by the target market or the type of product being promoted.

Exam Techniques:

Not every DTP design will include texture, so only mention it when it’s clearly been used.
Mood - If you do spot texture, explain how it adds to the mood or atmosphere of the design
Target Market - Make sure to link it to the target audience, why would that texture appeal to them?

Value

Value refers to how light or dark a colour appears. It affects how bright, dull, or intense a colour looks, and it plays a significant role in setting the mood of a design.

High value means colours are light or pale (High = a high amount of white added to a colour).
Low value means colours are dark or deep. (Low = a low amount of white added to a colour).

Designers use value to highlight important areas, create contrast, and draw attention to key elements. It helps guide the viewer’s eye and can make certain parts of a layout stand out more than others.

Exam Techniques:

Emphasis - Adding high-value colours on low-value (e.g. white text on a dark background) can create emphasis
Gradients - Low value to high value can subtly lead the viewer's eye to a specific area
Mood - Value can link to a mood and communicate a specific message - High value creates a calming, gentle, or relaxed mood, and Low value creates a bold, dramatic, or powerful mood

Mass and Weight

Mass and visual weight refer to how heavy or light an element appears on the page. It’s not about physical weight, but how much attention something grabs based on its size, shape, colour, or position.

Large or bold elements have more visual weight. These feel strong, important, or dominant in the design. They’re often used to draw attention to headlines or key messages.
Smaller or lighter elements feel less heavy. They can feel softer or more subtle and are used for supporting information.

Designers use mass and weight to create balance, hierarchy, and to control how the viewer’s eye moves through a layout. They also help create a specific mood. For example, a bold layout with heavy elements might feel powerful or urgent, while a light design might feel calm and spacious.

Exam Techniques:

Size - Making items similar or having items of different sizes.
Fonts - Thick or making fonts bold
Transparency - Making an image transparent will make it look 'washed out' and can give it a lighter weight

Design Principles

Design principles do not necessarily have to be visible on a desktop-published piece. These guide the arrangement of elements to create a visually appealing and functional design.
The SQA defines design principles as ‘effects created by the arrangement, placement or organisation of the collective work’.

Alignment

Alignment ensures everything lines up neatly. It also creates a clean, organised look by ensuring text and images are placed in relation to each other. Alignment helps improve the structure of the layout, making the page feel organised and easy to follow. You must align at least two aspects of the layout.

Exam Techniques:

Formal layout - Aligning headings with columns of text and/or aligning columns with images can create a well-organised layout and assist the reader in navigating the information on the page
Informal layout - Aligning elements informally can enhance visual interest and give the publication a modern appearance.

Contrast

Contrast is the difference between elements, like light and dark or big and small. It helps important information stand out, such as making a heading bold to grab attention.

Exam Techniques:

Colour - Using contrasting colours (those opposite each other on the colour wheel), dark versus light colours can create visual impact and highlight certain elements effectively
Typeface - Using Sans Serif and Serif in a single document can create contrast. The designer may also use italics versus standard text or capitalise a word
Line - Curved/wavy lines can be combined with straight lines, while vertical and horizontal lines may be used to create contrast
Shapes - Circular shapes will contrast with rectangular ones; cropped images can contrast with columns of text, and 2D drawings can contrast with 3D ones.

Dominance

Dominance makes one part of the design stand out as the most important. It could be a large image or text. The element must be bigger than everything else. The dominant part of the page will attract the reader's attention.

Exam Techniques:

Focal Point - By enlarging the primary aspect of the document compared to the rest, this creates a focal point that will draw the reader's attention
Grouping - Arranging other items on the page enhances the importance of the main element.

Unity

Unity makes sure all the parts of a design look like they belong together. Using the same colours, fonts, or styles creates a sense of harmony. This makes the publication easy to understand and follow. It also improves the appearance of the layout.

Exam Techniques:

Repetition - By repeating the same colours, fonts, line types, shapes, etc., you create a connection that makes the document appear cohesive
Proximity - By using text wrap or arranging certain elements in close proximity, you can achieve a sense of physical unity

Balance

Balance in a layout is all about how elements are arranged to create a sense of visual stability. In DTP, balance can be either symmetrical or asymmetrical. Designers often use the Rule of Thirds to create an asymmetrical layout. By placing key elements slightly off-centre, it creates a more natural, pleasing look and leaves space for extra content like text or logos. Placing a product dead centre can make the layout feel stiff, and it often results in awkward gaps on either side where text doesn’t fit as comfortably.

Exam Techniques:

Symmetrical - Elements are evenly arranged on both sides of the page. This gives a formal, organised, and professional look
Asymmetrical - Elements are placed unevenly, but still feel balanced overall. This creates a modern, youthful, and more dynamic feel that’s often more eye-catching

Emphasis

Emphasis is used in design to make certain parts of a layout stand out. It helps guide the reader’s eye to the most important information on the page, like a headline, logo, or call to action. By applying emphasis in the right way, you can show the viewer what to look at first and highlight what really matters.

Exam Techniques:

Text - Underlining or making text bold will lead the viewer's eye to it
White Space - Leaving space around a product name or image will emphasise that specific element
Contrast - Using contrasting features can create emphasis, for example, using a different colour for the heading
Reverse Text - White text on a dark background will allow it to stand out

Proportion

Proportion is all about the size of elements in a layout and how they relate to one another. It helps control what stands out on the page and how the overall design feels to the viewer. Designers use proportion to:

Make certain parts larger so they attract more attention (like headlines or images)
Keep elements at a similar size to show they are connected or equally important
Use smaller elements to support the main content without distracting from it

Proportion also affects the balance of a page. If one element is much bigger than everything else, it can make the layout feel heavy on one side, unless it’s balanced out carefully.

Exam Techniques:

Size - larger aspects will draw more attention than smaller parts
Drop Capitals - brings attention to the text

Rhythm

Rhythm in design is about creating a sense of movement that helps guide the reader’s eye across the page. It’s a way of making layouts feel more natural and easier to follow. This movement helps lead the viewer from one part of the design to the next in a smooth and logical way. A good sense of rhythm can also make the layout feel more organised and visually appealing.

Exam Techniques:

Repetition - Repeating THE EXACT SAME element on the page. For example, bullet points, repeating icons/images, repeating formatting for example drop capitals etc.

White Space

White space is the empty space between and around elements in a layout. It doesn’t have to be the colour white; it can be any background colour that gives areas of the design room to “breathe.”

White space helps by:

Making a layout feel clean, organised, and less crowded
Drawing attention to essential elements like titles, images, or logos
Helping the viewer’s eye move naturally across the page

Even though it might seem like "empty" space, white space plays a big role in improving a design's overall readability and impact.

Grid Structure

A grid structure is an invisible guide made of rows and columns. It helps organise elements so they are evenly spaced and look professional, like in a magazine layout or website design. The grid serves as a framework for a designer to organise graphic elements. Grids are used to easily align different elements on the page to optimise the use of space for better reading and presentation.

Exam Techniques:

Alignment - Grid structure helps make text and elements align. to create a neat and organised layout

Examples

The designer has aligned the items, numbers, and descriptions, giving the menu an organised appearance. They have used decorative lines to emphasise the heading, allowing it to stand out. A pink colour was used to emphasise the desserts and price. Grid Structure was used to align the text, prices and descriptions to create a neat and organised layout.

The colour picker tool has been used on the bottle to copy the green colour across the poster, creating unity and ensuring a cohesive appearance. The repetition of the tick bullet points creates Rhythm, leading the views eye down the list. White space has been used around the product to emphasise the bottles.

The blender has been made the largest item on the page, creating dominance which captures the reader's attention. They have used text along a path to create visual interest. The shape has been used to emphasise the price. Reverse text has been used to create emphaisis.

The product name is aligned with the text below it to create an easy-to-follow layout. A line underlines 'New Product', drawing attention to it. A drop shadow on the guitar adds depth and makes it stand out against the background.

Red is used for the shape at the bottom and the word 'camp', as it contrasts with the blue, making those elements stand out. A line separates the heading from the list of workshops, resulting in a layout that is easier to understand. Both dotted and solid lines are used throughout the poster to create unity, making it cohesive. The website and telephone number are aligned with each other to enhance organisation and ease of navigation.

The orange and yellow colours are used to contrast with the blue. The price is shown in pink to contrast against the blue, making it catch the reader's attention. The circular shapes overlap each other, creating depth. Circular shapes connect to the theme of a car wash, resembling bubbles. The price has been made pink to create emphasis. Bullet points have been used to create Rhythm, leading the viewer's eye down the services available.

Home Page

Click here for questions

gw23prasherrebecca@glow.sch.uk Lanark Grammar School 2025

Page updated

Report abuse