Download - Design It Yourself the Marketers Crash Course in Visual Content Creation v2 w Printout v8
-
7/30/2019 Design It Yourself the Marketers Crash Course in Visual Content Creation v2 w Printout v8
1/60
INTRO
DUC
-
7/30/2019 Design It Yourself the Marketers Crash Course in Visual Content Creation v2 w Printout v8
2/60
... bis ou whoe aketi wod
toethe i oe, poweu, iteated sste.
HUbSpOTS All-IN-ONe
MARkeTINg SOfTwARe.Rqust A Dmo
Vido Ovrvi
MARkeTINg ANAlyTICS
Aaze ou web tac
ad see which souces
ae eeati the osteads.
eMAIl
Sed pesoaized,
seeted eais based
o a ioatio i ou
cotact database.
SeARCH OpTIMIzATION
Ipove ou ak i
seach eies b di
ad tacki ou ostefective kewods.
leAD MANAgeMeNT
Tack eads with a
copete tieie-view o
thei iteactios with ou
copa
SOCIAl MeDIA
Pubish cotet to ou
socia accouts, the
utue eads based o
thei socia eaeet.
Ceate bo cotet
quick whie etti SEO
tips ad best pacticepoites as ou tpe.
blOggINg
Design it Yourself: the Marketers Crash Course in Visual Content Creatio2
w.Hubspot.com
re thi Ek!
http://../jonathansmith/Library/Caches/Adobe%20InDesign/Version%208.0/en_US/InDesign%20ClipboardScrap1.pdfhttp://offers.hubspot.com/demo/?source=hseb-ebooks-mql-pageshttp://www.youtube.com/watch%3Fv%3DX_bqIr7pGzQhttp://www.hubspot.com/products/email-marketing/?source=hseb-ebooks-product-placementhttp://www.hubspot.com/products/email-marketing/?source=hseb-ebooks-product-placementhttp://www.hubspot.com/products/email-marketing/?source=hseb-ebooks-product-placementhttp://www.hubspot.com/products/email-marketing/?source=hseb-ebooks-product-placementhttp://www.hubspot.com/products/lead-management/?source=hseb-ebooks-product-placementhttp://www.hubspot.com/products/email-marketing/?source=hseb-ebooks-product-placementhttp://www.hubspot.com/products/seo/?source=hseb-ebooks-product-placementhttp://www.hubspot.com/products/seo/?source=hseb-ebooks-product-placementhttp://www.hubspot.com/products/seo/?source=hseb-ebooks-product-placementhttp://www.hubspot.com/products/seo/?source=hseb-ebooks-product-placementhttp://www.hubspot.com/products/seo/?source=hseb-ebooks-product-placementhttp://www.hubspot.com/products/lead-management/?source=hseb-ebooks-product-placementhttp://www.hubspot.com/products/lead-management/?source=hseb-ebooks-product-placementhttp://www.hubspot.com/products/lead-management/?source=hseb-ebooks-product-placementhttp://www.hubspot.com/products/lead-management/?source=hseb-ebooks-product-placementhttp://www.hubspot.com/products/lead-management/?source=hseb-ebooks-product-placementhttp://www.hubspot.com/products/blogging-social-media/?source=hseb-ebooks-product-placementhttp://www.hubspot.com/products/blogging-social-media/?source=hseb-ebooks-product-placementhttp://www.hubspot.com/products/blogging-social-media/?source=hseb-ebooks-product-placementhttp://www.hubspot.com/products/blogging-social-media/?source=hseb-ebooks-product-placementhttp://www.hubspot.com/products/blogging-social-media/?source=hseb-ebooks-product-placementhttp://www.hubspot.com/products/blogging-social-media/?source=hseb-ebooks-product-placementhttp://www.hubspot.com/products/blogging-social-media/?source=hseb-ebooks-product-placementhttp://www.hubspot.com/products/blogging-social-media/?source=hseb-ebooks-product-placementhttp://www.hubspot.com/products/blogging-social-media/?source=hseb-ebooks-product-placementhttp://www.hubspot.com/products/blogging-social-media/?source=hseb-ebooks-product-placementhttp://clicktotweet.com/FbYJ4http://clicktotweet.com/eL94ohttp://clicktotweet.com/FbYJ4http://www.linkedin.com/shareArticle?mini=true&url=offers.hubspot.com/marketers-crash-course-in-visual-content-creationhttp://www.linkedin.com/shareArticle%3Fmini%3Dtrue%26url%3Doffers.hubspot.com/pocket-guide-5-emails-your-nonprofit-should-be-sending/%3Fsource%3Dhseb-ebooks-social-sharinghttp://www.linkedin.com/shareArticle?mini=true&url=offers.hubspot.com/marketers-crash-course-in-visual-content-creationhttp://www.facebook.com/sharer/sharer.php?url=offers.hubspot.com/marketers-crash-course-in-visual-content-creationhttp://www.facebook.com/sharer/sharer.php%3Furl%3Doffers.hubspot.com/pocket-guide-5-emails-your-nonprofit-should-be-sending/%3Fsource%3Dhseb-ebooks-social-sharinghttp://www.facebook.com/sharer/sharer.php?url=offers.hubspot.com/marketers-crash-course-in-visual-content-creationhttp://www.hubspot.com/products/blogging-social-media/?source=hseb-ebooks-product-placementhttp://www.hubspot.com/products/blogging-social-media/?source=hseb-ebooks-product-placementhttp://www.hubspot.com/products/lead-management/?source=hseb-ebooks-product-placementhttp://www.hubspot.com/products/seo/?source=hseb-ebooks-product-placementhttp://www.hubspot.com/products/email-marketing/?source=hseb-ebooks-product-placementhttp://www.youtube.com/watch%3Fv%3DX_bqIr7pGzQhttp://offers.hubspot.com/demo/?source=hseb-ebooks-mql-pageshttp://../jonathansmith/Library/Caches/Adobe%20InDesign/Version%208.0/en_US/InDesign%20ClipboardScrap1.pdf -
7/30/2019 Design It Yourself the Marketers Crash Course in Visual Content Creation v2 w Printout v8
3/60
Design it Yourself: the Marketers Crash Course in Visual Content Creatio3
w.Hubspot.com
re thi Ek!
WrITTEn By SHAnnOn JOHnSOn & KEITH FrAnKEl
Shannon is an Inbound Marketing Manager at
HubSpot. She works closely with the agency sales
team to ensure the educational resources HubSpot
publishes meet the needs o agency marketers. Shes
an Arizonan-turned-Bostonian, a dog lover, and an
ASU alum who likes to dabble in digital photography.
Keith leads a group o creatives and designers on
HubSpots Brand & Buzz team. He likes Subway
sandwiches. fOllOw US ON TwITTeR.@THekeITHf| @SHANNOpOp
fOllOw Me ON TwITTeR.@IIIIISMITHIIIII
DESIgnED By JOn SmITH
Jon Smith is a designer on the Brand & Buzz team at HubSpot.
As a multi-disciplinary designer, his skills range rom web and
print design to UX and UI work. Hes always trying to help
grow the perception o the brand by delighting ellow Inbound
marketers with memorable, engaging experiences.
https://twitter.com/theKeithFhttps://twitter.com/meghanllockwoodhttps://twitter.com/shannopophttps://twitter.com/iiiiismithiiiiihttps://twitter.com/iiiiismithiiiiihttps://twitter.com/shannopophttps://twitter.com/meghanllockwoodhttps://twitter.com/theKeithFhttp://clicktotweet.com/FbYJ4http://clicktotweet.com/eL94ohttp://clicktotweet.com/FbYJ4http://www.linkedin.com/shareArticle?mini=true&url=offers.hubspot.com/marketers-crash-course-in-visual-content-creationhttp://www.linkedin.com/shareArticle%3Fmini%3Dtrue%26url%3Doffers.hubspot.com/pocket-guide-5-emails-your-nonprofit-should-be-sending/%3Fsource%3Dhseb-ebooks-social-sharinghttp://www.linkedin.com/shareArticle?mini=true&url=offers.hubspot.com/marketers-crash-course-in-visual-content-creationhttp://www.facebook.com/sharer/sharer.php?url=offers.hubspot.com/marketers-crash-course-in-visual-content-creationhttp://www.facebook.com/sharer/sharer.php%3Furl%3Doffers.hubspot.com/pocket-guide-5-emails-your-nonprofit-should-be-sending/%3Fsource%3Dhseb-ebooks-social-sharinghttp://www.facebook.com/sharer/sharer.php?url=offers.hubspot.com/marketers-crash-course-in-visual-content-creation -
7/30/2019 Design It Yourself the Marketers Crash Course in Visual Content Creation v2 w Printout v8
4/60
Design it Yourself: the Marketers Crash Course in Visual Content Creatio4
w.Hubspot.com
re thi Ek!
CONTeNTS.
INTRODUCTION: wHy VISUAl COMMUNICATION SHOUlD MATTeRMORe TO MARkeTeRS.
05
CHApTeR 1: wHy MOST MARkeTeRS STRUggle TO CReATe gReATVISUAl CONTeNT.
07
CHApTeR 2: 5 TypeS Of VISUAl CONTeNT TO CReATe AND SHARe ONblOgS AND SOCIAl MeDIA.
10
16
CHApTeR 4: 20 eASy AND fRee TOOlS TO CReATe AMAzINg VISUAlSON A bUDgeT AND wITHOUT pHOTOSHOp..
37
CONClUSION.57
CHApTeR 3: fIRST THINgS fIRST: 10 COMMANDMeNTS Of DO-IT-yOURSelf DeSIgN (wITH exAMpleS!).
ADDITIONAl ReSOURCeS.58
pRINTOUT: DO-IT-yOURSelf DeSIgN eVAlUATION CHeCklIST.60
http://www.colorschemedesigner.com/http://www.colourlovers.com/colorshttp://www.colourlovers.com/paletteshttp://www.colourlovers.com/paletteshttp://www.colourlovers.com/http://www.colourlovers.com/http://www.colourlovers.com/photocopahttp://www.colourlovers.com/patternshttp://www.google.com/webfontshttp://www.google.com/webfontshttp://www.colourlovers.com/patternshttp://www.colourlovers.com/photocopahttp://www.colourlovers.com/http://www.colourlovers.com/paletteshttp://www.colourlovers.com/colorshttp://www.colorschemedesigner.com/http://clicktotweet.com/FbYJ4http://clicktotweet.com/eL94ohttp://clicktotweet.com/FbYJ4http://www.linkedin.com/shareArticle?mini=true&url=offers.hubspot.com/marketers-crash-course-in-visual-content-creationhttp://www.linkedin.com/shareArticle%3Fmini%3Dtrue%26url%3Doffers.hubspot.com/pocket-guide-5-emails-your-nonprofit-should-be-sending/%3Fsource%3Dhseb-ebooks-social-sharinghttp://www.linkedin.com/shareArticle?mini=true&url=offers.hubspot.com/marketers-crash-course-in-visual-content-creationhttp://www.facebook.com/sharer/sharer.php?url=offers.hubspot.com/marketers-crash-course-in-visual-content-creationhttp://www.facebook.com/sharer/sharer.php%3Furl%3Doffers.hubspot.com/pocket-guide-5-emails-your-nonprofit-should-be-sending/%3Fsource%3Dhseb-ebooks-social-sharinghttp://www.facebook.com/sharer/sharer.php?url=offers.hubspot.com/marketers-crash-course-in-visual-content-creation -
7/30/2019 Design It Yourself the Marketers Crash Course in Visual Content Creation v2 w Printout v8
5/60
Design it Yourself: the Marketers Crash Course in Visual Content Creatio5
w.Hubspot.com
re thi Ek!
Marketers have to start pretending they have 3 seconds or less to catch someones eye i theywant to get an idea across. Its as simple as this: i you cant win your prospects attention, you cant
convert them into customers.
We live in an age o inormation overload. Every two days we create as much inormation as we did
rom the dawn o civilization up until 2003, according to ormer Google CEO, Eric Schmidt. In 2011,
there were over one TRILLION pages on the internet. 1,000,000,000,000! Trying to comprehend how
much inormation that is is like trying to comprehend how big the universe is.
As wonderul as it is having so much inormation at our ngertips, humans can only consume so much
at a given time. We have multiple inboxes overfowing with email, several social networks fooded with
real time updates, and one or more mobile devices buzzing and beeping with even more messages.
INTRODUCTION:
wh Visua Communication Shoud
Mattr Mor to Martrs.
http://articles.cnn.com/2011-09-12/tech/web.index_1_internet-neurons-human-brain%3F_s%3DPM:TECHhttp://articles.cnn.com/2011-09-12/tech/web.index_1_internet-neurons-human-brain%3F_s%3DPM:TECHhttp://clicktotweet.com/FbYJ4http://clicktotweet.com/eL94ohttp://clicktotweet.com/FbYJ4http://www.linkedin.com/shareArticle?mini=true&url=offers.hubspot.com/marketers-crash-course-in-visual-content-creationhttp://www.linkedin.com/shareArticle%3Fmini%3Dtrue%26url%3Doffers.hubspot.com/pocket-guide-5-emails-your-nonprofit-should-be-sending/%3Fsource%3Dhseb-ebooks-social-sharinghttp://www.linkedin.com/shareArticle?mini=true&url=offers.hubspot.com/marketers-crash-course-in-visual-content-creationhttp://www.facebook.com/sharer/sharer.php?url=offers.hubspot.com/marketers-crash-course-in-visual-content-creationhttp://www.facebook.com/sharer/sharer.php%3Furl%3Doffers.hubspot.com/pocket-guide-5-emails-your-nonprofit-should-be-sending/%3Fsource%3Dhseb-ebooks-social-sharinghttp://www.facebook.com/sharer/sharer.php?url=offers.hubspot.com/marketers-crash-course-in-visual-content-creation -
7/30/2019 Design It Yourself the Marketers Crash Course in Visual Content Creation v2 w Printout v8
6/60
Design it Yourself: the Marketers Crash Course in Visual Content Creatio6
w.Hubspot.com
re thi Ek!
Its no wonder our attention spans or one piece o inormation are shrinking. To truly cut through
the clutter, its more important than ever or marketers to create web content thats both useul and
aesthetically pleasing.
The rapidly growing user bases o photo-centric sites like Instagram and Pinterest, and the recent
photo-centric redesign o Facebooks news eed are just two o many indicators that consumers are
gravitating toward visual content that conveys an idea and sparks an emotional response ast. Even our
own research shows that photos generate 53% more likes than the average post.
I you want to create the quality photos, images, charts, graphs, inographics and other visual
representations o data your customers and prospects actually want to consume, keep reading to glean
the tips, design basics and easy-to-use tools that will empower everyone on your marketing team to do
so.
PP VV PW
W
V
V
PWv
PP
W
Vv
V
vv
v
v
http://allthingsd.com/20130307/in-facebooks-news-feed-redesign-the-focus-is-on-the-photos/http://allthingsd.com/20130307/in-facebooks-news-feed-redesign-the-focus-is-on-the-photos/http://blog.hubspot.com/blog/tabid/6307/bid/33423/19-Reasons-You-Should-Include-Visual-Content-in-Your-Marketing-Data.aspxhttp://blog.hubspot.com/blog/tabid/6307/bid/33800/Photos-on-Facebook-Generate-53-More-Likes-Than-the-Average-Post-NEW-DATA.aspxhttp://blog.hubspot.com/blog/tabid/6307/bid/33800/Photos-on-Facebook-Generate-53-More-Likes-Than-the-Average-Post-NEW-DATA.aspxhttp://blog.hubspot.com/blog/tabid/6307/bid/33800/Photos-on-Facebook-Generate-53-More-Likes-Than-the-Average-Post-NEW-DATA.aspxhttp://blog.hubspot.com/blog/tabid/6307/bid/33800/Photos-on-Facebook-Generate-53-More-Likes-Than-the-Average-Post-NEW-DATA.aspxhttp://blog.hubspot.com/blog/tabid/6307/bid/33423/19-Reasons-You-Should-Include-Visual-Content-in-Your-Marketing-Data.aspxhttp://allthingsd.com/20130307/in-facebooks-news-feed-redesign-the-focus-is-on-the-photos/http://allthingsd.com/20130307/in-facebooks-news-feed-redesign-the-focus-is-on-the-photos/http://clicktotweet.com/FbYJ4http://clicktotweet.com/eL94ohttp://clicktotweet.com/FbYJ4http://www.linkedin.com/shareArticle?mini=true&url=offers.hubspot.com/marketers-crash-course-in-visual-content-creationhttp://www.linkedin.com/shareArticle%3Fmini%3Dtrue%26url%3Doffers.hubspot.com/pocket-guide-5-emails-your-nonprofit-should-be-sending/%3Fsource%3Dhseb-ebooks-social-sharinghttp://www.linkedin.com/shareArticle?mini=true&url=offers.hubspot.com/marketers-crash-course-in-visual-content-creationhttp://www.facebook.com/sharer/sharer.php?url=offers.hubspot.com/marketers-crash-course-in-visual-content-creationhttp://www.facebook.com/sharer/sharer.php%3Furl%3Doffers.hubspot.com/pocket-guide-5-emails-your-nonprofit-should-be-sending/%3Fsource%3Dhseb-ebooks-social-sharinghttp://www.facebook.com/sharer/sharer.php?url=offers.hubspot.com/marketers-crash-course-in-visual-content-creation -
7/30/2019 Design It Yourself the Marketers Crash Course in Visual Content Creation v2 w Printout v8
7/60
Design it Yourself: the Marketers Crash Course in Visual Content Creatio7
w.Hubspot.com
re thi Ek!
wHy MOST MARkeTeRS
STRUggle TO CReATe
gReAT VISUAl CONTeNT.
CHApTeR
01
http://clicktotweet.com/FbYJ4http://clicktotweet.com/eL94ohttp://clicktotweet.com/FbYJ4http://www.linkedin.com/shareArticle?mini=true&url=offers.hubspot.com/marketers-crash-course-in-visual-content-creationhttp://www.linkedin.com/shareArticle%3Fmini%3Dtrue%26url%3Doffers.hubspot.com/pocket-guide-5-emails-your-nonprofit-should-be-sending/%3Fsource%3Dhseb-ebooks-social-sharinghttp://www.linkedin.com/shareArticle?mini=true&url=offers.hubspot.com/marketers-crash-course-in-visual-content-creationhttp://www.facebook.com/sharer/sharer.php?url=offers.hubspot.com/marketers-crash-course-in-visual-content-creationhttp://www.facebook.com/sharer/sharer.php%3Furl%3Doffers.hubspot.com/pocket-guide-5-emails-your-nonprofit-should-be-sending/%3Fsource%3Dhseb-ebooks-social-sharinghttp://www.facebook.com/sharer/sharer.php?url=offers.hubspot.com/marketers-crash-course-in-visual-content-creation -
7/30/2019 Design It Yourself the Marketers Crash Course in Visual Content Creation v2 w Printout v8
8/60
Design it Yourself: the Marketers Crash Course in Visual Content Creatio8
w.Hubspot.com
re thi Ek!
Lets rst address a ew reasons why creating images, snapping photos and pumping out sticky
presentations has become so challenging or marketers. Then, we promise well zoom in on some
practical tips and tools to get you and your marketing team creating visual content.
Firstly, compelling visual content today has to be less about showcasing product
eatures, or example, and more about appealing to the viewers liestyle, values and
desires -- especially i its going to be shared on social media channels. Photography
needs to be less staged and more editorial in style: it needs to engender an
emotional response. Dont believe us? Try sharing a stock photo on Facebook and
see the lack o interaction youll get. Post a photo o your customer service team
doing cartwheels in the grass on a sunny Friday aternoon, and you might get a
reaction. The marketers on the ront lines o social channels should be sharing these
kinds o moments, but more oten than not, theyre not designers or photographers.
Not every company has a photographer or designer in house, either. Maybe you
dont have the resources to invest in one or more people with visual chops. Even the
companies that do have design or photography resources struggle to scale the production o visual
content because these resources are usually tied up in other projects deemed more important than
social media content creation. So, the task o creating enough visuals to permeate numerous social
news eeds alls onto the shoulders o non-designers on the marketing team.
v
http://clicktotweet.com/FbYJ4http://clicktotweet.com/eL94ohttp://clicktotweet.com/FbYJ4http://www.linkedin.com/shareArticle?mini=true&url=offers.hubspot.com/marketers-crash-course-in-visual-content-creationhttp://www.linkedin.com/shareArticle%3Fmini%3Dtrue%26url%3Doffers.hubspot.com/pocket-guide-5-emails-your-nonprofit-should-be-sending/%3Fsource%3Dhseb-ebooks-social-sharinghttp://www.linkedin.com/shareArticle?mini=true&url=offers.hubspot.com/marketers-crash-course-in-visual-content-creationhttp://www.facebook.com/sharer/sharer.php?url=offers.hubspot.com/marketers-crash-course-in-visual-content-creationhttp://www.facebook.com/sharer/sharer.php%3Furl%3Doffers.hubspot.com/pocket-guide-5-emails-your-nonprofit-should-be-sending/%3Fsource%3Dhseb-ebooks-social-sharinghttp://www.facebook.com/sharer/sharer.php?url=offers.hubspot.com/marketers-crash-course-in-visual-content-creation -
7/30/2019 Design It Yourself the Marketers Crash Course in Visual Content Creation v2 w Printout v8
9/60
Design it Yourself: the Marketers Crash Course in Visual Content Creatio9
w.Hubspot.com
re thi Ek!
Theres also the challenge o collecting all o your companys visual
assets in one place so that your social media marketing team can
access, modiy and couple them with status updates, blog posts,
or other pieces o ready-to-share content. Even i your company
has some orm o collective photo or image library, its most likely
populated with product photos, images rom marketing campaigns,
or stock photos. Why isnt this ideal? Because the images that thrive
in social networks -- that get shared and commented on in social
channels -- are the exact opposite o what most companies have at
their disposal.
In todays real-time world, marketers have to be agile. They cant be
waiting around or resources to appear rom thin air to get content
created. So, although designers denitely know design best and
theyre great to have around, perhaps its time or you and your
marketing team to take visual content creation into your own hands. In
the ollowing chapters, well prepare you to do just that.
http://clicktotweet.com/FbYJ4http://clicktotweet.com/eL94ohttp://clicktotweet.com/FbYJ4http://www.linkedin.com/shareArticle?mini=true&url=offers.hubspot.com/marketers-crash-course-in-visual-content-creationhttp://www.linkedin.com/shareArticle%3Fmini%3Dtrue%26url%3Doffers.hubspot.com/pocket-guide-5-emails-your-nonprofit-should-be-sending/%3Fsource%3Dhseb-ebooks-social-sharinghttp://www.linkedin.com/shareArticle?mini=true&url=offers.hubspot.com/marketers-crash-course-in-visual-content-creationhttp://www.facebook.com/sharer/sharer.php?url=offers.hubspot.com/marketers-crash-course-in-visual-content-creationhttp://www.facebook.com/sharer/sharer.php%3Furl%3Doffers.hubspot.com/pocket-guide-5-emails-your-nonprofit-should-be-sending/%3Fsource%3Dhseb-ebooks-social-sharinghttp://www.facebook.com/sharer/sharer.php?url=offers.hubspot.com/marketers-crash-course-in-visual-content-creation -
7/30/2019 Design It Yourself the Marketers Crash Course in Visual Content Creation v2 w Printout v8
10/60
Design it Yourself: the Marketers Crash Course in Visual Content Creatio10
w.Hubspot.com
re thi Ek!
5 TypeS Of VISUAl
CONTeNT TO CReATe AND
SHARe ON blOgS ANDSOCIAl MeDIA.
CHApTeR
02
http://clicktotweet.com/FbYJ4http://clicktotweet.com/eL94ohttp://clicktotweet.com/FbYJ4http://www.linkedin.com/shareArticle?mini=true&url=offers.hubspot.com/marketers-crash-course-in-visual-content-creationhttp://www.linkedin.com/shareArticle%3Fmini%3Dtrue%26url%3Doffers.hubspot.com/pocket-guide-5-emails-your-nonprofit-should-be-sending/%3Fsource%3Dhseb-ebooks-social-sharinghttp://www.linkedin.com/shareArticle?mini=true&url=offers.hubspot.com/marketers-crash-course-in-visual-content-creationhttp://www.facebook.com/sharer/sharer.php?url=offers.hubspot.com/marketers-crash-course-in-visual-content-creationhttp://www.facebook.com/sharer/sharer.php%3Furl%3Doffers.hubspot.com/pocket-guide-5-emails-your-nonprofit-should-be-sending/%3Fsource%3Dhseb-ebooks-social-sharinghttp://www.facebook.com/sharer/sharer.php?url=offers.hubspot.com/marketers-crash-course-in-visual-content-creation -
7/30/2019 Design It Yourself the Marketers Crash Course in Visual Content Creation v2 w Printout v8
11/60
Design it Yourself: the Marketers Crash Course in Visual Content Creatio11
w.Hubspot.com
re thi Ek!
Vidos
Although the ocus o this ebook is on imagery, we wont deny that great video is an eective way to
tell a story. Take a look at our resource kit on How to Use Online Video or Marketing i you want more
help with video creation. You might also nd useul the inormation on Twitters new short-orm video
creation app, Vine. You can learn more about it in our recent ebook, How to Attract Customers with
Twitter & Vine.
photos
Great photos evoke emotions and tell stories, and storytelling is crucial to thesocial success o your
content. Think about how you can give your audience a behind-the-scenes look into your companys
day to day, and how to translate what your brand represents visually. Do you have a picture o your rst
oce? Or do you have photos rom when you upgraded rom that rst oce to some swankier digs?
You could show that beore and ater process in photos to tell the story o an important, bitter-sweet
milestone in your companys history. Or maybe your sta does something un together to unwind --
2
1
http://www.hubspot.com/video-marketing-kit-download/http://www.google.com/url?q=http%3A%2F%2Foffers.hubspot.com%2Fhow-to-attract-customers-with-twitter-and-vine&sa=D&sntz=1&usg=AFQjCNGZNRgNplQyYI21-nKK0pgkWetPvwhttp://www.google.com/url?q=http%3A%2F%2Foffers.hubspot.com%2Fhow-to-attract-customers-with-twitter-and-vine&sa=D&sntz=1&usg=AFQjCNGZNRgNplQyYI21-nKK0pgkWetPvwhttp://matadornetwork.com/notebook/what-makes-a-photo-tell-a-story/http://blog.hubspot.com/blog/tabid/6307/bid/29435/How-to-Master-the-Art-of-Storytelling-to-Increase-Social-Sharing.aspxhttp://blog.hubspot.com/blog/tabid/6307/bid/29435/How-to-Master-the-Art-of-Storytelling-to-Increase-Social-Sharing.aspxhttp://blog.hubspot.com/blog/tabid/6307/bid/29435/How-to-Master-the-Art-of-Storytelling-to-Increase-Social-Sharing.aspxhttp://blog.hubspot.com/blog/tabid/6307/bid/29435/How-to-Master-the-Art-of-Storytelling-to-Increase-Social-Sharing.aspxhttp://blog.hubspot.com/blog/tabid/6307/bid/29435/How-to-Master-the-Art-of-Storytelling-to-Increase-Social-Sharing.aspxhttp://blog.hubspot.com/blog/tabid/6307/bid/29435/How-to-Master-the-Art-of-Storytelling-to-Increase-Social-Sharing.aspxhttp://matadornetwork.com/notebook/what-makes-a-photo-tell-a-story/http://www.google.com/url?q=http%3A%2F%2Foffers.hubspot.com%2Fhow-to-attract-customers-with-twitter-and-vine&sa=D&sntz=1&usg=AFQjCNGZNRgNplQyYI21-nKK0pgkWetPvwhttp://www.google.com/url?q=http%3A%2F%2Foffers.hubspot.com%2Fhow-to-attract-customers-with-twitter-and-vine&sa=D&sntz=1&usg=AFQjCNGZNRgNplQyYI21-nKK0pgkWetPvwhttp://www.hubspot.com/video-marketing-kit-download/http://clicktotweet.com/FbYJ4http://clicktotweet.com/eL94ohttp://clicktotweet.com/FbYJ4http://www.linkedin.com/shareArticle?mini=true&url=offers.hubspot.com/marketers-crash-course-in-visual-content-creationhttp://www.linkedin.com/shareArticle%3Fmini%3Dtrue%26url%3Doffers.hubspot.com/pocket-guide-5-emails-your-nonprofit-should-be-sending/%3Fsource%3Dhseb-ebooks-social-sharinghttp://www.linkedin.com/shareArticle?mini=true&url=offers.hubspot.com/marketers-crash-course-in-visual-content-creationhttp://www.facebook.com/sharer/sharer.php?url=offers.hubspot.com/marketers-crash-course-in-visual-content-creationhttp://www.facebook.com/sharer/sharer.php%3Furl%3Doffers.hubspot.com/pocket-guide-5-emails-your-nonprofit-should-be-sending/%3Fsource%3Dhseb-ebooks-social-sharinghttp://www.facebook.com/sharer/sharer.php?url=offers.hubspot.com/marketers-crash-course-in-visual-content-creation -
7/30/2019 Design It Yourself the Marketers Crash Course in Visual Content Creation v2 w Printout v8
12/60
Design it Yourself: the Marketers Crash Course in Visual Content Creatio12
w.Hubspot.com
re thi Ek!
capture that moment to help dierentiate yoursel as more than just any old company.
Whatever you decide to capture, be sure to care about quality photography. Focus on posting images
with good production value or maximum impact. Take a look at the Nasty Gal Pinterest page or a
glimpse o what high quality looks like.
http://pinterest.com/nastygal/http://pinterest.com/nastygal/http://clicktotweet.com/FbYJ4http://clicktotweet.com/eL94ohttp://clicktotweet.com/FbYJ4http://www.linkedin.com/shareArticle?mini=true&url=offers.hubspot.com/marketers-crash-course-in-visual-content-creationhttp://www.linkedin.com/shareArticle%3Fmini%3Dtrue%26url%3Doffers.hubspot.com/pocket-guide-5-emails-your-nonprofit-should-be-sending/%3Fsource%3Dhseb-ebooks-social-sharinghttp://www.linkedin.com/shareArticle?mini=true&url=offers.hubspot.com/marketers-crash-course-in-visual-content-creationhttp://www.facebook.com/sharer/sharer.php?url=offers.hubspot.com/marketers-crash-course-in-visual-content-creationhttp://www.facebook.com/sharer/sharer.php%3Furl%3Doffers.hubspot.com/pocket-guide-5-emails-your-nonprofit-should-be-sending/%3Fsource%3Dhseb-ebooks-social-sharinghttp://www.facebook.com/sharer/sharer.php?url=offers.hubspot.com/marketers-crash-course-in-visual-content-creation -
7/30/2019 Design It Yourself the Marketers Crash Course in Visual Content Creation v2 w Printout v8
13/60
Design it Yourself: the Marketers Crash Course in Visual Content Creatio13
w.Hubspot.com
re thi Ek!
Imas
Not every image has to be a photo. Images with overlaid text, illustrations, or screenshots are other
orms o visuals that can easily be shared on various social media channels. Sharpies Instagram ac-
count is jam-packed with illustrations that arent just pleasing to the eye -- they showcase dierent
ways to use their products.
3
http://www.chrisbrogan.com/junkweb/http://www.chrisbrogan.com/junkweb/http://clicktotweet.com/FbYJ4http://clicktotweet.com/eL94ohttp://clicktotweet.com/FbYJ4http://www.linkedin.com/shareArticle?mini=true&url=offers.hubspot.com/marketers-crash-course-in-visual-content-creationhttp://www.linkedin.com/shareArticle%3Fmini%3Dtrue%26url%3Doffers.hubspot.com/pocket-guide-5-emails-your-nonprofit-should-be-sending/%3Fsource%3Dhseb-ebooks-social-sharinghttp://www.linkedin.com/shareArticle?mini=true&url=offers.hubspot.com/marketers-crash-course-in-visual-content-creationhttp://www.facebook.com/sharer/sharer.php?url=offers.hubspot.com/marketers-crash-course-in-visual-content-creationhttp://www.facebook.com/sharer/sharer.php%3Furl%3Doffers.hubspot.com/pocket-guide-5-emails-your-nonprofit-should-be-sending/%3Fsource%3Dhseb-ebooks-social-sharinghttp://www.facebook.com/sharer/sharer.php?url=offers.hubspot.com/marketers-crash-course-in-visual-content-creation -
7/30/2019 Design It Yourself the Marketers Crash Course in Visual Content Creation v2 w Printout v8
14/60
Design it Yourself: the Marketers Crash Course in Visual Content Creatio14
w.Hubspot.com
re thi Ek!
Inorahics
One o the best ways to help your audience absorb a lot o data points at once is to present them all in
a graphic that more easily guides the eye than a giant block o text.
Need an example? Take a peek at this data-packed inographic about The Shit to Visual Social Media.
And i you want to make your own, make sure you choose a topic that your target audience would nd
valuable, download our 5 ree inographic templates, and make sure the nal product encompasses
these ten traits.
prsntations or Sidshos
Remarkable presentations convey educational inormation succinctly, so i your company is trying to
establish itsel as an industry thought leader, presentations shouldnt be overlooked. Presentations are
also another great way to break away rom heavy text ound in ebooks and white apers. Quick tips,
examples, images and data can easily and eectively be ormatted oito a series o slides that become
even easier to share. Upload a PowerPoint presentation to a site like SlideShare, and consider embed-
ding it into a blog post or additional exposure.
5
4
http://blog.hubspot.com/blog/tabid/6307/bid/33959/6-Ways-Social-Media-Marketers-Should-Capitalize-on-the-Visual-Content-Revolution-INFOGRAPHIC.aspxhttp://blog.hubspot.com/blog/tabid/6307/bid/34223/5-Infographics-to-Teach-You-How-to-Easily-Create-Infographics-in-PowerPoint-TEMPLATES.aspxhttp://blog.hubspot.com/blog/tabid/6307/bid/28436/10-Traits-of-Amazingly-Awesome-Infographics.aspxhttp://blog.hubspot.com/blog/tabid/6307/bid/28436/10-Traits-of-Amazingly-Awesome-Infographics.aspxhttp://slideshare.net/hubspothttp://slideshare.net/hubspothttp://blog.hubspot.com/blog/tabid/6307/bid/28436/10-Traits-of-Amazingly-Awesome-Infographics.aspxhttp://blog.hubspot.com/blog/tabid/6307/bid/28436/10-Traits-of-Amazingly-Awesome-Infographics.aspxhttp://blog.hubspot.com/blog/tabid/6307/bid/34223/5-Infographics-to-Teach-You-How-to-Easily-Create-Infographics-in-PowerPoint-TEMPLATES.aspxhttp://blog.hubspot.com/blog/tabid/6307/bid/33959/6-Ways-Social-Media-Marketers-Should-Capitalize-on-the-Visual-Content-Revolution-INFOGRAPHIC.aspxhttp://clicktotweet.com/FbYJ4http://clicktotweet.com/eL94ohttp://clicktotweet.com/FbYJ4http://www.linkedin.com/shareArticle?mini=true&url=offers.hubspot.com/marketers-crash-course-in-visual-content-creationhttp://www.linkedin.com/shareArticle%3Fmini%3Dtrue%26url%3Doffers.hubspot.com/pocket-guide-5-emails-your-nonprofit-should-be-sending/%3Fsource%3Dhseb-ebooks-social-sharinghttp://www.linkedin.com/shareArticle?mini=true&url=offers.hubspot.com/marketers-crash-course-in-visual-content-creationhttp://www.facebook.com/sharer/sharer.php?url=offers.hubspot.com/marketers-crash-course-in-visual-content-creationhttp://www.facebook.com/sharer/sharer.php%3Furl%3Doffers.hubspot.com/pocket-guide-5-emails-your-nonprofit-should-be-sending/%3Fsource%3Dhseb-ebooks-social-sharinghttp://www.facebook.com/sharer/sharer.php?url=offers.hubspot.com/marketers-crash-course-in-visual-content-creation -
7/30/2019 Design It Yourself the Marketers Crash Course in Visual Content Creation v2 w Printout v8
15/60
Design it Yourself: the Marketers Crash Course in Visual Content Creatio15
w.Hubspot.com
re thi Ek!
Want to know someone whos done SlideShare well? Martin Weigel rom Wieden + Kennedy. Check out
the presentation he put together to drop bombs on marketing BS.
Now that weve covered the essential visual content types, lets dive into the basic principles o great
design so you can be sure youre creating stu that will attract -- not repel -- the eyeballs you want.
http://www.wkamst.com/#!/culture/people/martin-weigel-2http://www.slideshare.net/mweigel/how-to-not-fail-16647530http://www.slideshare.net/mweigel/how-to-not-fail-16647530http://www.wkamst.com/#!/culture/people/martin-weigel-2http://clicktotweet.com/FbYJ4http://clicktotweet.com/eL94ohttp://clicktotweet.com/FbYJ4http://www.linkedin.com/shareArticle?mini=true&url=offers.hubspot.com/marketers-crash-course-in-visual-content-creationhttp://www.linkedin.com/shareArticle%3Fmini%3Dtrue%26url%3Doffers.hubspot.com/pocket-guide-5-emails-your-nonprofit-should-be-sending/%3Fsource%3Dhseb-ebooks-social-sharinghttp://www.linkedin.com/shareArticle?mini=true&url=offers.hubspot.com/marketers-crash-course-in-visual-content-creationhttp://www.facebook.com/sharer/sharer.php?url=offers.hubspot.com/marketers-crash-course-in-visual-content-creationhttp://www.facebook.com/sharer/sharer.php%3Furl%3Doffers.hubspot.com/pocket-guide-5-emails-your-nonprofit-should-be-sending/%3Fsource%3Dhseb-ebooks-social-sharinghttp://www.facebook.com/sharer/sharer.php?url=offers.hubspot.com/marketers-crash-course-in-visual-content-creation -
7/30/2019 Design It Yourself the Marketers Crash Course in Visual Content Creation v2 w Printout v8
16/60
Design it Yourself: the Marketers Crash Course in Visual Content Creatio16
w.Hubspot.com
re thi Ek!
fIRST THINgS fIRST:
10 COMMANDMeNTS Of
DO-IT-yOURSelf DeSIgN.
CHApTeR
03
http://clicktotweet.com/FbYJ4http://clicktotweet.com/eL94ohttp://clicktotweet.com/FbYJ4http://www.linkedin.com/shareArticle?mini=true&url=offers.hubspot.com/marketers-crash-course-in-visual-content-creationhttp://www.linkedin.com/shareArticle%3Fmini%3Dtrue%26url%3Doffers.hubspot.com/pocket-guide-5-emails-your-nonprofit-should-be-sending/%3Fsource%3Dhseb-ebooks-social-sharinghttp://www.linkedin.com/shareArticle?mini=true&url=offers.hubspot.com/marketers-crash-course-in-visual-content-creationhttp://www.facebook.com/sharer/sharer.php?url=offers.hubspot.com/marketers-crash-course-in-visual-content-creationhttp://www.facebook.com/sharer/sharer.php%3Furl%3Doffers.hubspot.com/pocket-guide-5-emails-your-nonprofit-should-be-sending/%3Fsource%3Dhseb-ebooks-social-sharinghttp://www.facebook.com/sharer/sharer.php?url=offers.hubspot.com/marketers-crash-course-in-visual-content-creation -
7/30/2019 Design It Yourself the Marketers Crash Course in Visual Content Creation v2 w Printout v8
17/60
Design it Yourself: the Marketers Crash Course in Visual Content Creatio17
w.Hubspot.com
re thi Ek!
I youre going to try to get somewhere walking in the shoes o a designer, its helpul to have a
compass. Thats where the ollowing 10 Commandments o Do-It-Yoursel Design come in. I you keep
these 10 essential design principles in mind, youll get o on the right oot.
Thou Shat Undrstand Th Contnts puros.Its impossible to know how to design your content without rst knowing what youre trying to
accomplish.
The rst thing any content creator rom novice copywriter to advanced designer needs to do in
order to ensure the s/he creates a successul piece o content is determine what needs to be achieved
by creating said content. Content creation and design, more specically is rst and oremost a
job o solving problems. Designers identiy a gap or need, brainstorm how to ll that gap, create the
content to satisy that need, and then send it out into the world or others to enjoy.
So, to think like a designer, get good at identiying and understanding the core problem or need. By
taking the time to careully consider the need, ask the relevant questions, compile the requirements,
and determine the success metrics, you can signicantly improve your chances o creating content that
blows viewers and readers away. Just remember: it never hurts to know more inormation, and youll
1
http://clicktotweet.com/FbYJ4http://clicktotweet.com/eL94ohttp://clicktotweet.com/FbYJ4http://www.linkedin.com/shareArticle?mini=true&url=offers.hubspot.com/marketers-crash-course-in-visual-content-creationhttp://www.linkedin.com/shareArticle%3Fmini%3Dtrue%26url%3Doffers.hubspot.com/pocket-guide-5-emails-your-nonprofit-should-be-sending/%3Fsource%3Dhseb-ebooks-social-sharinghttp://www.linkedin.com/shareArticle?mini=true&url=offers.hubspot.com/marketers-crash-course-in-visual-content-creationhttp://www.facebook.com/sharer/sharer.php?url=offers.hubspot.com/marketers-crash-course-in-visual-content-creationhttp://www.facebook.com/sharer/sharer.php%3Furl%3Doffers.hubspot.com/pocket-guide-5-emails-your-nonprofit-should-be-sending/%3Fsource%3Dhseb-ebooks-social-sharinghttp://www.facebook.com/sharer/sharer.php?url=offers.hubspot.com/marketers-crash-course-in-visual-content-creation -
7/30/2019 Design It Yourself the Marketers Crash Course in Visual Content Creation v2 w Printout v8
18/60
Design it Yourself: the Marketers Crash Course in Visual Content Creatio18
w.Hubspot.com
re thi Ek!
thank yoursel later or collecting it all up ront. In act, dont be surprised i in the end you replace your
original solution with one that is more successul in satisying your goals.
Thou Shat estaish a Hirarch.
Once you understand what you are trying to achieve, and have brainstormed some solutions, you can
begin considering exactly how you are going to go about putting it all together. Understanding the im-
portance o your pieces o content both in and o themselves and in relation to one another will not
only build the ramework rom which you can begin to make design decisions, but will also ensure that
you present your inormation in an easily digestible manner which is exactly what good design is all
about.
You do this by creating an inormation hierarchy, which involves determining the relative importance
o all your written and visual elements in order to prioritize them. Begin this process by looking at your
content at a macro level; consider all o the required copy, calls-to-action, links, and any other written
or visual elements that need to be included in the nal deliverable. Evaluate how they each compare
in terms o their importance and ability to help you accomplish your goal. Then, let your inormation
hierarchy be your guide to simple, elegant and more eective design.
2
http://clicktotweet.com/FbYJ4http://clicktotweet.com/eL94ohttp://clicktotweet.com/FbYJ4http://www.linkedin.com/shareArticle?mini=true&url=offers.hubspot.com/marketers-crash-course-in-visual-content-creationhttp://www.linkedin.com/shareArticle%3Fmini%3Dtrue%26url%3Doffers.hubspot.com/pocket-guide-5-emails-your-nonprofit-should-be-sending/%3Fsource%3Dhseb-ebooks-social-sharinghttp://www.linkedin.com/shareArticle?mini=true&url=offers.hubspot.com/marketers-crash-course-in-visual-content-creationhttp://www.facebook.com/sharer/sharer.php?url=offers.hubspot.com/marketers-crash-course-in-visual-content-creationhttp://www.facebook.com/sharer/sharer.php%3Furl%3Doffers.hubspot.com/pocket-guide-5-emails-your-nonprofit-should-be-sending/%3Fsource%3Dhseb-ebooks-social-sharinghttp://www.facebook.com/sharer/sharer.php?url=offers.hubspot.com/marketers-crash-course-in-visual-content-creation -
7/30/2019 Design It Yourself the Marketers Crash Course in Visual Content Creation v2 w Printout v8
19/60
Design it Yourself: the Marketers Crash Course in Visual Content Creatio19
w.Hubspot.com
re thi Ek!
Thou Shat Rsct Simicit.
More oten than not, less is more. Youve heard it a million times: keep it
simple, stupid. Clich or not, this couldnt hold more true or design. Unor-
tunately, there is a terrible misconception that good design is fashy, ornate,
loud or otherwise eye-catching. Dont believe it or a second.
Design is not art. Yes, you can appreciate and respect it in the same way
you do works o art (perhaps even more). In the end, though, design serves
a very dierent and distinct role. Rather than ocusing primarily on orm or
expression (as is oten the case with art), the primary unction o design is
the exact opposite to support unction.
When making your design decisions, always keep in mind that the goal o
design is to support the unction or purpose o your content with orm. For
non-designers, the best way to ensure that you do this is to simply try not
to do too much. Avoid actively trying to make your design unnecessarily
ornamental. The content should always be the ocus, not the design. Good
design shouldnt be obvious. In act, its oten completely invisible.
3
http://clicktotweet.com/FbYJ4http://clicktotweet.com/eL94ohttp://clicktotweet.com/FbYJ4http://www.linkedin.com/shareArticle?mini=true&url=offers.hubspot.com/marketers-crash-course-in-visual-content-creationhttp://www.linkedin.com/shareArticle%3Fmini%3Dtrue%26url%3Doffers.hubspot.com/pocket-guide-5-emails-your-nonprofit-should-be-sending/%3Fsource%3Dhseb-ebooks-social-sharinghttp://www.linkedin.com/shareArticle?mini=true&url=offers.hubspot.com/marketers-crash-course-in-visual-content-creationhttp://www.facebook.com/sharer/sharer.php?url=offers.hubspot.com/marketers-crash-course-in-visual-content-creationhttp://www.facebook.com/sharer/sharer.php%3Furl%3Doffers.hubspot.com/pocket-guide-5-emails-your-nonprofit-should-be-sending/%3Fsource%3Dhseb-ebooks-social-sharinghttp://www.facebook.com/sharer/sharer.php?url=offers.hubspot.com/marketers-crash-course-in-visual-content-creation -
7/30/2019 Design It Yourself the Marketers Crash Course in Visual Content Creation v2 w Printout v8
20/60
Design it Yourself: the Marketers Crash Course in Visual Content Creatio20
w.Hubspot.com
re thi Ek!
This Facebook page cover photo or Mad Men is a great example o keeping things simple. The
black and white photos o the characters give you a glimpse into their personalities, while the red textbreaks the monochromatic color scheme to make the only three words in the image stand out.
This Facebook page cover photo, on the other hand, is luckily not a real one (thank
goodness). But its nevertheless a perect example o visual chaos. There are too many
arrows, too many images, and too many calls-to-action competing or your attention.
http://clicktotweet.com/FbYJ4http://clicktotweet.com/eL94ohttp://clicktotweet.com/FbYJ4http://www.linkedin.com/shareArticle?mini=true&url=offers.hubspot.com/marketers-crash-course-in-visual-content-creationhttp://www.linkedin.com/shareArticle%3Fmini%3Dtrue%26url%3Doffers.hubspot.com/pocket-guide-5-emails-your-nonprofit-should-be-sending/%3Fsource%3Dhseb-ebooks-social-sharinghttp://www.linkedin.com/shareArticle?mini=true&url=offers.hubspot.com/marketers-crash-course-in-visual-content-creationhttp://www.facebook.com/sharer/sharer.php?url=offers.hubspot.com/marketers-crash-course-in-visual-content-creationhttp://www.facebook.com/sharer/sharer.php%3Furl%3Doffers.hubspot.com/pocket-guide-5-emails-your-nonprofit-should-be-sending/%3Fsource%3Dhseb-ebooks-social-sharinghttp://www.facebook.com/sharer/sharer.php?url=offers.hubspot.com/marketers-crash-course-in-visual-content-creation -
7/30/2019 Design It Yourself the Marketers Crash Course in Visual Content Creation v2 w Printout v8
21/60
Design it Yourself: the Marketers Crash Course in Visual Content Creatio21
w.Hubspot.com
re thi Ek!
Thou Shat Keep it leibe.
By now, you should be noticing a common theme among these commandments; i.e. simplicity and
clarity are key -- whether creating an image or a Facebook post or laying out an entire ebook. One
thing that is commonly overlooked when thinking about design, though, is the act that your text itsel
can create its own visual noise. I it cant or wont be read, then why bother including it at all?
To avoid conusion among readers or viewers, there are common sense (and commonly ignored)
solutions to increasing legibility, such as avoiding placing light text on a light background or dark text
on a dark background. However, the real pitalls o using text incorrectly dont deal with the placement
at all, but rather the amount o it.
Marketers and content creators love their words, and or good reason; theyre the tools they mostuse
to communicate. They oten have a tendency to write ar more than necessary. When it comes to
creating well designed content, this is a bad thing. Take a moment to consider i there are unnecessary
words you can delete. Writing concisely reduces the visual noise o your content and ensures that only
the critical or most important content remains.
Finally, dont worry i you start eeling too delete-happy. Just remember Steve Krugs Third Law o
Usability: Get rid o hal the words on each page, then get rid o hal o whats let.
4
http://www.sensible.com/http://www.sensible.com/http://clicktotweet.com/FbYJ4http://clicktotweet.com/eL94ohttp://clicktotweet.com/FbYJ4http://www.linkedin.com/shareArticle?mini=true&url=offers.hubspot.com/marketers-crash-course-in-visual-content-creationhttp://www.linkedin.com/shareArticle%3Fmini%3Dtrue%26url%3Doffers.hubspot.com/pocket-guide-5-emails-your-nonprofit-should-be-sending/%3Fsource%3Dhseb-ebooks-social-sharinghttp://www.linkedin.com/shareArticle?mini=true&url=offers.hubspot.com/marketers-crash-course-in-visual-content-creationhttp://www.facebook.com/sharer/sharer.php?url=offers.hubspot.com/marketers-crash-course-in-visual-content-creationhttp://www.facebook.com/sharer/sharer.php%3Furl%3Doffers.hubspot.com/pocket-guide-5-emails-your-nonprofit-should-be-sending/%3Fsource%3Dhseb-ebooks-social-sharinghttp://www.facebook.com/sharer/sharer.php?url=offers.hubspot.com/marketers-crash-course-in-visual-content-creation -
7/30/2019 Design It Yourself the Marketers Crash Course in Visual Content Creation v2 w Printout v8
22/60
Design it Yourself: the Marketers Crash Course in Visual Content Creatio22
w.Hubspot.com
re thi Ek!
Culture Code: Creating A Lovable Company -- a presentation compiled
by HubSpot co-ounder, Dharmesh Shah -- keeps wording legible byusing ew words and dark text over a light background.
On the other hand, this presentation by the NAACP on Environmental
Climate Justice exemplies visual noise caused by ar too much text onone slide.
http://www.slideshare.net/HubSpot/the-hubspot-culture-code-creating-a-company-we-lovehttp://www.slideshare.net/HubSpot/the-hubspot-culture-code-creating-a-company-we-lovehttp://www.google.com/url?q=http%3A%2F%2Fwww.slideshare.net%2FJamiahAdams%2Fenvironmental-and-climate-justice-in-region-vii-2013&sa=D&sntz=1&usg=AFQjCNHF_8LNyWm-axUUWKPe-0PSj4F7iAhttp://www.google.com/url?q=http%3A%2F%2Fwww.slideshare.net%2FHubSpot%2Fthe-hubspot-culture-code-creating-a-company-we-love&sa=D&sntz=1&usg=AFQjCNEvSRNFcNn75vbvOaGctAq61VUARAhttp://clicktotweet.com/FbYJ4http://clicktotweet.com/eL94ohttp://clicktotweet.com/FbYJ4http://www.linkedin.com/shareArticle?mini=true&url=offers.hubspot.com/marketers-crash-course-in-visual-content-creationhttp://www.linkedin.com/shareArticle%3Fmini%3Dtrue%26url%3Doffers.hubspot.com/pocket-guide-5-emails-your-nonprofit-should-be-sending/%3Fsource%3Dhseb-ebooks-social-sharinghttp://www.linkedin.com/shareArticle?mini=true&url=offers.hubspot.com/marketers-crash-course-in-visual-content-creationhttp://www.facebook.com/sharer/sharer.php?url=offers.hubspot.com/marketers-crash-course-in-visual-content-creationhttp://www.facebook.com/sharer/sharer.php%3Furl%3Doffers.hubspot.com/pocket-guide-5-emails-your-nonprofit-should-be-sending/%3Fsource%3Dhseb-ebooks-social-sharinghttp://www.facebook.com/sharer/sharer.php?url=offers.hubspot.com/marketers-crash-course-in-visual-content-creation -
7/30/2019 Design It Yourself the Marketers Crash Course in Visual Content Creation v2 w Printout v8
23/60
Design it Yourself: the Marketers Crash Course in Visual Content Creatio23
w.Hubspot.com
re thi Ek!
Thou Shat provid Adquat Sacin.
Allow the visual and written elements in your design to have a little personal space. Call it margins,
padding, or proximity -- we mean the same thing here. Whether designer or non-designer, its easy
to tell when spacing isnt quite right. Thats why once its pointed out, most content creators rarely
make serious spacing mistakes again.
Negative space (space not occupied by any visual or written elements) is okay. In act, it can be great.
By allowing yoursel a bit more breathing room, you increase the impact o your most important bits
o inormation, such as headlines or CTAs. Follow these steps to ensure you have enough space: rst,
arrange your content according to the inormation hierarchy you established. Then, consider how the
spacing should complement that hierarchy. Most importantly, make sure your spacing is consistent.
Margins should be the same width and height, and leading (the amount o space between two lines o
text) should be the same or all similar types o text.
Finally, i the volume o text in your ebook or presentation requires you to reduce your spacing to the
point that everything eels cramped, either move some o the inormation or remove it altogether. Take
a PowerPoint presentation, or example. It is better to have 50 slides each with one important bit o
inormation than it is to have ve slides, each packed with 10 equally important bits o inormation.
5
http://clicktotweet.com/FbYJ4http://clicktotweet.com/eL94ohttp://clicktotweet.com/FbYJ4http://www.linkedin.com/shareArticle?mini=true&url=offers.hubspot.com/marketers-crash-course-in-visual-content-creationhttp://www.linkedin.com/shareArticle%3Fmini%3Dtrue%26url%3Doffers.hubspot.com/pocket-guide-5-emails-your-nonprofit-should-be-sending/%3Fsource%3Dhseb-ebooks-social-sharinghttp://www.linkedin.com/shareArticle?mini=true&url=offers.hubspot.com/marketers-crash-course-in-visual-content-creationhttp://www.facebook.com/sharer/sharer.php?url=offers.hubspot.com/marketers-crash-course-in-visual-content-creationhttp://www.facebook.com/sharer/sharer.php%3Furl%3Doffers.hubspot.com/pocket-guide-5-emails-your-nonprofit-should-be-sending/%3Fsource%3Dhseb-ebooks-social-sharinghttp://www.facebook.com/sharer/sharer.php?url=offers.hubspot.com/marketers-crash-course-in-visual-content-creation -
7/30/2019 Design It Yourself the Marketers Crash Course in Visual Content Creation v2 w Printout v8
24/60
Design it Yourself: the Marketers Crash Course in Visual Content Creatio24
w.Hubspot.com
re thi Ek!
White space works really well in this image. Why? Because it looks like the cat is foating, only
urther emphasizing the comort a cat might experience while lying on this cat scratcher loungethat Fab.com has or sale.
http://clicktotweet.com/FbYJ4http://clicktotweet.com/eL94ohttp://clicktotweet.com/FbYJ4http://www.linkedin.com/shareArticle?mini=true&url=offers.hubspot.com/marketers-crash-course-in-visual-content-creationhttp://www.linkedin.com/shareArticle%3Fmini%3Dtrue%26url%3Doffers.hubspot.com/pocket-guide-5-emails-your-nonprofit-should-be-sending/%3Fsource%3Dhseb-ebooks-social-sharinghttp://www.linkedin.com/shareArticle?mini=true&url=offers.hubspot.com/marketers-crash-course-in-visual-content-creationhttp://www.facebook.com/sharer/sharer.php?url=offers.hubspot.com/marketers-crash-course-in-visual-content-creationhttp://www.facebook.com/sharer/sharer.php%3Furl%3Doffers.hubspot.com/pocket-guide-5-emails-your-nonprofit-should-be-sending/%3Fsource%3Dhseb-ebooks-social-sharinghttp://www.facebook.com/sharer/sharer.php?url=offers.hubspot.com/marketers-crash-course-in-visual-content-creation -
7/30/2019 Design It Yourself the Marketers Crash Course in Visual Content Creation v2 w Printout v8
25/60
-
7/30/2019 Design It Yourself the Marketers Crash Course in Visual Content Creation v2 w Printout v8
26/60
Design it Yourself: the Marketers Crash Course in Visual Content Creatio26
w.Hubspot.com
re thi Ek!
Thou Shat Ain Th emnts.
Similar to spacing, alignment is a concept that everyone understands and once pointed out is rarely
ever a problem again. When laying out your visual and written inormation, make sure that all o the ele-
ments are positioned in a balanced relation to one another. Always position your design elements to sit
on the same line. Although there are exceptions, its better to err on the side o caution with alignment
as a non-designer.
Alignment will ensure your design is clean, without creating any unnecessary tension or ocal points.
There are times when more advanced designers will consciously arrange certain elements so that they
sit outside o the standard grid system. The purpose o this is to create a tension point, calling attention
to the visual element that is disrupting the linear alignment. For non-designers, this should be resisted,
or at the most employed rarely. Non-designers who ocus on aligning their written and visual elements
in a very simple, clean way will vastly improve the quality o their content.
6
]| |]
http://clicktotweet.com/FbYJ4http://clicktotweet.com/eL94ohttp://clicktotweet.com/FbYJ4http://www.linkedin.com/shareArticle?mini=true&url=offers.hubspot.com/marketers-crash-course-in-visual-content-creationhttp://www.linkedin.com/shareArticle%3Fmini%3Dtrue%26url%3Doffers.hubspot.com/pocket-guide-5-emails-your-nonprofit-should-be-sending/%3Fsource%3Dhseb-ebooks-social-sharinghttp://www.linkedin.com/shareArticle?mini=true&url=offers.hubspot.com/marketers-crash-course-in-visual-content-creationhttp://www.facebook.com/sharer/sharer.php?url=offers.hubspot.com/marketers-crash-course-in-visual-content-creationhttp://www.facebook.com/sharer/sharer.php%3Furl%3Doffers.hubspot.com/pocket-guide-5-emails-your-nonprofit-should-be-sending/%3Fsource%3Dhseb-ebooks-social-sharinghttp://www.facebook.com/sharer/sharer.php?url=offers.hubspot.com/marketers-crash-course-in-visual-content-creation -
7/30/2019 Design It Yourself the Marketers Crash Course in Visual Content Creation v2 w Printout v8
27/60
Design it Yourself: the Marketers Crash Course in Visual Content Creatio27
w.Hubspot.com
re thi Ek!
Achievers, the creators o a SlideShare presentation about WhyManaging Sucks, made sure all text in this slide was equally aligned rom
the let, right, top and bottom.
On the other hand, in this SlideShare presentation on 10 Secrets to GreatTeaching, none o the objects on this slide all on the same line. The top
image on the let is closer to the edge o the slide than the one below it.And, without adding meaning, all but the rst line o the paragraph are
aligned with each other.
http://clicktotweet.com/FbYJ4http://clicktotweet.com/eL94ohttp://clicktotweet.com/FbYJ4http://www.linkedin.com/shareArticle?mini=true&url=offers.hubspot.com/marketers-crash-course-in-visual-content-creationhttp://www.linkedin.com/shareArticle%3Fmini%3Dtrue%26url%3Doffers.hubspot.com/pocket-guide-5-emails-your-nonprofit-should-be-sending/%3Fsource%3Dhseb-ebooks-social-sharinghttp://www.linkedin.com/shareArticle?mini=true&url=offers.hubspot.com/marketers-crash-course-in-visual-content-creationhttp://www.facebook.com/sharer/sharer.php?url=offers.hubspot.com/marketers-crash-course-in-visual-content-creationhttp://www.facebook.com/sharer/sharer.php%3Furl%3Doffers.hubspot.com/pocket-guide-5-emails-your-nonprofit-should-be-sending/%3Fsource%3Dhseb-ebooks-social-sharinghttp://www.facebook.com/sharer/sharer.php?url=offers.hubspot.com/marketers-crash-course-in-visual-content-creation -
7/30/2019 Design It Yourself the Marketers Crash Course in Visual Content Creation v2 w Printout v8
28/60
Design it Yourself: the Marketers Crash Course in Visual Content Creatio28
w.Hubspot.com
re thi Ek!
Thou Shat Coordinat Th Coors.
One o the rst things we learn as children are the colors o the rainbow. Youd think spending our
entire lives living in a world o color would make color easy to understand, even or non-designers.
Wrong. The tendency is to try to do too much to make a design more eye-catching, resulting in nothing
more than an eyesore.
To avoid this, the rst thing you should consider is the kind o eeling you want your content to elicit. I
youre aiming to present a more humanist or energetic tone, you should choose a warm color, such as
orange, yellow, or red. I you want your content to give o a calmer, more proessional eel, choose a
cool color, such as purple, blue, or green. Choosing colors that align with the tone youre going or will
create a sense o harmony in your design. Likewise, an excessive use o both warm and cool colors will
create a muddled, conusing appearance.
Additionally, be mindul o the connotation associated with certain colors. Typically, red has a negative
connotation. Its usually associated with cancellation or error. In contrast, green has a very positive
connotation, oten associated with success or progression. Aligning the purpose o your content with a
color having a similar connotation can be a great way to choose which colors to include in your design.
Lastly, dont orget that any images you use contain their own color, all o which need to be considered
when deciding which colors to use.
7
http://clicktotweet.com/FbYJ4http://clicktotweet.com/eL94ohttp://clicktotweet.com/FbYJ4http://www.linkedin.com/shareArticle?mini=true&url=offers.hubspot.com/marketers-crash-course-in-visual-content-creationhttp://www.linkedin.com/shareArticle%3Fmini%3Dtrue%26url%3Doffers.hubspot.com/pocket-guide-5-emails-your-nonprofit-should-be-sending/%3Fsource%3Dhseb-ebooks-social-sharinghttp://www.linkedin.com/shareArticle?mini=true&url=offers.hubspot.com/marketers-crash-course-in-visual-content-creationhttp://www.facebook.com/sharer/sharer.php?url=offers.hubspot.com/marketers-crash-course-in-visual-content-creationhttp://www.facebook.com/sharer/sharer.php%3Furl%3Doffers.hubspot.com/pocket-guide-5-emails-your-nonprofit-should-be-sending/%3Fsource%3Dhseb-ebooks-social-sharinghttp://www.facebook.com/sharer/sharer.php?url=offers.hubspot.com/marketers-crash-course-in-visual-content-creation -
7/30/2019 Design It Yourself the Marketers Crash Course in Visual Content Creation v2 w Printout v8
29/60
Design it Yourself: the Marketers Crash Course in Visual Content Creatio29
w.Hubspot.com
re thi Ek!
The presentation we mentioned earlier on Why Management Sucksis also a great example o color coordination coupled with using color
or its connotative meaning. The slide beore this one makes a positiverecommendation or managers, so it uses a warmer color or the
background. The slide that ollows (shown here) uses red or its negativeconnotation to urther imply that bosses should avoid managing by walking
around.
Forget about the old ashioned Word Art used in the title or just asplit second, and ocus on the purple instead. This presentation
ails to coordinate the color o Lets Eat Sushi with both theimages o sushi and the background. Sure doesnt make sushi look
too appetizing now, does it?
http://clicktotweet.com/FbYJ4http://clicktotweet.com/eL94ohttp://clicktotweet.com/FbYJ4http://www.linkedin.com/shareArticle?mini=true&url=offers.hubspot.com/marketers-crash-course-in-visual-content-creationhttp://www.linkedin.com/shareArticle%3Fmini%3Dtrue%26url%3Doffers.hubspot.com/pocket-guide-5-emails-your-nonprofit-should-be-sending/%3Fsource%3Dhseb-ebooks-social-sharinghttp://www.linkedin.com/shareArticle?mini=true&url=offers.hubspot.com/marketers-crash-course-in-visual-content-creationhttp://www.facebook.com/sharer/sharer.php?url=offers.hubspot.com/marketers-crash-course-in-visual-content-creationhttp://www.facebook.com/sharer/sharer.php%3Furl%3Doffers.hubspot.com/pocket-guide-5-emails-your-nonprofit-should-be-sending/%3Fsource%3Dhseb-ebooks-social-sharinghttp://www.facebook.com/sharer/sharer.php?url=offers.hubspot.com/marketers-crash-course-in-visual-content-creation -
7/30/2019 Design It Yourself the Marketers Crash Course in Visual Content Creation v2 w Printout v8
30/60
Design it Yourself: the Marketers Crash Course in Visual Content Creatio30
w.Hubspot.com
re thi Ek!
Thou Shat Not Ovrus Dro Shados.
It would be impossible to write a helpul DIY guide to design without including at least some mention o
the inamous drop shadow -- ot overused shadows added to text or images to add depth or distinc-
tion. The same way non-photographers add a lter such as Sepia to make their photograph look bet-
ter, non-designers love to add drop shadows to their designs. The act is, though, drop shadows dont
make every design better. I that was the case, proessional designers would use them everywhere.
However, they dont. Rather, successul designers understand that every eect serves a particular pur-
pose and should only be used when that specic purpose is benecial.
The purpose o a drop shadow is to add distinction to visual or written inormation by creating depth
and bringing the aected inormation to the oreront. This is a great result, and oten exactly what
you want or need to do to certain elements rom time to time. However, overusing the eect has the
exact opposite eect. I you think back to our second Commandment regarding creating a hierarchy,
youll recall that we need to prioritize which bits o inormation need to hold the most weight. I youre
adding an eect such as the drop shadow to every written or visual element, then youre actually
accomplishing the exact opposite goal, i.e. giving distinction to no one particular bit o inormation. The
takeaway, then, is this: eects are great when used with purpose, but dont use them just or the sake
o using them.
8
http://clicktotweet.com/FbYJ4http://clicktotweet.com/eL94ohttp://clicktotweet.com/FbYJ4http://www.linkedin.com/shareArticle?mini=true&url=offers.hubspot.com/marketers-crash-course-in-visual-content-creationhttp://www.linkedin.com/shareArticle%3Fmini%3Dtrue%26url%3Doffers.hubspot.com/pocket-guide-5-emails-your-nonprofit-should-be-sending/%3Fsource%3Dhseb-ebooks-social-sharinghttp://www.linkedin.com/shareArticle?mini=true&url=offers.hubspot.com/marketers-crash-course-in-visual-content-creationhttp://www.facebook.com/sharer/sharer.php?url=offers.hubspot.com/marketers-crash-course-in-visual-content-creationhttp://www.facebook.com/sharer/sharer.php%3Furl%3Doffers.hubspot.com/pocket-guide-5-emails-your-nonprofit-should-be-sending/%3Fsource%3Dhseb-ebooks-social-sharinghttp://www.facebook.com/sharer/sharer.php?url=offers.hubspot.com/marketers-crash-course-in-visual-content-creation -
7/30/2019 Design It Yourself the Marketers Crash Course in Visual Content Creation v2 w Printout v8
31/60
Design it Yourself: the Marketers Crash Course in Visual Content Creatio31
w.Hubspot.com
re thi Ek!
When we write new ebooks or create new templates to help make the lives o
marketers much, much easier, we create additional images to use or promotingthem. Here, you see one o those images used in one o our Facebook posts. We
used drop shadows to make it appear as i the ebook is standing up and substantialin size. We used drop shadow on the one-sheeter placed next to the ebook to make
it look paper-like and printable -- all to help viewers better understand what theyllget ater downloading.
The two images on this presentation slide convey the same
thing (people using computers to learn), so there isnt a needor both. Despite their lack o importance, each image is
given additional (but unequal) emphasis using two dierentstyles o drop shadows. Not so easy on the eyes, is it?
http://clicktotweet.com/FbYJ4http://clicktotweet.com/eL94ohttp://clicktotweet.com/FbYJ4http://www.linkedin.com/shareArticle?mini=true&url=offers.hubspot.com/marketers-crash-course-in-visual-content-creationhttp://www.linkedin.com/shareArticle%3Fmini%3Dtrue%26url%3Doffers.hubspot.com/pocket-guide-5-emails-your-nonprofit-should-be-sending/%3Fsource%3Dhseb-ebooks-social-sharinghttp://www.linkedin.com/shareArticle?mini=true&url=offers.hubspot.com/marketers-crash-course-in-visual-content-creationhttp://www.facebook.com/sharer/sharer.php?url=offers.hubspot.com/marketers-crash-course-in-visual-content-creationhttp://www.facebook.com/sharer/sharer.php%3Furl%3Doffers.hubspot.com/pocket-guide-5-emails-your-nonprofit-should-be-sending/%3Fsource%3Dhseb-ebooks-social-sharinghttp://www.facebook.com/sharer/sharer.php?url=offers.hubspot.com/marketers-crash-course-in-visual-content-creation -
7/30/2019 Design It Yourself the Marketers Crash Course in Visual Content Creation v2 w Printout v8
32/60
Design it Yourself: the Marketers Crash Course in Visual Content Creatio32
w.Hubspot.com
re thi Ek!
Thou Shat Striv or Consistnc.
Simply put, i two or more design elements serve the same unction, make sure
they look and act the same. On a very high level, the same aesthetic, tone, and
messaging should permeate all acets o the brand. On a more granular level,
all visual or written elements within an ebook serving the same unction should
have the same look and eel.
When it comes to designing specic content, consistency involves using the
same onts and ont sizes or text o the same kind. Make sure that actionable
items, such as links or calls-to-action, all share a similar color and appearance;
align your margins so that are all the same width and height; etc.
The important thing about consistency is that you consider it at all. Remember,
good design tends to disappear. I you pay close attention and ocus on
maintaining consistency, there is a greater chance o this happening since
everything will just seem to t.
9
2
2
2
http://clicktotweet.com/FbYJ4http://clicktotweet.com/eL94ohttp://clicktotweet.com/FbYJ4http://www.linkedin.com/shareArticle?mini=true&url=offers.hubspot.com/marketers-crash-course-in-visual-content-creationhttp://www.linkedin.com/shareArticle%3Fmini%3Dtrue%26url%3Doffers.hubspot.com/pocket-guide-5-emails-your-nonprofit-should-be-sending/%3Fsource%3Dhseb-ebooks-social-sharinghttp://www.linkedin.com/shareArticle?mini=true&url=offers.hubspot.com/marketers-crash-course-in-visual-content-creationhttp://www.facebook.com/sharer/sharer.php?url=offers.hubspot.com/marketers-crash-course-in-visual-content-creationhttp://www.facebook.com/sharer/sharer.php%3Furl%3Doffers.hubspot.com/pocket-guide-5-emails-your-nonprofit-should-be-sending/%3Fsource%3Dhseb-ebooks-social-sharinghttp://www.facebook.com/sharer/sharer.php?url=offers.hubspot.com/marketers-crash-course-in-visual-content-creation -
7/30/2019 Design It Yourself the Marketers Crash Course in Visual Content Creation v2 w Printout v8
33/60
Design it Yourself: the Marketers Crash Course in Visual Content Creatio33
w.Hubspot.com
re thi Ek!
In this ebook about managing a Facebook page or nonprots, every screenshot is given the same shadow eect, every headeris ormatted exactly the same, all body copy is ormatted exactly the same, and so orth.
http://clicktotweet.com/FbYJ4http://clicktotweet.com/eL94ohttp://clicktotweet.com/FbYJ4http://www.linkedin.com/shareArticle?mini=true&url=offers.hubspot.com/marketers-crash-course-in-visual-content-creationhttp://www.linkedin.com/shareArticle%3Fmini%3Dtrue%26url%3Doffers.hubspot.com/pocket-guide-5-emails-your-nonprofit-should-be-sending/%3Fsource%3Dhseb-ebooks-social-sharinghttp://www.linkedin.com/shareArticle?mini=true&url=offers.hubspot.com/marketers-crash-course-in-visual-content-creationhttp://www.facebook.com/sharer/sharer.php?url=offers.hubspot.com/marketers-crash-course-in-visual-content-creationhttp://www.facebook.com/sharer/sharer.php%3Furl%3Doffers.hubspot.com/pocket-guide-5-emails-your-nonprofit-should-be-sending/%3Fsource%3Dhseb-ebooks-social-sharinghttp://www.facebook.com/sharer/sharer.php?url=offers.hubspot.com/marketers-crash-course-in-visual-content-creation -
7/30/2019 Design It Yourself the Marketers Crash Course in Visual Content Creation v2 w Printout v8
34/60
Design it Yourself: the Marketers Crash Course in Visual Content Creatio34
w.Hubspot.com
re thi Ek!
These two slides in the same presentation have quotes, but the quotes are ormatted completely dierently. One is ormatted like a slide title, whereasthe other is ramed like a college diploma. The two quotes serve the same unction, but theyre ormatted entirely dierently, giving the ramed quoteunequal emphasis.
http://clicktotweet.com/FbYJ4http://clicktotweet.com/eL94ohttp://clicktotweet.com/FbYJ4http://www.linkedin.com/shareArticle?mini=true&url=offers.hubspot.com/marketers-crash-course-in-visual-content-creationhttp://www.linkedin.com/shareArticle%3Fmini%3Dtrue%26url%3Doffers.hubspot.com/pocket-guide-5-emails-your-nonprofit-should-be-sending/%3Fsource%3Dhseb-ebooks-social-sharinghttp://www.linkedin.com/shareArticle?mini=true&url=offers.hubspot.com/marketers-crash-course-in-visual-content-creationhttp://www.facebook.com/sharer/sharer.php?url=offers.hubspot.com/marketers-crash-course-in-visual-content-creationhttp://www.facebook.com/sharer/sharer.php%3Furl%3Doffers.hubspot.com/pocket-guide-5-emails-your-nonprofit-should-be-sending/%3Fsource%3Dhseb-ebooks-social-sharinghttp://www.facebook.com/sharer/sharer.php?url=offers.hubspot.com/marketers-crash-course-in-visual-content-creation -
7/30/2019 Design It Yourself the Marketers Crash Course in Visual Content Creation v2 w Printout v8
35/60
Design it Yourself: the Marketers Crash Course in Visual Content Creatio35
w.Hubspot.com
re thi Ek!
Thou Shat Harmoni Visua and Vra.
The last Commandment or do-it-yoursel design involves synthesizing both written and visual ele-
ments. For most non-designers, content creation typically revolves almost entirely around writing copy.
Naturally, then, added visual elements are more o an aterthought, seeking simply break up the monot-
ony o text or page layout. The best content, though, is created when both text and visuals are com-
bined to tell the story and present the inormation in a more powerul, more engaging, and ultimately
more successul way than either visual or verbal could do alone.
Avoid this by planning ahead. Whether writing ebooks, checklists, tweets or emails, copywriters should
already be considering how they can express that inormation visually. This doesnt mean identiying
the concepts worthy o bold or enlarged lettering; it means identiying where visual elements could
completely replace large selections o copy to tell the same story in a signicantly more memorable,
less time consuming way.
By nding the sweet spot between visual and verbal storytelling and being cognizant o the 9 previous
commandments o DIY design, even non-designers can create designs that are memorable, impactul,
and most o all, successul.
10
http://clicktotweet.com/FbYJ4http://clicktotweet.com/eL94ohttp://clicktotweet.com/FbYJ4http://www.linkedin.com/shareArticle?mini=true&url=offers.hubspot.com/marketers-crash-course-in-visual-content-creationhttp://www.linkedin.com/shareArticle%3Fmini%3Dtrue%26url%3Doffers.hubspot.com/pocket-guide-5-emails-your-nonprofit-should-be-sending/%3Fsource%3Dhseb-ebooks-social-sharinghttp://www.linkedin.com/shareArticle?mini=true&url=offers.hubspot.com/marketers-crash-course-in-visual-content-creationhttp://www.facebook.com/sharer/sharer.php?url=offers.hubspot.com/marketers-crash-course-in-visual-content-creationhttp://www.facebook.com/sharer/sharer.php%3Furl%3Doffers.hubspot.com/pocket-guide-5-emails-your-nonprofit-should-be-sending/%3Fsource%3Dhseb-ebooks-social-sharinghttp://www.facebook.com/sharer/sharer.php?url=offers.hubspot.com/marketers-crash-course-in-visual-content-creation -
7/30/2019 Design It Yourself the Marketers Crash Course in Visual Content Creation v2 w Printout v8
36/60
Design it Yourself: the Marketers Crash Course in Visual Content Creatio36
w.Hubspot.com
re thi Ek!
In the HubSpot culture presentation used in an earlier example, there
are numerous slides that demonstrate verbal and visual harmony. Inthis one, the image and words accompany one another with purpose:
the image o pages highlight how too many policies and proceduresmay go unread, which supports words stating that we dont use them.
The words are legible and have enough spacing around them to makeconsumption easy on the viewer.
Heres a perect example o lack o verbal and visual harmony. The rst
slide o this SlideShare presentation unnecessarily repeats the nameo this Netherlands-based university medical center, causing text to
overlap, which de-emphasizes the actual presentation title. And do youhave any idea what that orange rog is doing there? Neither do we.
http://clicktotweet.com/FbYJ4http://clicktotweet.com/eL94ohttp://clicktotweet.com/FbYJ4http://www.linkedin.com/shareArticle?mini=true&url=offers.hubspot.com/marketers-crash-course-in-visual-content-creationhttp://www.linkedin.com/shareArticle%3Fmini%3Dtrue%26url%3Doffers.hubspot.com/pocket-guide-5-emails-your-nonprofit-should-be-sending/%3Fsource%3Dhseb-ebooks-social-sharinghttp://www.linkedin.com/shareArticle?mini=true&url=offers.hubspot.com/marketers-crash-course-in-visual-content-creationhttp://www.facebook.com/sharer/sharer.php?url=offers.hubspot.com/marketers-crash-course-in-visual-content-creationhttp://www.facebook.com/sharer/sharer.php%3Furl%3Doffers.hubspot.com/pocket-guide-5-emails-your-nonprofit-should-be-sending/%3Fsource%3Dhseb-ebooks-social-sharinghttp://www.facebook.com/sharer/sharer.php?url=offers.hubspot.com/marketers-crash-course-in-visual-content-creation -
7/30/2019 Design It Yourself the Marketers Crash Course in Visual Content Creation v2 w Printout v8
37/60
Design it Yourself: the Marketers Crash Course in Visual Content Creatio37
w.Hubspot.com
re thi Ek!
20 eASy AND fRee TOOlS
TO CReATe AMAzINg
VISUAlS ON A bUDgeT AND
wITHOUT pHOTOSHOp.
CHApTeR
04
http://clicktotweet.com/FbYJ4http://clicktotweet.com/eL94ohttp://clicktotweet.com/FbYJ4http://www.linkedin.com/shareArticle?mini=true&url=offers.hubspot.com/marketers-crash-course-in-visual-content-creationhttp://www.linkedin.com/shareArticle%3Fmini%3Dtrue%26url%3Doffers.hubspot.com/pocket-guide-5-emails-your-nonprofit-should-be-sending/%3Fsource%3Dhseb-ebooks-social-sharinghttp://www.linkedin.com/shareArticle?mini=true&url=offers.hubspot.com/marketers-crash-course-in-visual-content-creationhttp://www.facebook.com/sharer/sharer.php?url=offers.hubspot.com/marketers-crash-course-in-visual-content-creationhttp://www.facebook.com/sharer/sharer.php%3Furl%3Doffers.hubspot.com/pocket-guide-5-emails-your-nonprofit-should-be-sending/%3Fsource%3Dhseb-ebooks-social-sharinghttp://www.facebook.com/sharer/sharer.php?url=offers.hubspot.com/marketers-crash-course-in-visual-content-creation -
7/30/2019 Design It Yourself the Marketers Crash Course in Visual Content Creation v2 w Printout v8
38/60
Design it Yourself: the Marketers Crash Course in Visual Content Creatio38
w.Hubspot.com
re thi Ek!
Although Photoshop and other programs in the Adobe Creative Suite are incredibly powerul tools used
by the vast majority o designers, theyre not so easy and ree; they take a long time to learn.
Luckily theres a way to do everything rom choosing a color palette to editing photos to annotating
screenshots using the ollowing assortment o tools.
Toos or Choosin Coors and fonts.
I you dont know much about web color, you might want to spend some time exploring this cheat
sheet and Web-Colors-Explained -- a handy website we ound that will teach you the dierence be-
tween the RGB and CMYK color systems. You might also want to brush up on your basic HTML skills
so you can learn how to use a HEX code (a 6-character alpha-numerical code that represents a color
such as #FF0000). These HEX codes come in handy whether youre working on a website, designing
an ebook or manipulating an image in photo editing sotware.
With the basics o color and HEX codes covered, you can now begin exploring some tools that help
you pick the right ones to incorporate into your designs. Go ahead and:
http://www.gooddesignbaddesign.com/%3Fp%3D1671http://www.gooddesignbaddesign.com/%3Fp%3D1671http://www.web-colors-explained.com/http://www.google.com/url?q=http%3A%2F%2Fblog.hubspot.com%2Fblog%2Ftabid%2F6307%2Fbid%2F19727%2FEasy-HTML-Tricks-for-the-Non-Technical-Marketer.aspx&sa=D&sntz=1&usg=AFQjCNExia4nqa1pXBHbUFw93-7d83jyvwhttp://www.google.com/url?q=http%3A%2F%2Fblog.hubspot.com%2Fblog%2Ftabid%2F6307%2Fbid%2F19727%2FEasy-HTML-Tricks-for-the-Non-Technical-Marketer.aspx&sa=D&sntz=1&usg=AFQjCNExia4nqa1pXBHbUFw93-7d83jyvwhttp://www.google.com/url?q=http%3A%2F%2Fblog.hubspot.com%2Fblog%2Ftabid%2F6307%2Fbid%2F19727%2FEasy-HTML-Tricks-for-the-Non-Technical-Marketer.aspx&sa=D&sntz=1&usg=AFQjCNExia4nqa1pXBHbUFw93-7d83jyvwhttp://www.google.com/url?q=http%3A%2F%2Fblog.hubspot.com%2Fblog%2Ftabid%2F6307%2Fbid%2F19727%2FEasy-HTML-Tricks-for-the-Non-Technical-Marketer.aspx&sa=D&sntz=1&usg=AFQjCNExia4nqa1pXBHbUFw93-7d83jyvwhttp://www.web-colors-explained.com/http://www.gooddesignbaddesign.com/%3Fp%3D1671http://www.gooddesignbaddesign.com/%3Fp%3D1671http://www.gooddesignbaddesign.com/%3Fp%3D1671http://clicktotweet.com/FbYJ4http://clicktotweet.com/eL94ohttp://clicktotweet.com/FbYJ4http://www.linkedin.com/shareArticle?mini=true&url=offers.hubspot.com/marketers-crash-course-in-visual-content-creationhttp://www.linkedin.com/shareArticle%3Fmini%3Dtrue%26url%3Doffers.hubspot.com/pocket-guide-5-emails-your-nonprofit-should-be-sending/%3Fsource%3Dhseb-ebooks-social-sharinghttp://www.linkedin.com/shareArticle?mini=true&url=offers.hubspot.com/marketers-crash-course-in-visual-content-creationhttp://www.facebook.com/sharer/sharer.php?url=offers.hubspot.com/marketers-crash-course-in-visual-content-creationhttp://www.facebook.com/sharer/sharer.php%3Furl%3Doffers.hubspot.com/pocket-guide-5-emails-your-nonprofit-should-be-sending/%3Fsource%3Dhseb-ebooks-social-sharinghttp://www.facebook.com/sharer/sharer.php?url=offers.hubspot.com/marketers-crash-course-in-visual-content-creation -
7/30/2019 Design It Yourself the Marketers Crash Course in Visual Content Creation v2 w Printout v8
39/60
Design it Yourself: the Marketers Crash Course in Visual Content Creatio39
w.Hubspot.com
re thi Ek!
Peruse DesignSeeds or bold and seasonally relevant color palettes
inspired by photos.
1
http://design-seeds.com/http://design-seeds.com/http://clicktotweet.com/FbYJ4http://clicktotweet.com/eL94ohttp://clicktotweet.com/FbYJ4http://www.linkedin.com/shareArticle?mini=true&url=offers.hubspot.com/marketers-crash-course-in-visual-content-creationhttp://www.linkedin.com/shareArticle%3Fmini%3Dtrue%26url%3Doffers.hubspot.com/pocket-guide-5-emails-your-nonprofit-should-be-sending/%3Fsource%3Dhseb-ebooks-social-sharinghttp://www.linkedin.com/shareArticle?mini=true&url=offers.hubspot.com/marketers-crash-course-in-visual-content-creationhttp://www.facebook.com/sharer/sharer.php?url=offers.hubspot.com/marketers-crash-course-in-visual-content-creationhttp://www.facebook.com/sharer/sharer.php%3Furl%3Doffers.hubspot.com/pocket-guide-5-emails-your-nonprofit-should-be-sending/%3Fsource%3Dhseb-ebooks-social-sharinghttp://www.facebook.com/sharer/sharer.php?url=offers.hubspot.com/marketers-crash-course-in-visual-content-creation -
7/30/2019 Design It Yourself the Marketers Crash Course in Visual Content Creation v2 w Printout v8
40/60
Design it Yourself: the Marketers Crash Course in Visual Content Creatio40
w.Hubspot.com
re thi Ek!
Use Color Scheme Designer to pick one key color, and view various
schemes o your choosing -- monochromatic, triad, analogous, comple-
mentary and more.
2
http://www.colorschemedesigner.com/http://www.colorschemedesigner.com/http://clicktotweet.com/FbYJ4http://clicktotweet.com/eL94ohttp://clicktotweet.com/FbYJ4http://www.linkedin.com/shareArticle?mini=true&url=offers.hubspot.com/marketers-crash-course-in-visual-content-creationhttp://www.linkedin.com/shareArticle%3Fmini%3Dtrue%26url%3Doffers.hubspot.com/pocket-guide-5-emails-your-nonprofit-should-be-sending/%3Fsource%3Dhseb-ebooks-social-sharinghttp://www.linkedin.com/shareArticle?mini=true&url=offers.hubspot.com/marketers-crash-course-in-visual-content-creationhttp://www.facebook.com/sharer/sharer.php?url=offers.hubspot.com/marketers-crash-course-in-visual-content-creationhttp://www.facebook.com/sharer/sharer.php%3Furl%3Doffers.hubspot.com/pocket-guide-5-emails-your-nonprofit-should-be-sending/%3Fsource%3Dhseb-ebooks-social-sharinghttp://www.facebook.com/sharer/sharer.php?url=offers.hubspot.com/marketers-crash-course-in-visual-content-creation -
7/30/2019 Design It Yourself the Marketers Crash Course in Visual Content Creation v2 w Printout v8
41/60
Design it Yourself: the Marketers Crash Course in Visual Content Creatio41
w.Hubspot.com
re thi Ek!
Browse colors, palettes and patterns on COLOURLovers or create
your very own. Upload a photo and generate color palette based on
it using the PHOTOCOPA tool.
3
http://www.colourlovers.com/colorshttp://www.colourlovers.com/paletteshttp://www.colourlovers.com/patternshttp://www.colourlovers.com/http://www.colourlovers.com/photocopahttp://www.colourlovers.com/photocopahttp://www.colourlovers.com/http://www.colourlovers.com/patternshttp://www.colourlovers.com/paletteshttp://www.colourlovers.com/colorshttp://clicktotweet.com/FbYJ4http://clicktotweet.com/eL94ohttp://clicktotweet.com/FbYJ4http://www.linkedin.com/shareArticle?mini=true&url=offers.hubspot.com/marketers-crash-course-in-visual-content-creationhttp://www.linkedin.com/shareArticle%3Fmini%3Dtrue%26url%3Doffers.hubspot.com/pocket-guide-5-emails-your-nonprofit-should-be-sending/%3Fsource%3Dhseb-ebooks-social-sharinghttp://www.linkedin.com/shareArticle?mini=true&url=offers.hubspot.com/marketers-crash-course-in-visual-content-creationhttp://www.facebook.com/sharer/sharer.php?url=offers.hubspot.com/marketers-crash-course-in-visual-content-creationhttp://www.facebook.com/sharer/sharer.php%3Furl%3Doffers.hubspot.com/pocket-guide-5-emails-your-nonprofit-should-be-sending/%3Fsource%3Dhseb-ebooks-social-sharinghttp://www.facebook.com/sharer/sharer.php?url=offers.hubspot.com/marketers-crash-course-in-visual-content-creation -
7/30/2019 Design It Yourself the Marketers Crash Course in Visual Content Creation v2 w Printout v8
42/60
Design it Yourself: the Marketers Crash Course in Visual Content Creatio42
w.Hubspot.com
re thi Ek!
Check out Google Web Fonts, a directory o almost 600 onts that
are ready to use on your website.
4
http://www.google.com/webfontshttp://www.google.com/webfontshttp://clicktotweet.com/FbYJ4http://clicktotweet.com/eL94ohttp://clicktotweet.com/FbYJ4http://www.linkedin.com/shareArticle?mini=true&url=offers.hubspot.com/marketers-crash-course-in-visual-content-creationhttp://www.linkedin.com/shareArticle%3Fmini%3Dtrue%26url%3Doffers.hubspot.com/pocket-guide-5-emails-your-nonprofit-should-be-sending/%3Fsource%3Dhseb-ebooks-social-sharinghttp://www.linkedin.com/shareArticle?mini=true&url=offers.hubspot.com/marketers-crash-course-in-visual-content-creationhttp://www.facebook.com/sharer/sharer.php?url=offers.hubspot.com/marketers-crash-course-in-visual-content-creationhttp://www.facebook.com/sharer/sharer.php%3Furl%3Doffers.hubspot.com/pocket-guide-5-emails-your-nonprofit-should-be-sending/%3Fsource%3Dhseb-ebooks-social-sharinghttp://www.facebook.com/sharer/sharer.php?url=offers.hubspot.com/marketers-crash-course-in-visual-content-creation -
7/30/2019 Design It Yourself the Marketers Crash Course in Visual Content Creation v2 w Printout v8
43/60
Design it Yourself: the Marketers Crash Course in Visual Content Creatio43
w.Hubspot.com
re thi Ek!
Toos or Cratin or editin your On Visua Contnt.
Sometimes design involves editing photos and images. Sometimes you just need a high quality screen-
shot to include in your PowerPoint presentation. Sometimes you need a good photo editor on your smart-
phone to improve your Instagram uploads. This is where youll fnd the tools that do all o the above.
To save yoursel a lot o rustration, make sure you know the image sizing and resolution requirements
or the desired publishing channel. For example, you may need to resize an image you frst used on your
blog to include in a Facebook post. This sizing cheat sheet will help.
http://clicktotweet.com/FbYJ4http://clicktotweet.com/eL94ohttp://clicktotweet.com/FbYJ4http://www.linkedin.com/shareArticle?mini=true&url=offers.hubspot.com/marketers-crash-course-in-visual-content-creationhttp://www.linkedin.com/shareArticle%3Fmini%3Dtrue%26url%3Doffers.hubspot.com/pocket-guide-5-emails-your-nonprofit-should-be-sending/%3Fsource%3Dhseb-ebooks-social-sharinghttp://www.linkedin.com/shareArticle?mini=true&url=offers.hubspot.com/marketers-crash-course-in-visual-content-creationhttp://www.facebook.com/sharer/sharer.php?url=offers.hubspot.com/marketers-crash-course-in-visual-content-creationhttp://www.facebook.com/sharer/sharer.php%3Furl%3Doffers.hubspot.com/pocket-guide-5-emails-your-nonprofit-should-be-sending/%3Fsource%3Dhseb-ebooks-social-sharinghttp://www.facebook.com/sharer/sharer.php?url=offers.hubspot.com/marketers-crash-course-in-visual-content-creation -
7/30/2019 Design It Yourself the Marketers Crash Course in Visual Content Creation v2 w Printout v8
44/60
Design it Yourself: the Marketers Crash Course in Visual Content Creatio44
w.Hubspot.com
re thi Ek!
Create, edit or manipulate an image using Photoshop-like editors
like Pixlr or Sumopaint.
6
5
http://pixlr.com/http://www.sumopaint.com/www/http://www.sumopaint.com/www/http://pixlr.com/http://clicktotweet.com/FbYJ4http://clicktotweet.com/eL94ohttp://clicktotweet.com/FbYJ4http://www.linkedin.com/shareArticle?mini=true&url=offers.hubspot.com/marketers-crash-course-in-visual-content-creationhttp://www.linkedin.com/shareArticle%3Fmini%3Dtrue%26url%3Doffers.hubspot.com/pocket-guide-5-emails-your-nonprofit-should-be-sending/%3Fsource%3Dhseb-ebooks-social-sharinghttp://www.linkedin.com/shareArticle?mini=true&url=offers.hubspot.com/marketers-crash-course-in-visual-content-creationhttp://www.facebook.com/sharer/sharer.php?url=offers