How To Make The Best Blog Graphics (For Non-Designers)
1. Non-Designer’s Guide
To Creating Better Blog Graphics
THE
Go get the traffic, social shares, and engagement your content deserves
by creating irresistible blog post graphics yourself—a non-designer.
Why Your Blog Posts
Need More
Visual Content
94%
Articles with relevant images get
more page views than
those without.
60,000
Our brains process images
times faster than text.
1. Engagement
2. Data
50%
Pages with pictures see
more shares.
3. Shares
20%
Your audience only reads
of a web page on average.
4. Credibility
67%Of consumers consider
detailed images to carry even
more weight than customer
ratings, reviews, and product
descriptions.
***Stats Gathered By
MDG Advertising
Building Blocks
1. Cropping, resizing and selecting images, or parts of images
2. Layers and how they function
3. Blending modes and layer blending options
4. Creating simple shapes such as circles, rounded
rectangles, etc.
5. Using the font tool
6. Importing and using patterns, brushes, and shapes
7. Using grids and guides to lay out individual elements
Essential Photoshop Skills To Learn
4 Steps To Get Going
STEP 1: COLOR
PRIMARY
TERTIARY
SECONDARY
STEP 2: TYPEFACE
Sans Serif Serifvs.
Droid Sans
Roboto
Montserrat
Exo
Open Sans
PT Sans
Raleway
Ubuntu
Lato
Source Sans Pro
PT Serif
Droid Serif
Playfair
Arvo
Merriweather
Baskerville
Lora
Neuton
Old Standard TT
Garamond
STEP 3: IMAGERY
1. Stock Images
2. Hero Images
3. Vector Graphics
STEP 4: ADD MORE
Icons Patterns Brushes Shapes
How To Create
BetterBlog Post Graphics
HEADER IMAGES
TEXT GOES HERE
1. Image
2. Tint
3. Text
Option #1
1. Image
2. Tint
3. Border
4. Text
Option #2
TEXT GOES HERE
TEXT GOES HERE 1. Image
2. Gradient
3. Text
Option #3
1. Image
2. Shape
3. Text
Option #4
TEXT GOES
HERE
1. Solid Color
2. Icon
3. Text
Charts Lists Quotes Shares
Option #5
TEXT
GOES
HERE
IN-POST IMAGES
1. Understand What To Visualize
2. Figure Out How To Best Represent It
75%
3 out of 4
3. Mix And Match Different Design Elements
Do’s Dont’s
–Copy what already works
–Use quality imagery
–Buy icons, vectors, etc.
–Use poor quality fonts
–Create your own icons
–Use too many design
elements
Tips To Remember
1. Keep it simple.
2. Copy what already works.
3. Buy what you can’t create.
Resources
Color
–Google Material Design
color palette
Typography
–Google Fonts
–WhatFont Extension
–Exchange
–Proxima Nova
–Typekit.com
Imagery
–SXC.hu
–Pixabay
–Unsplash.com
–DeathToTheStockPhoto.com
–LittleVisuals.co
–Superfamous.com
–PicJumbo.com
–Creative Market
Patterns
–SimplePatterns.com
–Concrete Seamless
–Crossword
–Stardust
–Square Metal
–Notebook
–Triangular
–Mooning
Vectors & Shapes
–Creative Market
–PixeDen.com
–PremiumPixels.com
Icons
–IcoMoon.io
–Line Icons
–Modern UI Icons
–350 Pixel Perfect Icons
–Flat Icons
–3600 Flat Icons
–Creative Market
Plan awesome content and save a ton of time with CoSchedule—the
world's only content marketing and social media editorial calendar
for WordPress.
TEXT GOES HERE
graphic now!