What Are Your Favorite Go-To Fonts?

e-learning font style favorite font

I build a lot of templates and shareable files, so I often use system fonts. I do this so I don’t need to worry about fonts not being installed on the other person’s computer. Most of the time I stick with Open Sans. It’s a nice clean font family that has plenty of options. And it’s one people usually have.

When it comes to working with fonts, I’m not a designer, so I like to keep it simple. I usually look for a title, body, and maybe an extra one for emphasis. So I may have a style guide that looks like this:

e-learning font style guide

However, sometimes system fonts can get a little boring. And besides, we all have certain fonts that we really like, that is until they’re overused…like papyrus. Here are (were) some of my favorite go-to fonts. They’re ones I actually know the names of and can locate on my computer.

  • I like Skippy Sharp for handwriting. But it has gotten a bit old and a lot of people use it now. They need to make a Skippier Sharper font.
  • I use Action Man for comic style modules. But I may go back to the retro Comic Sans which is like the Stranger Things of fonts.
  • I like the slab fonts for headlines. Rockwell is a nice one. But again, it’s starting to get overused.
  • I used to like Pacifico, until others found it, too. Now my fonts aren’t making me special. I’m an iPhone 7 in an iPhone X world.
  • Franklin Gothic is a nice clean font family. As is Helvetica and the many knockoffs.

Today, I was thinking about how many of us have our favorite fonts that we like to use. In fact, if I see a project from someone on our team, I can usually guess who build it by the fonts used in the module.

When I’m in a pinch, I always know I can go with Rockwell for a title, the Open Sans family for body/emphasis, and Skippy Sharp for an accent.

So I was wondering what you use:

  • What’s your favorite title font?
  • What’s your favorite font combination?
  • What’s your favorite handwritten font?
  • What do you do to add emphasis to the text? Do you use a new font, bold, or recolor?

Feel free to share what you use in the comments.


Download the fully revised, free 63-page ebook: The Insider's Guide to Becoming a Rapid E-Learning Pro

e-learning workshop

Upcoming E-Learning Events

  • Antwerp: Nov 7. Articulate User Day 2017.
  • Utrecht: Nov 9 & 10. Articulate User Day 2017. Register here.
  • London: November 13 & 14. Articulate Community Roadshow. Register here.
  • Manchester: November 16 & 17. Articulate Community Roadshow. Sold Out. Register here.
  • Webinar (University of California Irvine): December 13. How to Build a Professional E-Learning Portfolio. Register here.
2018
 

Free E-Learning Resources

Want to learn more? Check out these articles and free resources in the community.

Here’s a great job board for elearning, instructional design, and training jobs

Participate in the weekly elearning challenges to sharpen your skills

Get your free PowerPoint templates and free graphics & stock images.

Lots of cool elearning examples to check out and find inspiration.

Getting Started? This elearning 101 series and the free e-books will help.

7 Top Tips To Use eLearning Infographic Templates

Many eLearning pros cannot imagine developing a high-quality eLearning course without using eLearning templates. Ready-made eLearning templates help eLearning developers save time and enhance the overall eLearning course design process. In this article, I’ll share 7 tips to use eLearning infographic templates to create winning infographics for eLearning.

This post was first published on eLearning Industry.

Developing Effective eLearning Infographics: A 7-Step Guide

Infographics have been around for a while in the marketing sector. But now they are one of the most popular online training tools in the eLearning industry. In this article, I’ll explore 7 steps involved to create effective infographics for your eLearning course.

This post was first published on eLearning Industry.

7 Reasons To Include eLearning Infographics In Your eLearning Course Design

Facts and figures help to support the key takeaways and enhance the value of your eLearning course. Presenting them in an easily digestible format is even more important. In this article, I’ll explore 7 ways that eLearning infographics can enhance the eLearning experience of your online learners.

This post was first published on eLearning Industry.

Common Visual Design Mistakes That Ruin the Way Your Course Looks

visual design mistakes

E-learning is a mostly visual medium which means a lot of what we communicate in our courses comes through how they’re structured visually. The challenge is that graphic design and visual communication are their own fields and it’s hard enough to be a good instructional designer let alone a good graphic artist.

I get the privilege of reviewing a lot of courses and understand that many people struggle with the visual part of the course. So in this post, we’ll review some common visual design mistakes that are easily fixed. They won’t make you into a graphic artist, but they should help make your course design a little tighter.

Visual Design Mistake 1: Images are Scrunched & Not Scaled

This is one of the most common mistakes and easily fixed. An image is inserted and then to make it fit or move it, it gets moved from the top or side anchors on the bounding box. This scrunches the image and makes it look a little off.

scale image from corner to maintain aspect ratio

The fix is to drag it from the corner to scale it and preserve its aspect ratio. It most apps, you hold the SHIFT key and drag to keep it locked while you scale it up or down.

Visual Design Mistake 2: Not Sure Where to Focus

This is a general issue and I’ll address more specific fixes below. Essentially the eye moves across the screen in a pattern. Without a structured design, we tend to scan in a Z pattern. There are some things that disrupt the pattern like colors, size, whitespace, and an object’s relationship to another. That means we can help control eye movement. However, many times the course screens seem to just have a hodge-podge of things on it with lots of conflicting attempts to draw the eye’s attention.

z pattern when scanning screen

Here are two good fixes:

Visual Design Mistake 3: Inconsistent Visual Style

Ever take a course where each slide or screen looks different than the other? This usually happens because the developer is building slide to slide. I see this all the time in workshops. What happens is that they make design decisions at the slide level as they work. This leads to spending too much time reviewing every font installed on the computer looking for just the right one. Or going a stock photo site and trying to come up with ideas.

Other elements of visual inconsistency are:

style guide for e-learning

Again, I’ll reference intentional design and the need to have a plan around what will and won’t be on the screen. One easy solution is to do some sort of design mapping like the one David Anderson shares. It helps you consider the visual elements of your courses and make design decisions before you start building. Once you’ve narrowed down your intent you should put together a simple style guide. You’ll save time and have visual consistency.

Visual Design Mistake 4: No Visual Hierarchy

This issue relates to the mistake above. If everything on the screen looks equal it’s hard to scan the content and even more difficult to figure out what fits where.

visual hierarchy adds context and makes it easier to scan

Having a visual hierarchy fixes this. It allows you to chunk content and makes it easier to discern context. The easiest thing is to create a simple style guide with headings, sub-headings, and body text.

Visual Design Mistake 5: Alignment Looks Sloppy & Out of Whack

There are some courses where the margins are all different widths and objects aren’t aligned properly. This makes the course look sloppy and a little out of balance or off kilter. It’s like walking into the room where the furniture doesn’t seem to be staged right and the pictures are crooked. You may not be a home decorator, but you definitely can tell when it doesn’t look right. The same goes with a visual design that is out of balance. It just doesn’t look right. And it may make it bit more challenging to understand the course content.

alignment woes in e-learning

This is easy to fix:

  • Have consistent margins.
  • Align objects, left justified is the most common. If you switch the justification, have a reason why.
  • Extra space between groups helps communicate that they’re grouped.
  • A lot of people use a grid system to keep onscreen objects aligned.

Those are common design mistakes that easily fixed and they help you avoid the Curse of the Frankencourse. If you want to learn more check out the visual design tips in the e-learning community, download this free e-book, and join us at one of our Roadshow workshops.

What do you find to be common visual design mistakes?


Download the fully revised, free 63-page ebook: The Insider's Guide to Becoming a Rapid E-Learning Pro

e-learning Articulate workshops

Upcoming E-Learning Events

  • Articulate Roadshows. Join us for one or two days of e-learning goodness. Day 1 focuses on more general e-learning topics and Day 2 is centered on learning to build some nice, reusable interactions. They're great activities to help you learn more about the tools. Sign up using the links below. Seats are limited for the events. If you're interested in presenting at one of the roadshows, let me know.
  • Boston: July 18 & 19. Early bird rate expires July 7. Register here.
  • Toronto: August 9 & 10. Early bird rate expires July 21. Register here.
  • Seattle: August 21 & 22. Early bird rate expires August 7. Register here.
  • Austin: September 12 & 13. Early bird rate expires August 28. Register here.
  • San Francisco: October 10 & 11. Early bird rate expires September 15. Seats limited for this event. Register here.
  • London: November 13 & 14. Details coming soon.
  • Manchester: November 16 & 17. Seats will be limited. Details coming soon.
  • There are a couple of other events planned. Once we get all of the bookings confirmed, we'll add the registration page and info.

 

Free E-Learning Resources

Want to learn more? Check out these articles and free resources in the community.

Here’s a great job board for elearning, instructional design, and training jobs

Participate in the weekly elearning challenges to sharpen your skills

Get your free PowerPoint templates and free graphics & stock images.

Lots of cool elearning examples to check out and find inspiration.

Getting Started? This elearning 101 series and the free e-books will help.