E-Learning Design for Non-Designers

Visual Design Strategies

Colors

Color is one of the most powerful visual design tools out there – it’s where the eye is first drawn when presented with stimulus. Color can be used to evoke emotions, organize content, indicate call-to-actions, and create visual harmony. The following video covers these topics in further detail, with particular emphasis on the 60:30:10 rule of color.


Video Transcript

Graphic Design Principles

If you google “graphic design principles” you’ll notice a lack of consensus surrounding just how many principles there are. For the purpose of this website, I will stick to the 7 graphic design principles commonly cited in academic literature as I have found them to be the most impactful to my daily e-learning design process. Using these core principles can help improve the visual aesthetics of your learning projects – print or digital.

The seven graphic design principles. Long description follows image.

The seven graphic design principles: contrast, alignment, hierarchy, proximity, balance, simplicity, and repetition.

Style Boards

Style boards are a great tool to incorporate when using SAM or other Agile frameworks where storyboarding and visual mockups are typically skipped in favor of rapid, iterative development. Style boards are a quick way to present styling options to your stakeholders to ensure you are on the same page aesthetically, which can prevent costly rework down the line. Below is a list of key components to consider for your style board along with an example from my project archives.

Style Board Components:



E-Learning style board. Long description follows image.

E-learning styling board description showing visual design elements such as colors, imagery style, fonts, and button choices.