Visual Design Basics for eLearning Development | How-To Workshop

#eLearning #InstructionalDesign #ArticulateStoryline #VisualDesign
Designing effective and engaging eLearning requires more than just good instructional design—it also needs to look good! However, if you're like a lot of eLearning and instructional design professionals, you've likely found yourself struggling with the visual design aspects of developing eLearning.

What fonts should you use? How do you create a custom color scheme? How do you find images and graphics that resonate with your learners? And how to bring it all together into a visually pleasing layout?

The truth is, if you're like most eLearning designers, these are all questions you've asked yourself.

So, in this How-To Workshop, I'll walk you through how to apply basic visual design concepts to help you create more engaging and better-looking eLearning courses.

----
Timestamps:
00:00:00 Intro
00:04:46 Why is Visual Design Hard?
00:09:14 What is Visual Design?
00:12:23 Compositional Visual Design for eLearning
00:16:24 Picking Fonts for eLearning
00:21:10 The Three Font Rule
00:24:40 Examples & Tools for Picking Fonts
00:33:45 Picking Colors for eLearning
00:35:55 The Four Color Rule
00:38:46 Examples & Tools for Picking Colors
00:45:34 Picking Images for eLearning
00:46:53 Pictures
00:50:17 Icons
00:53:00 Graphics
00:54:00 Examples & Tools for Picking Images
01:02:21 Slide Layout for eLearning
01:04:06 Title Slides & Content Slides
01:05:36 Examples & Tools for eLearning Slide Layout
01:13:26 Visual Design Resources
01:14:20 Closing

----
Learn more about growing your eLearning career:

Enroll in our eLearning academy and community:

Snag a copy of The eLearning Designer's Handbook:

----
Follow The eLearning Designer's Academy:

----
Follow Tim Slade:

[SmokeyDimsums]

Hello Tim, I'm sure that whatever I'm going to comment here has been said to you by people - "You are a savior for all of us who are trying to get better at this job". Most of the times we don't realize how our actions can impact the lives of so many people we have never met. I feel, that your decision in past to become corporate a guy that can make presentations "prettier" is impacting our lives in great magnitude. Thanks again for everything.

[JuliaSheehy]

I am honestly grateful for your willingness to show you earliest efforts. I am not always willing to reveal my most cringeworthy content, probably because I have churned out so very MUCH substandard schlock. Still learning, perennial newbie. Thank you for sharing this, and WOW what a difference being in the right job makes (mall cop...just doesn't appear to sync with who you are now). YES... bad design is very easy to achieve...overachiever here.

[ruykimd]

I have never seen anybody explain the elements of visual design this simply. I loved it. Thank you much :D

[kelechim-]

I'm loving this video. I just got to the part where you joked about a restraining order on Bob and am cracking up! Also, I loved the beginning when you were showing the example of the screen beans and beveling. LOL. I remember those days. LOL.

[kaipo]

I’m interesting in visual designer you made it so clearer, your are a great designer teacher.

[MegRichey]

This video was SO incredibly helpful! Thank you for sharing your knowledge!

[wxudfcw]

This video was extremely helpful! Thank you for sharing!

[jbdabc]

Thanks so much, Tim, for this fantastic, educational video! This is so helpful by offering lots of very well presented and structured information. I sat through all of it from start to finish, taking notes! (a budding instructional designer here) This has laid some good foundations for me. Thanks for the book suggestions too, I'll have a look for them. 😊

[Bukharis]

Thanks. very motivational video, especially about creating from scratch which is really difficult, i tried to do this to show that it is my work, but downloading content sounds much better, easier and faster.

[gyrlonfilm]

Great session Tim. I missed the live session, but it was very helpful to be able to come back and watch, absorb when I am not preoccupied by a project deadline. :)

[dollaya]

This is very very heplful. Thank you so much!

[verser]

8:19 - "You change the color to red because you want to 'jazz it up'" LOL... 🤣

By far something we all have done! Just add features because you can! I feel the same way about animations. They can contribute to really effective instruction, but the most common use I've seen is as a distraction.

Overall an awesome presentation Tim! You organized the information in a fantastic way and presented beautifully! I'm impressed and motivated :)

[johncalvin]

All things said here were on point and will be of great help for everyone who works in eLearning development. Great job Tim Slade.

[kellybarker]

Great video, just what I was looking for. The resources will be soooo helpful. Thank you!

[MpomartMedia]

Hey Tim, thank you so much, yet again for the visual design episode, it was very informative and I gained a lot in a very short period of time. Keep up the work 👍👍

[ImNotReclusive]

Love your videos, dude. Your persona makes it pleasant to watch.

[luis]

I feel 10x more confident in soft soft, thanks!

[deepakdalvi]

Amazing session !!!! So very spot on and yet so very informative. Thanks a ton Tim!!!

[nimble]

Nice work! I'm impressed with your video window driving and narrating the course, how many takes did you use? Or did you edit multiple takes? My reason for asking is the narrative is seamless with so much content to deliver, it is impressive if you did this video in just a few takes. Tx

[MTheKing]

Century Gothic will be our heading, and now let's add a nice serif font. It sounds like wine pairing. haha Thanks for this workshop! It's really informative and presents a framework for something that can be difficult to structure.