Visual Style Inspiration for eLearning and Slides
8 likes1,826 views
The document provides a guide on creative ideas for slides and e-learning visual styles, including various design elements like visuals, typography, and color palettes. It categorizes visual styles into eight types: minimalist, handmade, skeuomorphic, flat, metro, big photography, retro, and infographic, each with specific use cases. The guide aims to inspire and assist in choosing the appropriate visual design for different content and audience needs.
Visual Style Inspiration for eLearning and Slides
- 1. Creative Ideas for Slides and E-Learning VISUAL STYLE INSPIRATION Connie Malamed theelearningcoach.com @elearningcoach
- 2. GET INSPIRED
- 8. VISUALS TYPOGRAPHY SPACE What is visual design?
- 9. Elements of a Visual Style Space Visuals Typography Color palette Textures & patterns Mood
- 10. You want to match… Goal and Purpose Audience Sensibilities Type of Content Underlying Message
- 11. 01 MINIMALIST 02 HANDMADE 03 SKEUOMORPHIC 04 FLAT 05 METRO 06 BIG PHOTOGRAPHY 07 RETRO 08 INFOGRAPHIC
- 12. MINIMALIST 01
- 20. Generous amount of white space Less is more Reduced palette Few details Strong focal point MINIMALIST
- 21. Use Cases: § High-tech § Design Topics § Complex topics § Progressive org § Sophisticated audience MINIMALIST
- 26. HANDMADE 02
- 35. HANDMADE Use Cases • Differentiation • Casual content or message • Creative content • Add fun and interest
- 36. HANDMADE EXAMPLE
- 41. SKEUOMORPHIC 03
- 42. Skeuomorphic Elements in a design that mimic a physical object
- 48. SKEUOMORPHIC Use Cases: § New hire orientation § Policies § Any content about work itself
- 51. About this person About this person About this person Chicago Headquarters
- 52. Employee Reten,on over the Years 2014 2005 2009
- 53. FLAT 04
- 60. Use Cases: § Hi-tech content § Design-related content § Modern/stylish message FLAT
- 61. FLAT EXAMPLE
- 62. Template by Tim Slade
- 63. Template by Tim Slade
- 64. Template by Tim Slade
- 65. Template by Tim Slade
- 66. Template by Tim Slade
- 67. METRO 05
- 78. METRO Use Cases • Dull, dry content • Micro-learning
- 79. METRO EXAMPLE
- 91. Single large image Compelling photo Bold typeface High contrast text color Horizontal orientation LARGE PHOTOS
- 92. BIG PHOTOGRAPHY Use Cases: § Visuals are focus § Science, nature § Repair § Medical § Storytelling § Attract attention
- 95. When meeting someone new, act in a friendly manner and make eye contact.
- 96. Get out and meet people. Join professional associations and attend chapter meetings.
- 97. People are sensitive to body language, facial expression, posture, movement and tone of voice.
- 98. RETRO 07
- 101. hDp://mediaboom.com/
- 106. Use Cases: § Branding § Company History § Timelines § Humor § Novelty RETRO
- 107. RETRO EXAMPLE
- 110. INFOGRAPHIC 08
- 111. neomam.com
- 112. wired.com
- 116. Charts and graphs Pictograms Objects are easy to recognize INFOGRAPHIC Icons
- 117. INFOGRAPHIC § Finance § Scientific § Technical
- 120. USE
- 121. USE TRAN SITIONS
- 122. &
- 123. ANIMATIONS
- 124. &
- 125. TIMING
- 126. TIMING For an Animated Infographic Style
- 127. 01 MINIMALIST 02 HANDMADE 03 SKEUOMORPHIC 04 FLAT 05 METRO 06 BIG PHOTOGRAPHY 07 RETRO 08 INFOGRAPHIC
- 128. TRY SOMETHING NEW
- 129. THANK YOU Connie Malamed Website: theelearningcoach.com Twitter: @elearningcoach