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


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


3/60


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


4/60


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


5/60


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


6/60


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/60


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


8/60


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


9/60


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.


10/60


w.Hubspot.com

re thi Ek!

5 TypeS Of VISUAl

CONTeNT TO CReATe AND

SHARe ON blOgS ANDSOCIAl MeDIA.

CHApTeR

02


11/60


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


12/60


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


13/60


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


14/60


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


15/60


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


16/60


w.Hubspot.com

re thi Ek!

fIRST THINgS fIRST:

10 COMMANDMeNTS Of

DO-IT-yOURSelf DeSIgN.

CHApTeR

03


17/60


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


18/60


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


19/60


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


20/60


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.


21/60


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


22/60


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


23/60


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


24/60


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.


25/60


26/60


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

]| |]


27/60


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.


28/60


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


29/60


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?


30/60


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


31/60


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?


32/60


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


33/60


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.


34/60


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.


35/60


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


36/60


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.


37/60


w.Hubspot.com

re thi Ek!

20 eASy AND fRee TOOlS

TO CReATe AMAzINg

VISUAlS ON A bUDgeT AND

wITHOUT pHOTOSHOp.

CHApTeR

04


38/60


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


39/60


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


40/60


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


41/60


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


42/60


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


43/60


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.


44/60


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

Documents

Design It Yourself the Marketers Crash Course in Visual Content Creation v2 w Printout v8