How To Make The Best Blog Graphics (For Non-Designers)
-
Upload
coschedule -
Category
Design
-
view
2.148 -
download
4
Transcript of How To Make The Best Blog Graphics (For Non-Designers)
Non-Designer’s GuideTo Creating Better Blog Graphics
THE
Go get the tra�c, social shares, and engagement your content deserves
by creating irresistible blog post graphics yourself—a non-designer.
Why Your Blog Posts
Need MoreVisual Content
94%Articles with relevant images get
more page views thanthose without.
60,000Our 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 SansRoboto
MontserratExo
Open SansPT Sans
RalewayUbuntu
LatoSource Sans Pro
PT SerifDroid SerifPlayfair
ArvoMerriweather
BaskervilleLoraNeuton
Old Standard TTGaramond
STEP 3: IMAGERY
1. Stock Images2. Hero Images3. Vector Graphics
STEP 4: ADD MORE
Icons Patterns Brushes Shapes
How To Create
BetterBlog Post Graphics
HEADER IMAGES
TEXT GOES HERE
1. Image2. Tint3. Text
Option #1
1. Image2. Tint3. Border4. Text
Option #2
TEXT GOES HERE
TEXT GOES HERE 1. Image2. Gradient3. Text
Option #3
1. Image2. Shape3. Text
Option #4
TEXT GOESHERE
1. Solid Color2. Icon3. Text
Charts Lists Quotes Shares
Option #5TEXTGOESHERE
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 Di�erent 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
Download your full-length,
free infographic now!