#INBOUND14 
Do-It-Yourself Graphic Design: 
A Guide to Free Tools for the Marketer 
Angela Hicks 
Inbound Professor, HubSp...
• 
Design Certification Classes -HubSpot 
• 
BFA, Graphic Design 
• 
MA, Advertising & PR 
• 
Marketing Inspiration: Shepa...
#INBOUND14 
How many of you have a graphic designer?
Sometimes you must DIY and design onwithout 
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 
aconclusion about a person, environment, or product is made. 
Source: CCICOLOR -Institute for Color Research 
...
#INBOUND14 
62-90% 
aconclusion about a person, environment, or product is made. 
Source: CCICOLOR -Institute for Color Re...
#INBOUND14 
1. 
Eyedroppercolor-picker tool 
colorzilla.com
#INBOUND14 
1. 
Eyedroppercolor-picker tool 
2. 
Gradient Builder 
colorzilla.com
#INBOUND14 
1. 
Eyedroppercolor-picker tool 
2. 
Gradient Builder 
3. 
Webpage ColorAnalyzer 
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 Themes 
3. 
Pattern Maker 
colourlovers.com
#INBOUND14 
BOLD 
FRIENDLY 
OPTIMISTIC 
HARMONIOUS 
DEPENDABLE 
IMAGINATIVE 
ENERGETIC 
Choose Wisely and Stick to your Br...
#INBOUND14 
2 
Typography
#INBOUND14 
When we can’t read it, 
we don’t rememberit.
#INBOUND14 
1. 
Font Collections 
Google.com/fonts 
Fonts
#INBOUND14 
1. 
Font Collections 
2. 
CSS & JS 
Google.com/fonts 
Fonts
#INBOUND14 
1. 
Font Collections 
2. 
CSS 
3. 
Loading Time 
Google.com/fonts 
Fonts
#INBOUND14 
afterthedeadline.com 
1. 
IE, Firefox, Chrome and WordPressplugins
#INBOUND14 
afterthedeadline.com 
1. 
IE, Firefox, Chrome and WordPressplugins 
2. 
Robust Spellcheck
#INBOUND14 
1. 
IE, Firefox, Chrome and WordPressplugins 
2. 
Robust Spellcheck 
3. 
Style and Grammar check 
afterthedead...
#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+ Icons 
3. 
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 ...
#INBOUND14 
1000 Words.
#INBOUND14 
1. 
Easy Interface 
infogr.am
#INBOUND14 
1. 
Easy Interface 
2. 
Over a million infographics ready-to-use 
infogr.am
#INBOUND14 
1. 
Easy Interface 
2. 
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 Collaboration 
3. 
Millions of assets*Premium images are $...
#INBOUND14 
1. 
Curated Photos 
imcreator.com/free 
FREE
#INBOUND14 
1. 
Curated Photos 
2. 
For Commercial Use 
imcreator.com/free 
FREE
#INBOUND14 
1. 
Curated Photos 
2. 
For Commercial Use 
3. 
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
Prochain SlideShare
Chargement dans…5
×

DO-IT-YOURSELF GRAPHIC DESIGN: A GUIDE TO FREE TOOLS FOR THE MARKETER [INBOUND 2014]

2 791 vues

Publié le

Is your graphic designer is hard to get in touch with? Do you even have the budget for a graphic designer? In this session, you'll learn how to use free design tools in order to get small design projects completed on your own, with little to no design expertise required! During this session, you will learn some essential design principles and tips for success in creating visual communications. Come hear about free resources for photography, web assets, typography and data visualization so that you can create stunning visual content on your own!

Publié dans : Marketing

DO-IT-YOURSELF GRAPHIC DESIGN: A GUIDE TO FREE TOOLS FOR THE MARKETER [INBOUND 2014]

  1. 1. #INBOUND14 Do-It-Yourself Graphic Design: A Guide to Free Tools for the Marketer Angela Hicks Inbound Professor, HubSpot
  2. 2. • Design Certification Classes -HubSpot • BFA, Graphic Design • MA, Advertising & PR • Marketing Inspiration: Shepard Fairey @angela_9 Angela Hicks Inbound Professor, HubSpot
  3. 3. #INBOUND14 How many of you have a graphic designer?
  4. 4. Sometimes you must DIY and design onwithout a budget. Vacation does not look like this.
  5. 5. 1 Color 2 Typography 3 Imagery Graphic Design Tool Types:
  6. 6. #INBOUND14 1 Color
  7. 7. #INBOUND14 Color is powerful.
  8. 8. #INBOUND14 Color is powerful.
  9. 9. #INBOUND14 aconclusion about a person, environment, or product is made. Source: CCICOLOR -Institute for Color Research 90 seconds:
  10. 10. #INBOUND14 62-90% aconclusion about a person, environment, or product is made. Source: CCICOLOR -Institute for Color Research 90 seconds: is based on color alone.
  11. 11. #INBOUND14 1. Eyedroppercolor-picker tool colorzilla.com
  12. 12. #INBOUND14 1. Eyedroppercolor-picker tool 2. Gradient Builder colorzilla.com
  13. 13. #INBOUND14 1. Eyedroppercolor-picker tool 2. Gradient Builder 3. Webpage ColorAnalyzer colorzilla.com
  14. 14. #INBOUND14 1. Color Palette with CSS colourlovers.com
  15. 15. #INBOUND14 1. Color Palette with CSS 2. Custom Twitter Themes colourlovers.com
  16. 16. #INBOUND14 1. Color Palette with CSS 2. Custom Twitter Themes 3. Pattern Maker colourlovers.com
  17. 17. #INBOUND14 BOLD FRIENDLY OPTIMISTIC HARMONIOUS DEPENDABLE IMAGINATIVE ENERGETIC Choose Wisely and Stick to your Brand. Source: Business Insider
  18. 18. #INBOUND14 2 Typography
  19. 19. #INBOUND14 When we can’t read it, we don’t rememberit.
  20. 20. #INBOUND14 1. Font Collections Google.com/fonts Fonts
  21. 21. #INBOUND14 1. Font Collections 2. CSS & JS Google.com/fonts Fonts
  22. 22. #INBOUND14 1. Font Collections 2. CSS 3. Loading Time Google.com/fonts Fonts
  23. 23. #INBOUND14 afterthedeadline.com 1. IE, Firefox, Chrome and WordPressplugins
  24. 24. #INBOUND14 afterthedeadline.com 1. IE, Firefox, Chrome and WordPressplugins 2. Robust Spellcheck
  25. 25. #INBOUND14 1. IE, Firefox, Chrome and WordPressplugins 2. Robust Spellcheck 3. Style and Grammar check afterthedeadline.com
  26. 26. #INBOUND14 Hieroglyphics and Modern-Day Iconography
  27. 27. #INBOUND14 1. First custom icon font builder icomoon.io
  28. 28. #INBOUND14 1. First custom icon font builder 2. 3000+ Icons icomoon.io
  29. 29. #INBOUND14 1. First custom icon font builder 2. 3000+ Icons 3. Great Documentation icomoon.io
  30. 30. #INBOUND14 3 Imagery
  31. 31. #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. Awoman 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...
  32. 32. #INBOUND14 1000 Words.
  33. 33. #INBOUND14 1. Easy Interface infogr.am
  34. 34. #INBOUND14 1. Easy Interface 2. Over a million infographics ready-to-use infogr.am
  35. 35. #INBOUND14 1. Easy Interface 2. Over a million infographics ready-to-use 3. Soon: Video infogr.am
  36. 36. #INBOUND14 1. Drag-and-drop and simple sliders Canva.com
  37. 37. #INBOUND14 1. Drag-and-drop and simple sliders 2. Real-time Collaboration Canva.com
  38. 38. #INBOUND14 1. Drag-and-drop and simple sliders 2. Real-time Collaboration 3. Millions of assets*Premium images are $1 Canva.com
  39. 39. #INBOUND14 1. Curated Photos imcreator.com/free FREE
  40. 40. #INBOUND14 1. Curated Photos 2. For Commercial Use imcreator.com/free FREE
  41. 41. #INBOUND14 1. Curated Photos 2. For Commercial Use 3. Layouts and Icons imcreator.com/free FREE
  42. 42. #INBOUND14 • gratisography.com • unsplash.com • picography.co • compfight.com More Stock Photos
  43. 43. #INBOUND14 Thanks! Design well and find me on @angela_9

×