Visual Design

Welcome to Visual Design in eLearning.

After we have gone through all of the other design steps, we start to think how our solutions can be visually designed.

Visual design is an important part of the process to ensure our content is presented professionally. We don’t need to be a graphic designer, we just need to appreciate and recognise the importance of visual design and some of the key concepts to ensure our learning design will have the maximum impact.

Better Visual Design: Advice from Connie Malamed

An interview (audio and transcript) with Connie on the TrainLikeAChampion.Blog

We visit some fundamentals about visual design in this activity, and then dive deeper into the specifics.

Those specifics are usually bundled into the following;

  • Typography (Fonts and text)
  • Colour
  • Layout (how the content is presented on the page)

It’s also to helpful to be reminded of the C.R.A.P principle. We’ll explore this in more detail in a later activity. (This is different to the CRAP test we spoke about in relation to Content Curation)

  • Contrast
  • Repition
  • Alighment
  • Proximity

Instructional Design and Visual Design: The Pillars of Great eLearning

From Learning Solutions Magazine Online

Does our content need to be aesthetically pleasing?

Experiences that lack well thought out visual design can cause our learners to switch off before they have even started the learning.

Visual design looks at colour, typography (font size and font type), screen layout, imagery, graphics.

Here are two articles to get you started with visual design, and thinking about the effectiveness of good design.


Gomo is a cloud-based, mobile-first, responsive HTML5 eLearning authoring tool that organizations use to collaboratively author and deliver digital learning content.

SH!FT eLearning

Understand These 10 Principles of Good Design Before You Start Your Next eLearning Project

SH!FT eLearning. Our mission is to revolutionize Online Training, one screen at a time.