Visual Design Principles for eLearning

Also, when you can design eLearning that looks polished and professional, it will go a long way in helping you land better, higher-paying job opportunities.

Study and apply the principles in this video to improve your visual design skills and create effective eLearning that stands apart from the crowd.

Let me know in the comments below if you have any questions (or if you found this visual design content helpful).

Thank you!

Using the affiliate links below will help support me and the content on this channel.

***Book Recommendations***

***My Gear Setup***

#elearning #instructionaldesign #visualdesign

0:00 Introduction
0:39 Contrast
2:09 Alignment
3:41 Proximity
5:05 White Space
6:26 Balance
7:20 Repetition
9:40 Conclusion

[Englishing]

Amazing lesson. Thank you for your help!

[jck]

Hi Devlin, I am lucky to have come across your channel. Even though a lot of things are already familiar to me, it's nice to see that I am on the right track. Thanks for enriching the small ID world with your knowledge. The examples especially help me to apply the principles. Thank you!

[linetediaz.]

Joined the project lab after watching so many of your videos. I am so glad that these videos are also presented in curated fashion in the project lab to increase learning. If anyone is wondering whether or not to enroll in the project lab offered by Devlin please bite the bullet and go for it, you will not be disappointed. I have learned so much in just the first section than in the hours of video tutorials I have seen.

[jackielaroga]

Working along with Articulate Workshop Series on this channel made me learn these principles while copying Devlin's way of developing a project. I somehow acquired the practice of alignment, contrast etc and noticed myself using these principle even when not making a project or doing something else. Thank you Devlin

[ultimodias]

Thanks 🌸Devlin. I sooo needed this video.🙏🏾Watched it twice.😊

[ruthsugar]

thank you for providing the side by side examples showing how to improve the layout using the design principles.

[JessieCarty]

This is such a good refresher with nice, simple examples. You are SO right that I'm starting to see them, especially on local news LOL

[jeneneschwartz]

Very easy to understand examples and shows how much these principles make a difference. Thank you

[megangrandmont-melendy]

All of the visual examples you provided here are so useful!

[sneharecites]

It was like a revision which made an eye-opening experience! Thanks Devlin!

[MicahBuzanANIMATION]

Really solid breakdown of these design principles.

[VeroniqueASmans]

Thanks Devlin! This was very well explained and demonstrated!

[Daria-uptg]

I like that you use UX/UI essentials in ID. Will be great to hear your explanation the importance of UX/UI processes/methods in ID (to explain during interviews to potential employers). Again thank you for your content!

[devanjan]

a very helpful video for beginners! Kudos!

[brittanygladsjo]

Thinking of making a job aid for this for myself!

[kshitijabirajdar]

Really helpful for last minute revision

[deeptipanwar]

Very concise and clear video... loved it 🙂🙂

[debcaton]

This is great information and many helpful reminders! Question about color scheme. I once learned that light text on a dark background (like you use in this video) is better/easier on the eyes. Is this accurate? Are there advantages to choosing this scheme over dark text on a light background?

[allisonkauffmann]

Very informative and clear examples! Thank you!

You sent out a sample file to correct - do you happen to have an ideal state to compare our work against? Wanted to see if I was in the right ballpark.

[lukissmith]

Great Video. One thing that concerns me is the type of font. What is general rule when using/choosing font?