Visual Design Skills Every E-Learning Developer Needs

You don’t need to be a designer — but you do need to understand design

A colleague once showed me a course she’d built. The content was solid. The objectives were clear. But the layout was a mess with misaligned text boxes, three different font sizes, stock photos that clashed with the icons. She knew it looked off. She just didn’t know why, or how to fix it.

E-learning is a visual medium. Even a white background with black text is a design decision. You made it whether you thought about it or not.

Why visual design matters more than you think

People who create e-learning lean well into instructional designer. But many of us have shaky design instincts. That’s not a knock, it’s just the way things are. Grraphic design is a whole different industry and full time job.

The challenge for us is that whether we have good skills or not, the course has to look like something. I’ll say something a little controversial: I’d rather have a good-looking bad course than a bad-looking bad course.

Good visual design sets a tone. It signals to learners that someone took this seriously, before they’ve read a single word.

The principles that actually show up in your work

You don’t need to know everything about graphic design. But a handful of core principles show up again and again in every course worth looking at.

Here they are, with a quick take on each:

• Layout communicates relationships. Where you place objects on the screen tells a story. Group information poorly and you create confusion. Use proximity and spacing with intention.
• Repetition creates unity. Learners get used to where things live on the screen. When you’re consistent with placement, fonts, and structure, the course feels coherent. When you’re not, it feels like a Frankencourse where things are cobbled together. I’d say this also extends to how you use blocks in Rise or create interactions in your courses.
• Contrast guides attention. You need learners to know where to look. Unintentional contrast is just noise — it distracts instead of directs.
• Visual hierarchy tells learners what matters. If everything on the screen looks equal, nothing stands out. A simple heading structure gives learners a way to scan and orient themselves.
• Alignment keeps things professional. Misaligned objects make a course look sloppy. Learners might not consciously notice, but they feel it. It’s like a room that’s not arranged right. You can feel it even if you can’t explain why.
• Graphics need to match. Mixing photo styles, clip art, and vector illustrations in one course is one of the most common mistakes out there. Stick to one visual style. It creates visual cohesion.
• Fonts are graphic elements. The typeface you choose carries meaning beyond just the text people read. Be intentional about which fonts you’re using and why.
• Color should support, not compete. Limit your palette. When colors compete with the content, the content loses. I usual;l tell people who don’t have good design skills to stick with black and white and maybe a light gray. And then use an accent color, sparingly.

Where AI fits into this

AI image and design tools have changed a lot for people who aren’t graphic artists. If you’ve struggled to find the right background image or build a custom illustration, AI can handle more of that work now. That part is real.

Here’s something worth knowing, though. AI output tends to drift the longer you work in a single session. Ask for five variations of the same image in one chat and the quality starts to slip. Another issue is that AI often gives you something that looks generic. It’s hard to describe but easy to spot. We’ve all seen the same type of graphics in all sorts of AI slop.

The fix isn’t to stop using AI. It’s to build enough of a design foundation that you can tell when the output is drifting. That means starting fresh sessions, writing more specific prompts, and pushing back when something looks off. You can’t do any of that without knowing what good contrast, alignment, or hierarchy actually look like.

The one book worth your time

For designers who aren’t designers, The Non-Designer’s Design Book by Robin Williams is the place to start. I’ve recommended it for years and I keep recommending it. Contrast, repetition, alignment, proximity — these aren’t trends. They’re the foundation.

Whether you’re building a course from scratch or prompting AI to generate assets, this book gives you the vocabulary and the eye to do it well. It’s short, practical, and written for people who came up through a different field entirely.

Key takeaways

Pick up The Non-Designer’s Design Book if you haven’t — it’s a quick read and it pays off fast. Then take your next course and focus on just one principle: notice your contrast, check your alignment, or look at whether your graphics hold together as a set. AI can handle more production work now, but the judgment calls still belong to you. Build the eye, and the tools get a lot more useful.