Visual Principles in Designing Digital Teaching Content
6. Examples of good and poor visual design solutions
Good visual solution:
-
clear page structure with headings
-
high contrast between text and background
-
visual elements directly related to the topic
-
consistent typography and colour palette
Poor visual solution:
-
too many different colours and fonts
-
dense text without paragraphs or white space
-
low-resolution images or visuals not clearly related to the content
-
text placed on a low-contrast background
Background Colour
Font Face
Font Size
Text Colour
Font Kerning
Image Visibility
Letter Spacing
Line Height
Link Highlight