Do you ever feel like your creative energy is dried up? It's difficult to be creative on demand. In this presentation, you will find inspiration from varied design trends that you can use in your own eLearning and slides.

1. Creative Ideas for Slides and E-Learning
VISUAL STYLE
INSPIRATION
Connie Malamed
theelearningcoach.com
@elearningcoach

2. GET INSPIRED

7. CHOOSING
A STYLE
00

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

22. MINIMALIST
EXAMPLE

26. HANDMADE
02

34. Illustrations
Handmade
fonts
Scanned
objects
Illustrated
elements
HANDMADE
Sketchy look

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

47. Realistic
Objects
Corresponding
fonts
High fidelity
details
Works as
expected
SKEUOMORPHIC

48. SKEUOMORPHIC
Use Cases:
§ New hire
orientation
§ Policies
§ Any content
about work
itself

49. SKEUOMORPHIC
EXAMPLE

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

59. Clean &
Crisp
Typography
more
important
Bold simple
fonts
Simple
icons
Few
embellishments
FLAT

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

77. Flat tiles
Obvious
grid
Consistent
color in
topics
Colorful
Simplistic
METRO

78. METRO
Use Cases
• Dull, dry
content
• Micro-learning

79. METRO
EXAMPLE

83. BIG
PHOTOGRAPHY
06

86. buffalosystems.co.uk/

90. hDp://wildbluetech.com/

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

93. BIG PHOTOGRAPHY
EXAMPLE

94. CAREER NETWORKING

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/

105. Old photos &
illustrations
Two-toned
palette
Retro
Typeface
Vintage
objects
Patterned
Backgrounds
RETRO

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

118. INFOGRAPHIC
ANIMATION

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