TYPOGRAPHY IN COURSE DESIGN
You encounter typography almost every day! Do you know what typography is? Typography is how you arrange text and letters using spacing, different fonts, and different font sizes. You are using text and letters to create a story. You can use typography to convey various messages and create engaging and readable text. So why is this important for your online course? If you think about it, online course design is almost entirely using text, so why would you not want to use text to create a course that is both readable and visually appealing?
Reasons why you should use Typography in your course:
Optimizes readability – using good typography creates a visual hierarchy. It lets the reader know which elements are essential and how they relate to the other text in your course content. One example of this is using headers. Headers established the main points of each page of content. Examples of headings you can use are H1, H2, H3, and H4.
Creates accessible content: Did you know that you can make your content more accessible with learners who have poor vision depending on the font you choose? Many learners have learning disabilities such as poor vision, dyslexia, or aphasia and need to have course content be as accessible as possible. For example, make sure that all font letters you use are easily distinguishable since many fonts have letters that look alike.
Creates a memorable experience: By using good typography, you create a good experience for your learner. You hold their attention and thereby helping them to easily read and remember your course content and stay focused and engaged in the course.
Basics of Typography
Typography has the following elements that you need to understand to use in your course:
Typeface
Not to be confused with font, it is the style that makes up the font. In contrast, the font is how you graphically render a text character.
There are three types of typeface, (1) serif (2) san-serif and (3) decorative:
In your course, you will not want to use all three simultaneously. You will want to use two fonts at most to keep it clean and easy to read.
Contrast
You create contrast when you emphasize certain text and not the other. One example of this would be using headers or images that has text. You can use text size or color to signify which course information grabs the learner’s attention.
Example 1
Example 2
Hierarchy
Lets your learners understand what they need to read first and how content is organized. Headers allow you to manage your content using different heading:
Whitespace
Also called “negative space.” Whitespace ensures the content is not overwhelming and created when you chunk your content or create other groupings. It makes more visually appealing content by not allowing too much clutter to appear on the page.
Consistency
Having consistent fonts and hierarchy for your course content is vital. If you use too many fonts or hierarchy in one page of content and not in the other might lead to a confusing and even disordered look of your course.
Example of content having too many fonts
Color
The color you use for your content is important. One reason is you might have learners who are colorblind. You can quickly check for color contrast using this online contrast checker.
Alignment
This is how your text or images align with other elements in your course content. You want to keep this as consistent as you can. For example, you might want to place a course banner on the top center of your page or any images you use on the left of the page before the paragraph begins.
Now that you understand the basic principles of typography, I hope they will help you when designing your course content. Comment below if you are using typography principles in your course or any tips you would like to share!
