In today’s mobile and social media climate, strong visuals paired with succinct and well-crafted copy are critical to effective storytelling. In this session, you’ll learn the basics of visual literacy with a brief introduction to color, typography and the importance of visual communications in the digital media landscape. You’ll get an introduction to Canva, a free online tool for creating visual content. You’ll also: Receive a demonstration on how visual content can be used on various social media platforms to maximize message exposure and impact. Learn to identify basic typographic styles and their respective associations. Gain a working knowledge of Canva software in order to create visual content for press releases and a variety of digital platforms.

1. COVERYOURVISUAL ASSETS:
HOWTO CREATE MAGNETICVISUALS WITH CANVA AND MORE
Lisa Buyer and KayTappan

2. THE WHY

3. a closed plane curve, every point of
which is equidistant from a fixed point
within the curve

4. a closed plane curve, every point of which is equidistant from
a fixed point within the curve

6. THE POWER OF IMAGES

7. TECHNICAL CONSIDERATIONS

8. OBTAINING IMAGES: RESOURCES
• Original photos and graphics are ideal.
• However, this is not a perfect world.
• Professional, high-quality photos are expensive and take time
• Original graphics (such as logos) mean hiring a graphic designer; also
costly and time-consuming

9. OBTAINING IMAGES: RESOURCES
• The Noun Project
• unsplash.com
• stocksnap.io
• Creative Commons image search
• Creative Market
• splitshire.com

10. MINI DESIGN SCHOOL
CRAP

11. CONTRAST

12. CONTRAST

13. CONTRAST

14. REPETITION

15. REPETITION

16. REPETITION

17. ALIGNMENT
Our eye is trained to read from
left to right (at least in Western
countries).Avoid the urge to
center all your text! Make sure
that other elements on the page
are aligned as well.
Our eye is trained to read from
left to right (at least in Western
countries).Avoid the urge to center
all your text! Make sure that other
elements on the page are aligned
as well.
Good BAD

18. ALIGNMENT

19. PROXIMITY

20. PROXIMITY
Heading 1
This text goes with
Heading 1.
Heading 2
This text goes with
Heading 2.
Good Bad
Heading 1
This text goes with
Heading 1.
Heading 2
This text goes with
Heading 2.

21. PROPORTION

22. color quick guide
RED
power
energy
vitality
love
seduction
violence
anger
danger
adventure
ORANGE
comfort
warmth
youth
energy
creativity
cheer
excitement
affordability
YELLOW
happiness
joy
curiosity
playfulness
frustration
irritation
cautionary
illness
GREEN
health
nature
organic
morality
ethics
freshness
financial
money
stability
affluence
greed
jealousy
BLUE
Dark blue: Trust,
dignity, authority
Bright blue:
Cleanliness,
strength,
dependability
Light blue: Peace,
serenity,
spirituality,
friendliness
PURPLE
luxury
royalty
nobility
magic
spirituality
supernatural

23. RULES OF COLOR:
CONVEY INFORMATION

24. CONVEY INFORMATION

25. RULES OF COLOR:
ASSIST IN MNEMONICVALUE

26. ADDITIVE COLOR = RGB

27. HEX CODES

29. TYPOGRAPHY 101

31. SERIFVS. SANS-SERIF
Serif fonts have ornamental strokes;Times New Roman is the most common example.

33. HANDWRITTEN/SCRIPT FONTS

34. NOVELTY FONTS

35. TYPOGRAPHY 101

36. TYPE CRIMES
• BOLD, ITALIC, UNDERLINED CAPS
• TYPESETTING IN ALL CAPS HAS LOW LEGIBILITY AND LOOKS LIKE
SOMEONE IS SHOUTING
• Underlining for emphasis looks amateur (and appears to be a hyperlink on the web)

37. WHEN CHOOSING ATYPEFACE

38. THE ALMIGHTY STYLE GUIDE

39. WHATTO INCLUDE
• Color values for print and web
• Photograph / graphic style
• Typefaces (2 - 3)
• Logo treatment

40. Tools to Rules
Cover Your Visual Assets
cc: m-s-y - https://www.flickr.com/photos/34064267@N00

42. Agenda
• Opportunity
• Situation
• Tools
• Tips
cc: incurable_hippie - https://www.flickr.com/photos/49503155381@N01

43. Opportunity
The Media
cc: stevebeard73 - https://www.flickr.com/photos/29928190@N00

44. Journalists are asking for
visuals - images, videos,
and infographics.
cc: incurable_hippie - https://www.flickr.com/photos/49503155381@N01

45. Visuals drive more content
views, and adding multiple
media assets to your
content generates even
better results.
cc: qthomasbower - https://www.flickr.com/photos/55943778@N00

46. Top performing press releases
contain strong visuals.
cc: javier.:.vázquez - https://www.flickr.com/photos/23127224@N07

47. Why not go for almost
100% improvement?

48. FACEBOOK POSTS CONTAINING
PHOTOS ACCOUNTED FOR 87%
OF ALL NETWORK INTERACTIONS.
cc: niallkennedy - https://www.flickr.com/photos/35034351734@N01

49. TWEETS WITH IMAGES RECEIVE
150% MORE RETWEETS THAN
THOSE WITHOUT.
cc: id-iom - https://www.flickr.com/photos/48119396@N00

50. Instagram Most Engaging Filters
• Mayfair
• Inkwell
• Amaro
• Walden
• Lo-Fi
cc: aslakr - https://www.flickr.com/photos/38839434@N00

51. Situation
What's Happening?
cc: Eric Constantineau - www.ericconstantineau.com - https://www.flickr.com/photos/74007022@N00

52. More Competition
It's getting crowded in the newsfeed
cc: James Cridland - https://www.flickr.com/photos/18378655@N00

53. Journalists say PHOTOS are
the most important
multimedia feature in an
online newsroom.
cc: kennymatic - https://www.flickr.com/photos/99472898@N00

54. The majority of marketers
plan to increase their use
and production of original
visual content.
cc: Joe The Goat Farmer - https://www.flickr.com/photos/132604339@N03

55. Visualize Your Story!
cc: kevin dooley - https://www.flickr.com/photos/12836528@N00

56. How?
• Custom Imagery
• Infographics
• Slides
• SM Messages
• Blogs
cc: kevin dooley - https://www.flickr.com/photos/12836528@N00

57. Tools
Canva and more
cc: Kaptain Kobold - https://www.flickr.com/photos/95492938@N00

59. "Canva makes great design more
accessible.”
- Forbes

60. The Story
• Australian start-up
• 2013 launched
• 6M users
• Hollywood and Silicon Valley
investments

62. Types of Canva Accounts
Free and Paid

63. What Can You Design?
• Business Cards, Letterheads
• Profile and Cover Images
• Social Messages
• Resumes
• Infographics
• Book Covers

66. C A N V A D E S I G N S C H O O L
Quick Guide
to Canva

67. Create an account
www.canva.com

68. Search

69. S E A R C H
The two ways to search
There are two ways to search:
category folders and
keyword search.

70. S E A R C H
Grids and images
Grids can be used to hold any images and allow for easy
resizing and manipulation of your images.

71. Layouts

72. L A Y O U T S
Choose a striking template
If you don't want to start from scratch, choose one of the hundreds of
beautifully designed layouts that have been created for each design type.

73. Text
T

74. T E X T
Use a text box
Choose from header, subtitle, or body text boxes and adjust the
font and size to complement your design. Change the default
font and size if you regularly use the same fonts.

75. A D D T E X T T O Y O U R D E S I G N
Use a text holder
If you're not sure where to start, choose from hundreds of text boxes
to tastefully frame the text for your design.
B L U E B E R R Y
P I E
F O R M O R E R E C I P I E S V I S I T O U R W E B S I T E
Honeycomb
T H E U L T I M A T E D I N N E R T R E A T
icecream
GUEST
HOUSE
La maison
SINCE 1972
EXHIBITION
ON NOW
SCULPTURE & ART

76. Background

77. B A C K G R O U N D S
Choose a color or Canva background

78. Uploads

79. U P L O A D S
Upload your own images

80. Helpful Tips

81. H E L P F U L T I P S
Download and Share
Download your design as
a PDF or image.
Share your design using
email or using a link.

82. H E L P F U L T I P S
Page arrangement
You can change the order of your pages
by clicking on the up or down arrows.
You can also duplicate and delete pages
in your design by clicking on the dual
page or trash can icons.

83. G E T T I N G S T A R T E D
Beginner's Challenge

84. G E T T I N G S T A R T E D
Choose your new design type
Choose the design type that makes the most
sense for your classroom task.

85. 10+ Tips & Tools
cc: Claire_Sambrook - https://www.flickr.com/photos/18432246@N00

86. 1. Design Tools
PicMonkey, Canva, Pixlr, Easel.ly, WordSwag and more
cc: Phil Roeder - https://www.flickr.com/photos/88876166@N00

87. 2. Infographics
Info.gram, Canva, Visual.ly, Piktochart
cc: sneeu - https://www.flickr.com/photos/90336565@N00

88. Give a clear call-to-action in visuals
3. Add CTA to Images
cc: włodi - https://www.flickr.com/photos/19716902@N00

89. 4. Responsive Design
Your images should be mobile-friendly
cc: ChrisGoldNY - https://www.flickr.com/photos/34325628@N05

90. 5. Create a Slideshow
Embed and save as video
cc: waferbaby - https://www.flickr.com/photos/51035718466@N01

91. A picture is worth 1,000 words (or shares!)
6. Visual Storytelling
cc: kennymatic - https://www.flickr.com/photos/99472898@N00

92. Images Behind the Scenes
#BTS images and/or audio
cc: Bob Bekian - https://www.flickr.com/photos/53771684@N04

93. Communicate Key Messaging - 3, 2, 1, action!
7. Video
cc: fractalznet - https://www.flickr.com/photos/95575701@N00

94. Explainer Videos
Tool: makewebvideo.com

95. 8. GIFs
Make it interactive! Tool-to-Use: Giphy
cc: kevin dooley - https://www.flickr.com/photos/12836528@N00

96. 9. Add Visual Assets
to your Press Release
cc: Steve Rhodes - https://www.flickr.com/photos/44124466908@N01

97. 10. Know When To Design
and when to outsource :)
cc: martinak15 - https://www.flickr.com/photos/64636777@N03

98. 11. Haiku Deck
Buh-Bye Power Point
cc: Wesley Fryer - https://www.flickr.com/photos/31442459@N00

99. 12. Buddhify App
Visualize Creativity. #Whitespace. Clear the Mind Clutter.
cc: albill - https://www.flickr.com/photos/66133152@N00

100. Takeaways
• Think about a visual PR strategy to
tell your brand story
• Consider Canva for DIY design
• Check out other visual tools to add
to your PR arsenal
• Optimize
• Never stop learning

101. Follow @Canva for Tips
cc: thewikiman - https://www.flickr.com/photos/40488338@N03

102. Follow @GuyKawasaki
Give him a "CANVAngelist" Shout Out!
cc: Robert Scoble - https://www.flickr.com/photos/35034363287@N01

103. Get Your Gift!
Give it a try.
cc: SurprisePally - https://www.flickr.com/photos/31417716@N00

104. Thank you! :)
Follow Me @LisaBuyer
cc: eldh - https://www.flickr.com/photos/22480788@N08

105. Sources
• PRNewswire
• eMarketer
• Social Media Examiner
• www.selfstartr.com/instagram-
marketing-tips-ecommerce/