One thing I’ve noticed with blogs I follow is that they all have something in common, and it’s not the content.
Years ago when I started blogging, I was always trying to make my blog look great. Having a nice design with eye-catching colours was my goal, but every time I designed a site, I still wasn’t happy with it.
It took me a few years to realise that it was nothing to do with the theme or design framework itself. It was more to do with the graphical elements of each blog post.
Adding stunning graphics plays a role in making a “good design” or making it “look nice” as my clients used to say.
Video Tutorial – How To Create Blog Images & eBooks With Canva
[video_player type=”youtube” youtube_remove_logo=”Y” style=”1″ dimensions=”640×360″ width=”640″ height=”360″ align=”center” margin_top=”0″ margin_bottom=”20″ ipad_color=”black”]aHR0cHM6Ly95b3V0dS5iZS9icnY5WkZQRWkwcw==[/video_player]
Example Graphics You Could Make
Here’s a look at some blogs I’ve visited recently and what they all share in common is stunning graphics. Graphics that you want to click on while reading a post or graphics that catch your attention while scrolling a social feed.
Notice how the bright colours and icons make you look twice. Imagine scrolling Twitter and seeing these images.
Look at these from HelpScout blog.
These placeholders form the CoSchedule blog.
This opt-in graphic is from their video marketing tips.
These form Buffer’s 25 Days, 25 Social Media tactics email course.
…and this from 127 Time-Saving Keyboard Social Media Shortcuts.
Here’s another from Vyper Marketing case study blog post.
And another example from GetVero blog post Migrating from Mandrill to Vero.
You get the idea.
[feature_box_creator style=”1″ width=”” top_margin=”” bottom_margin=”” top_padding=”” right_padding=”” bottom_padding=”” left_padding=”” alignment=”center” bg_color=”#ffffff” bg_color_end=”” border_color=”#004A80″ border_weight=”2″ border_radius=”” border_style=”solid” ]
Now you might be wondering – How do you create these kind of graphics?
If you didn’t read the headline, it was…
Canva – Amazingly Simple Graphic Design Software
There are lots of tools you can use, but the one I like most is Canva
Just to clarify, I’m not saying all the designs above were created using Canva…but they could have been!
Here are some examples of images we’ve made using Canva.
This cover and full PDF checklist from how to add personality to your marketing and choosing the right social platform for building your community.
And, some others I made in the video tutorial above.
Then with a background image added.
And, finally a picture of me matching an example from Coschedule as shown in the video.
Some Canva Tips:
- Find a colour palette coolors.co, colourlovers.com/palettes, or even upload your images to Canva colour palette.
- Use no more than three different font styles on one image.
- Enter your own font sizes.
- Resize letter spacing.
- Check your design you’ve saved, or click File to trigger the autosave.
- Upload your own design or graphics.
- Arrange the order of your images.
- To create really thin lines.
I suggest you create a rectangle, zooming in and making it thin. Canva doesn’t have a line point size option so this is my work around.
- Rotate shapes for some extra design flare
- Use transparency on graphics to fade them out.
- Add links to text in your PDF eBook.
Canva For Work
My favourite features in the paid version are:
- Resize templates after you create them. This is a powerful feature. You can resize design to existing templates.
Then choose a pre-design template style size.
Or, you can choose dimensions and add your own custom sizes.
- Upload your own fonts that you buy.
- Export to transparent PNG!!
Transparent PNGs are those files that have a clear background.
They also have Canva Print coming soon.
Like I said on the video and tweeted Canva.
— David Frosdick (@DavidFrosdick) July 26, 2017
Now go and create some amazing blog graphics and eBooks!
[feature_box_creator style=”1″ width=”” top_margin=”” bottom_margin=”” top_padding=”” right_padding=”” bottom_padding=”” left_padding=”” alignment=”center” bg_color=”#F3F3F3″ bg_color_end=”” border_color=”#CBD2D6″ border_weight=”1″ border_radius=”” border_style=”dotted” ]
Have you enjoyed this article?
Please share your comments below and tell us if you like these how-to style posts and what others you would like to see.