How To Make The Best Blog Graphics (For Non-Designers)
Published in: Design
Transcript
- 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!