#INBOUND14

Do-It-Yourself Graphic Design:

A Guide to Free Tools for the Marketer

Angela Hicks

Inbound Professor, HubSpot

• Design Certification Classes - HubSpot

• BFA, Graphic Design

• MA, Advertising & PR

• Marketing Inspiration: Shepard Fairey

@angela_9

Angela HicksInbound Professor, HubSpot

#INBOUND14

How many of you have a graphic designer?

Sometimes you must DIY and design on without

a budget.

Vacation does not look like this.

1 Color

2 Typography

3 Imagery

Graphic Design Tool Types:

#INBOUND14

1 Color

#INBOUND14

Color is powerful.

#INBOUND14

Color is powerful.

#INBOUND14

a conclusion about a person, environment, or product is made.

Source: CCICOLOR - Institute for Color Research

90 seconds:

#INBOUND14

62-90%

a conclusion about a person, environment, or product is made.

Source: CCICOLOR - Institute for Color Research

90 seconds:

is based on color alone.

#INBOUND14

1. Eyedroppercolor-picker tool

colorzilla.com

#INBOUND14

1. Eyedroppercolor-picker tool

2. Gradient Builder

colorzilla.com

#INBOUND14

1. Eyedroppercolor-picker tool

2. Gradient Builder3. Webpage Color

Analyzer

colorzilla.com

#INBOUND14

1. Color Palette with CSS

colourlovers.com

#INBOUND14

1. Color Palette with CSS 2. Custom Twitter Themes

colourlovers.com

#INBOUND14

1. Color Palette with CSS 2. Custom Twitter Themes3. Pattern Maker

colourlovers.com

#INBOUND14

BOLDFRIENDLYOPTIMISTICHARMONIOUSDEPENDABLE IMAGINATIVEENERGETIC

Choose Wisely and Stick to your Brand.

Source: Business Insider

#INBOUND14

2 Typography

#INBOUND14

When we can’t read it, we don’t remember it.

#INBOUND14

1. Font Collections

Google.com/fonts

Fonts

#INBOUND14

1. Font Collections2. CSS & JS

Google.com/fonts

Fonts

#INBOUND14

1. Font Collections2. CSS3. Loading Time

Google.com/fonts

Fonts

#INBOUND14

afterthedeadline.com

1. IE, Firefox, Chrome and WordPress plugins

#INBOUND14

afterthedeadline.com

1. IE, Firefox, Chrome and WordPress plugins

2. Robust Spellcheck

#INBOUND14

1. IE, Firefox, Chrome and WordPress plugins

2. Robust Spellcheck3. Style and Grammar check

afterthedeadline.com

#INBOUND14

Hieroglyphics and Modern-Day Iconography

#INBOUND14

1. First custom icon font builder

icomoon.io

#INBOUND14

1. First custom icon font builder

2. 3000+ Icons

icomoon.io

#INBOUND14

1. First custom icon font builder

2. 3000+ Icons3. Great Documentation

icomoon.io

#INBOUND14

3 Imagery

#INBOUND14

In an urban area of an recognizable location, there are billboards. A large green billboard in the upper left corner reads “Mr. Wish”, while

partially obscured from view from another billboard. It is uncertain if all billboards are in English since some billboards are out of focus on the

right side. The photograph shows that it is daytime on a sunny, hazy day. A woman with short, cropped, blonde hair with a partially-obscured tattoo on her upper right shoulder is wearing a navy blue-and-white

striped tank top, a multi-patterned scarf that is predominantly teal and dark blue in color and a beige backpack. She is in the midst of

numerous people on motorcycles. There is a man with a cornflower blue shirt, and a royal blue helmet with a pattern detail or stickers that

predominantly white on the blue helmet. He is on a motorcycle and he has his back to the camera, we cannot determine the color of the

motorcycle. To his right, a woman is also sitting on a motorcycle and the motorcycle appears to be red. She is wearing a lightweight, white jacket, a silver, metallic-looking helmet and has medium-length, brown straight hair pulled back in a ponytail that extends below the end of her helmet...

#INBOUND14

1000 Words.

#INBOUND14

1. Easy Interface

infogr.am

#INBOUND14

1. Easy Interface2. Over a million

infographics ready-to-use

infogr.am

#INBOUND14

1. Easy Interface2. Over a million

infographics ready-to-use

3. Soon: Video

infogr.am

#INBOUND14

1. Drag-and-drop and simple sliders

Canva.com

#INBOUND14

1. Drag-and-drop and simple sliders

2. Real-time Collaboration

Canva.com

#INBOUND14

1. Drag-and-drop and simple sliders

2. Real-time Collaboration3. Millions of assets

*Premium images are $1

Canva.com

#INBOUND14

1. Curated Photos

imcreator.com/free

FREE

#INBOUND14

1. Curated Photos2. For Commercial Use

imcreator.com/free

FREE

#INBOUND14

1. Curated Photos2. For Commercial Use3. Layouts and Icons

imcreator.com/free

FREE

#INBOUND14

• gratisography.com

• unsplash.com

• picography.co

• compfight.com

More Stock Photos

#INBOUND14

Thanks!Design well

and find me on @angela_9