5 Simple Ways to Make Your Blog Design POP

Blog Design 101In “The Secret of Great Blog Designs,” I talked about using schemas and the peak-end rule to not only make your blog design more memorable, but to also associate your blog with the concepts, images, and ideas that will help you towards your goals. Before we can go deeper into that, we have to first make our blog design POP.

What does it mean to make a blog design POP? A blog design that pops is simply one that grabs people’s attention and can often times evoke a “Wow!” Does it mean that you must make your blog really extreme in order to get noticed? No, it does not, especially if you are doing it just for the sake of getting it noticed. The pursuit of just that one goal alone won’t get your blog design very far.

But if your blog design does not pop at all, it will simply go unnoticed and disappear into the masses of everyday blogs. First we must understand how to make something pop before we go into what we can do to make our blog designs pop. It has been show in studies that humans have two ways of scanning visual elements when they are searching for something.

Parallel processing - This is an automatic and unconscious processing that occurs first and is done by taking everything in at once. It is a very quick and simultaneous processing that uses associations to understand what it is looking at. What that basically means is that you have no control over it and it is done instantly.

Serial processing - This is a very deliberate and conscious processing that we use when parallel processing doesn’t yield the results we want. It is a very slow and sequential processing that uses rules to find things and is done consciously. What that basically means is that if a person is still motivated to find something, they would use this or just give up altogether.

In order to make something pop, we must get it so that the parallel processing picks it up instantly. If it doesn’t pop, then there is no guarantee that a person would put in the effort to look beyond the blog design. They might if they believe that you have what they are looking for somewhere on your blog, if not they will leave.

So how do you make something pop?

Below are 5 simple ways to make your blog design pop with examples of how blogs use it.

1. Color

Colourlovers

Colourlovers’ blog is a very good example of using colors to make your individual design elements pop. The blog uses mostly white and grays in their layout, but uses colors here and there to make things pop very well against the muted colors. I like how the RSS buttons pop out at me in a very appealing way. What you can do is experiment with using a color that contrasts with the other colors in your blog in only one or two areas to make a design element pop out.

2. Shape

WebDesignerWall

WebDesignerWall’s background uses interesting shapes that makes the design pop out and draw the user’s attention towards it. Ornate decorations helps make design elements pop out when they are used in the right areas. What you can do is try experimenting with different shapes next to each other. For example, if you use a lot of rounded elements in your design, try using some more angular elements near it to make it pop.

3. Size

Darkmotion

Yeah, Darkmotion’s use of a giant bear would constitute a good use of size to make a blog design pop. While I wouldn’t recommend everyone to use a giant bear, try experimenting with different sizes of your blog design’s elements and see if it makes things pop. A common use of size to make something pop is the giant RSS button.

4. Texture

WeLoveWp - Texture

WeLoveWP recently had their website redesigned and the new design uses a lot of texture. The smooth background texture on the left makes a good contrast with the rough texture on the right, which helps make the logo pop even more. The texture also helps make the content pop as well, which makes it even more interesting. A simple way to use texture to make design elements pop is to use gradients next to solid colors.

5. Contrast

The reason why all these simple techniques work was because they made the use of contrast to make their blog design pop. Contrast is a relative term that depends largely on what it is being compared to so it is important when using any of these techniques to make sure you pay attention to the design elements next to it. Don’t forget to check how it interacts with the whole blog design as well.

If you want to learn more about how to make blog designs pop and other cool stuff, then subscribe today for free and get updates that can help you make your blog design be more successful.

Related posts

Give some love back?

If you like this post, please take a moment to vote. This will help the blog to grow even further. Thanks.
  • Bookmark this to delicious
Site Templates and WordPress Themes.

43 comments

  1. Cheers for the feature!

  2. Great post, I really like the colour lovers site such a useful resource.

  3. Some fantastic tips & well wrote article. Personally i think your advise given here would benefit a lot more to web design in general rather then just to blogging.

    Great job.
    Regards, Resonate

  4. I think your blog looks great, but it’s not displaying properly in internet explorer.

    Let me know if you need a screenshot or check it out yourself…

    Nice post though.

  5. Excellent, i was in confusion state what to do and how to do ………… now this helped me to clear some of my doubts.thank you

    • anil
    • March 22nd, 2008 at 8:30 pm
  6. Love this article, and I agree fully on what you say. I like the contrast thing you have going on with your “get focused” box too, keep up the good work!

    • John
    • March 26th, 2008 at 11:06 am
  7. Nice post Vinh! Good variety of techniques. :)
    Cheb.

    • Cheb
    • March 26th, 2008 at 5:55 pm
  8. Great article thanks. I m looking for a way to make my blog really pop.

  9. dear,
    i have subscribed to your feed today :-)
    cool tips, nice designs, vvill get you on my blogroll
    (still in progress, because i “design” a post for it).
    veryheavenly greetings from germany :-)

  10. You pack a lot of info in this one article thanks.I’ll be using this for my projects.

  11. I’ll believe you since i like your logo a lot. One of my top 5 entrecards….

    Stop beating me!

    Blog Blog Cherry

  12. Thank you for this great article. Some nice ideas for my own blog in future ;)

    Ralph

    • Ralph
    • March 29th, 2008 at 5:04 pm
  13. This is a nice post :) Thanks for putting this up and already linked ya on favourites.

    • aronil
    • March 31st, 2008 at 12:04 am
  14. blog’s design looks great..nice work

    • elena
    • April 2nd, 2008 at 1:44 pm
  15. Glad to see this post
    nice post!

    -Mohit

    • Mohit
    • April 2nd, 2008 at 2:03 pm
  16. I hope i can create such great clean blog design like yours someday. Do continue giving great contents, tips and inspiration towards greater blog designs.

    • xaer8
    • April 5th, 2008 at 12:46 pm
  17. Good article, I just Stumbled it.

    Nice site!

    Jacob

  18. Great advice, I am always looking for ways to improve. Thanks!

    • LizzyT
    • April 7th, 2008 at 3:25 am
  19. Excellent advice. Muchas Gracias.

    • pablo
    • April 7th, 2008 at 2:33 pm
  20. Great tips

    • Romeo
    • April 7th, 2008 at 3:40 pm
  21. All the things you list to “make a blogdesign pop” are actually adding.
    I think it should really be pointed out, that in order to make things pop, they need room to pop to. If you clutter a design, it won’t neccesairly make it stand out more - in fact, it might drown it completely.
    Not saying that your points wouldn’t be valid, but they are one direction - the other is removing elements, sizing down, and by doing so, emphasizing what stays left, and giving those items some real pop-ability.

    cheers,

    • kontur
    • April 8th, 2008 at 3:51 am
  22. Excellent tips, it shows from your site

    • Elijah
    • April 8th, 2008 at 5:34 pm
  23. Fantastic work!

  24. dude, where can i find your entrecard?

  25. Great article.Thanks

  26. A very inspiring post… Thanks

    • Ozzie
    • April 23rd, 2008 at 3:14 am
  27. i’m glad I found your blog. Very useful tutorials. I’ll be back for more. Great job!

  28. I like the post and the examples. I do have one suggestion. It was a bit long which made it lose some pop for me. Thanks, V

  29. WOw, I am going to be a regular at your blog, in order to better understand blogs.

    • Harish
    • May 6th, 2008 at 10:39 am
  30. I am having the most difficult time trying to make my site look how I want it.I am not great at the coding especially for wordpress.Your articles make me think a bit more on how I want my site to be.I will be reading your articles regularly I think they will help me a lot!

    • sara
    • May 16th, 2008 at 3:23 pm
  31. Thanks for all the nice tips, you present you tips with examples and that makes a lot less theoretical.

    Keep up the good work!

    • Niels
    • May 24th, 2008 at 3:50 pm
  32. Your blog design is one of the nicest ever!

    • Y. S.
    • June 10th, 2008 at 10:00 pm
  33. Hey… “hola”… from Mexico city… this is just great.
    I’m really trying to learn CSS…This kind of sites really helps me…
    thanks…

    • Jav
    • June 24th, 2008 at 8:49 pm
  34. I had commented earlier in this post. I want to know, is there any guide related to modifying the WordPress blog front end, to customize it not just in terms of design, but also about which content we wish to display, like for eg. having a featured category, and then some script to display the newest post from that category, etc.

    I am new to programming, and would really love all your help…

  35. thanx, this post inspiring me

    • nipellio
    • September 8th, 2008 at 9:20 am
  36. very nice article and the examples are great.

    • Jon
    • September 23rd, 2008 at 7:51 am
  37. This is a really great article!

    Keep up the great work! ;)

    Ovi Dogar
    AbsoluteCovers.com

  38. very good… Thanks you very much

    • Alanya
    • October 11th, 2008 at 4:51 pm
  39. good blog. very nice thanx

    • rezki
    • October 16th, 2008 at 12:27 pm

Add a comment