Visual Design Strategies
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.
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: contrast, alignment, hierarchy, proximity, balance, simplicity, and repetition.
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:
- Color scheme (consider 60:30:10 rule and brand guidelines)
- Navigation elements (such as buttons and various states)
- Images and icons (photorealistic versus illustrative)
- Fonts (consider brand guidelines if applicable)
E-learning styling board description showing visual design elements such as colors, imagery style, fonts, and button choices.