VCE Visual Communication Design (Year 11) · Drawing and Design Skills · 14m read

Design Elements and Principles

Elements are the ingredients; principles are the recipe. Together they let you control how a design looks, reads and feels.

Learning objective: Use design elements and principles to communicate ideas visually.

By the end of this lesson you can:

• I can identify design elements.
• I can apply design principles.
• I can analyse how they create meaning.

Elements are ingredients; principles are the recipe. Line, shape, colour, texture, type and tone are ingredients. Principles — balance, contrast, hierarchy, alignment — are the recipe that combines them into something delicious.

Design Elements and Principles

DESIGN ELEMENTS:
• Point, line, shape, form, tone, texture, colour, type.

DESIGN PRINCIPLES:
• Balance (symmetrical, asymmetrical), contrast, hierarchy, scale, proportion, pattern, figure–ground, cropping, alignment, space.

COLOUR:
• Hue, value, saturation; colour harmonies (complementary, analogous); cultural associations.

TYPOGRAPHY:
• Serif, sans serif, script, display; hierarchy of size and weight; kerning, leading, tracking; legibility and readability.

| Elements | Principles |
|---|---|
| Point, line | Balance (symmetrical/asymmetrical) |
| Shape, form | Contrast |
| Tone, colour | Hierarchy |
| Texture | Pattern, repetition |
| Type | Figure–ground |
| Space | Scale, proportion, cropping |

Key ideas at a glance

• Name element + principle: Precise.
• Explain effect: On audience.
• Hierarchy guides the eye: Order of reading.
• Figure–ground creates clarity or wit: Negative space.

Worked example (Medium)

How does hierarchy help a gig poster?

1. Hierarchy. Band name largest, then date, then venue.
2. Effect. Viewers read the most important information first.

Answer: It guides the eye in order of importance.

Worked example (Hard)

Analyse the FedEx logo's hidden arrow.

1. Element. Type and negative space.
2. Principle. Figure–ground between "E" and "x".
3. Effect. Arrow suggests speed and precision.

Answer: Figure–ground creates a hidden arrow communicating speed.

Common mistakes

• Confusing elements with principles Elements are components; principles are how they are arranged. Fix: Use the correct category.

Gestalt principles

Gestalt psychology explains how we perceive wholes: proximity (close items group), similarity, closure (we complete shapes), continuity and figure–ground.

Logos like WWF's panda rely on closure — your brain completes the outline.

Practice questions

1. Space between lines of text is:

   1. Kerning
   2. Leading
   3. Tracking
   4. Hierarchy

   (1 marks)

2. Explain figure–ground.

   (2 marks)

3. Seeing a complete shape from incomplete lines is:

   1. Proximity
   2. Closure
   3. Contrast
   4. Scale

   (1 marks)

4. Explain how hierarchy improves a poster.

   (2 marks)

Summary

• Elements: point, line, shape, form, tone, texture, colour, type.
• Principles organise elements.
• Typography and colour carry meaning.
• Elements + principles = visual communication.