Visual Design
Visual design and elearning development go hand-in-hand. Designing learning experiences that look good and provide important visual affordances, such as allowing for easy text-scanning, are essential parts of the work. Learn more about the various facets of effective visual design.
Back to Categories
How to Use Typography to Improve Your E-Learning
Heloisa Kinder, Articulate
Typography—or the art of creating characters for print—is a powerful tool for setting the right mood and tone for your e-learning course. Choosing the right typefaces will help you create clear, beautiful, and legible text that complements the content, interactions, and graphics in your course.
In this rich guide to typography for e-learning designers, we’ll show you how to create a professional, elegant look for your course by choosing the right typefaces.
Flat Design & Colors: Elegant Web UI Design Techniques
UXPin
See the best techniques for using colors & flat design with 40 examples from Google, Squarespace and more.
For flat design, topics include the intersection of Flat & Material Design, pros/cons of flat design, techniques popularized by flat design, flat design resources, and more.
For colors, topics include flat color palettes, high contrast colors, the emotions of color, how to pair color and texture, and more.
Real-world advice on how to stay current with these powerful design techniques.
Essential Guide to Visual Design
Articulate
You’ve heard the old adage, “Don’t judge a book by its cover.” While the most tattered, sorry-looking book can hold delightful, exciting stories inside, we often overlook it in favor of a gorgeously designed hardcover. The same is true about e-learning. Even if your content is Pulitzer-worthy, your learners will find it difficult to be engaged if your course doesn’t appeal to their visual senses.
The good news is that you don’t have to be a visual designer to build beautiful courses. There are five simple ingredients to good visual design: color, contrast, repetition, alignment, and balance. In this e-book, we’ll look at each of these key ingredients and show you how to use them.
The Building Blocks of Visual Hierarchy: Designing Visually Intuitive Web UI
UXPin
In this ebook:
- See how to design visually intuitive interfaces for the web.
- Learn how size, colors, space, layout, and style affect visual understanding.
- Get quick tips for designing clear visual hierarchies.
- 18 examples of the best sites analyzed from companies like MailChimp & RelateIQ.
Avoiding Ugly e-Learning: Lessons from Holiday Sweaters
Ethan Edwards, Allen Interactions
Tis the season of holiday sweaters—each lovingly created with good intent, sometimes gaudy, sometimes uncomfortable, sometimes utilitarian, but rarely as beautiful as imagined. The same can often be said about e-learning course designs.
We start out with the intention to create something uniquely satisfying for our learners, but after accounting for strained resources, limited time, imperfect development tools, complex subject matter, and unpredictable learners, we end up with something not quite as beautiful as we’d hoped.