Elevate Your Brand With These 5 Image Design Hacks

November 10, 2015

10:00 pm

Every good blog post needs a good header image. The header image is the first thing readers sees when scrolling through blogs, along with an eye-catching title. That’s why you want to get their attention with a header design that is not only nice to look at, but also thematically relevant. It should be the perfect accompaniment to the body of your blog post.

Making a beautiful blog header image doesn’t have to be difficult, even if you’re not a designer. Sure, you could use a stock photo that reflects the subject of your post, but there’s a good chance you will come across another blog post with the same image. With some simple edits, you can take an image and make it your own.

Here are 5 blog header image design hacks.

1. Use a transparent color wash over the image

Covering your image with a simple transparent color wash will immediately affect the mood of your image. For example, covering your image with a blue or purple or black wash will make it more melancholic, while covering it with a yellow wash will make it brighter and happier.

8697f08b-abdd-47ff-9359-e42af54ccde0

8697f08b-abdd-47ff-9359-e42af54ccde0 (2)

Putting a color wash over your images will also make text easier to read, as it evens out the background of the image. You can use just a transparent strip across the image if you want to bring the title forward but don’t want to wash out the rest of the image.

8697f08b-abdd-47ff-9359-e42af54ccde0 (4)

2. Divide the header into two sections, one for an image and one for text

Section off a third of the header (your basic 1:3 ratio). Fill the larger section with an image and the smaller section with a solid background using a color that matches the image. Use text that also matches the color scheme of the image. It generally looks better if you keep the text to one side of the header, rather than in the middle, as the eye follows a left to right or right to left track more intuitively.   

f7d22dff-5881-45f4-8e49-7642c1f69429

You can also use an icon to tie both sections together pictorially. You want the sections to still be cohesive, so make sure they use the same color palette.

3. Embellish photos with icons

You can make you header image fun and quirky by adding icons to the image. This style of header image is less common than a plain photo or an image with a color wash, and the surreal feel will catch the attention of readers. The key is to not just throw icons onto the image–make sure that they make sense in the design. If the image shows a blank screen, for example, place icons on the screen.

blogpost-06

4. Add a color border

To give your header image a rounded appearance, use a border. This is especially important if you’re using an image with a light or white background, as a borderless header image will blend in with the rest of the page.

dedaf798-685b-4b9a-a081-46c71d7290b8

The thickness of the border depends on your preference. Whatever you choose, though, it is a good idea to keep it uniform across your blog to maintain a cohesive design.

5. Crop and frame images

It’s easy to repurpose stock images by cropping and framing them into interesting shapes. If you use more than one image, try to choose images that go together in terms of subject, theme and color palette. Again, you want to make sure that your design is cohesive.

b61f9a39-a4f0-49d5-904b-62ab7620916c

Also, don’t settle for just a black border–using color will do a lot to brighten up the page. Using alternating colors for each blog post will also help your posts stand out from one another.

With these 5 blog header image design hacks, you can create eye-catching header images that will draw in readers.

Image Credit: Wikipedia

Did you like this article?

Get more delivered to your inbox just like it!

Sorry about that. Try these articles instead!

Sara McGuire is a Content Editor at Venngage infographics. When she isn’t writing research-driven articles for a number of business and marketing sites, she enjoys reading graphic novels and writing music reviews.

  • Shares

Leave a Reply

  • (will not be published)
Startup_Mixology_300x250
.ME Tech.co search 300x600

Get personal with .ME

Make your domain name as unique and memorable as you are. Get creative, get .ME!