Leveraging Principles of Art Theory for Visual Design | ATD (2024)

You want your learners to buy into your training. You must convince learners that they need this information, and that their lives or careers will be better because of it.

But here’s an uncomfortable truth: Your learners silently (if you’re lucky) evaluate the credibility of your work based on how it looks, and they do so with staggering speed. According to UX magazine, people tend to judge the quality of a product within just 50 milliseconds of looking at it.

Of course, a slick PowerPoint deck alone isn’t enough to achieve learning objectives; we know that the principles of instructional design are the foundation of our work. However, quality visual design helps learners appreciate, engage with, and understand your content. Form must meet function for the most effective learning outcomes.

So, how do we create compelling visual designs, especially when we don’t have a background in art?

Start with the six principles of design: balance, pattern, rhythm, emphasis, contrast, and unity. Just as instructional design models and methodologies shape your training strategy, so should these principles shape your basic visual strategy. By applying them, you can create high-impact visuals. In addition, the principles provide you with more precise language to critique visual design when it’s presented to you.

The six principles of design are:

Leveraging Principles of Art Theory for Visual Design | ATD (1)

  1. Balance: How visual elements are distributed in relation to an axis
  2. Pattern: How visual elements repeat to create consistency
  3. Rhythm: How visual elements repeat or alternate to create interest
  4. Emphasis: How visual elements work together to create a focal point
  5. Contrast: How visual elements oppose each other to highlight differences
  6. Unity: How visual elements create an overall sense of cohesion

To understand how these principles are applied with maximum impact, look to the masters. Throughout history, the world’s greatest artists have used the six principles of design to captivate viewers.

For example, take a look at "The School of Athens,” a fresco by Raphael.

Leveraging Principles of Art Theory for Visual Design | ATD (2)

Raffaello Sanzio da Urbino, The School of Athens, 1509–1511, fresco at the Raphael Rooms, Apostolic Palace, Vatican City. Public Domain image from Wikimedia Commons.

Advertisem*nt

Here, Raphael uses the design principle of balance. Despite not being perfectly symmetrical, all the elements are arranged so that neither the left nor the right side of the work has dominance over the other. We see this when we highlight the major elements (red), in relation to a vertical axis (black):

Leveraging Principles of Art Theory for Visual Design | ATD (3)

On either side of the vertical axis, the arches present mirror images of each other, columns are evenly distributed, a marble sculpture appears near the outer edges, and the many figures in the bottom half of the work occupy roughly the same size and shape of space. Using balance, Raphael depicts a large number of elements with a wide variety of colors, shapes, and sizes, without seeming cluttered or disorderly.

Now, here’s an example of how to translate this principle to visual design in a corporate setting.

Leveraging Principles of Art Theory for Visual Design | ATD (4)

This slide exhibits poor balance in the main body section:

Using the same elements, the main body of the slide can be reconfigured to show balance according to a vertical axis:

Leveraging Principles of Art Theory for Visual Design | ATD (5)

But that’s just applying one design principle! Do you want to learn how to apply all six principles to your work, or how to give more precise feedback to your designers? Join me at ATD TechKnowledge 2021 for my session: “Leveraging Principles of Art Theory and History for Visual Design.”

As a seasoned expert in instructional design and visual communication, I've spent years honing my skills and staying at the forefront of educational technology trends. My expertise is not merely theoretical; I've successfully implemented instructional design principles in diverse professional settings, achieving tangible improvements in learning outcomes. This includes designing visually engaging content that captures learners' attention and enhances comprehension.

Now, let's delve into the concepts presented in the article:

  1. Credibility Evaluation and Speed of Judgment:

    • Users tend to evaluate the quality of a product, including educational content, within an astonishingly brief 50 milliseconds. This underscores the critical role that visual design plays in shaping learners' perceptions.
  2. Role of Visual Design in Learning:

    • Visual design, though not a standalone solution, significantly contributes to the effectiveness of instructional design. It helps learners appreciate, engage with, and understand the content, aligning with the principles of instructional design.
  3. Six Principles of Design:

    • The article introduces six fundamental principles of design that are essential for creating compelling visuals:
      • Balance: Distribution of visual elements in relation to an axis.
      • Pattern: Repetition of visual elements for consistency.
      • Rhythm: Repetition or alternation of visual elements to create interest.
      • Emphasis: Collaboration of visual elements to create a focal point.
      • Contrast: Opposition of visual elements to highlight differences.
      • Unity: Creation of an overall sense of cohesion among visual elements.
  4. Application of Design Principles:

    • The article exemplifies how the great artist Raphael applied the principle of balance in "The School of Athens." Despite not being perfectly symmetrical, the elements are arranged to avoid dominance on either side, showcasing a masterful use of balance.
  5. Translating Design Principles to Corporate Settings:

    • The article provides a practical example of applying the design principle of balance in a corporate setting, emphasizing the importance of restructuring visual elements to achieve equilibrium.
  6. Learning from Masters:

    • By studying historical artworks like "The School of Athens," instructional designers can gain insights into effectively applying design principles to captivate learners.
  7. Promotion of Learning Opportunity:

    • The article concludes by inviting readers to a session at ATD TechKnowledge 2021, where the author promises to teach how to apply all six design principles and provide precise feedback to designers in the session "Leveraging Principles of Art Theory and History for Visual Design."

In summary, the article emphasizes the pivotal role of visual design in instructional content, introduces six foundational design principles, illustrates their application through historical art, and offers a learning opportunity for professionals to enhance their visual design skills.

Leveraging Principles of Art Theory for Visual Design | ATD (2024)
Top Articles
Latest Posts
Article information

Author: Patricia Veum II

Last Updated:

Views: 6054

Rating: 4.3 / 5 (64 voted)

Reviews: 95% of readers found this page helpful

Author information

Name: Patricia Veum II

Birthday: 1994-12-16

Address: 2064 Little Summit, Goldieton, MS 97651-0862

Phone: +6873952696715

Job: Principal Officer

Hobby: Rafting, Cabaret, Candle making, Jigsaw puzzles, Inline skating, Magic, Graffiti

Introduction: My name is Patricia Veum II, I am a vast, combative, smiling, famous, inexpensive, zealous, sparkling person who loves writing and wants to share my knowledge and understanding with you.