3.10.12

Top 5 Blog Design Tips

I often am asked about blog design and I thought it would be a great idea to share with you some of my top designing tips. After working with hundreds (possibly thousands) of clients, I've picked up on a few things that many people don't take the time to consider. You don't need to hire a designer or spend a lot of money to make your blog look put together, you just need to know how to think about design.  Here are my top five suggestions:


Make sure your blog reflects you.
Ok, I know this one seems like a give-in, but I work with so many clients who have literally no idea how they want their blog to look. Something that should be so easy turns into a big task for them when they can't decide on a style. What I always ask them to do is send me a list of all of their ideas, favourite colours, images or graphics that they like, and even other websites that they like the look of. It could be a whole random concoction of different things, but it says a lot about their taste. Some even create Pinterest boards full of inspirational ideas. Choose things that appeal to you. It's that easy. Once you have your collection of findings, see what is common about them. Perhaps it's a certain texture or a colour. A font. A feel. Anything. Dissect it all and group certain styles together. If you start your blog designing journey out like this, you can be assured that it will reflect you because it is made up of everything you like. All you have to do is put it together...


Be careful when mixing styles.
It may happen that you have such a broad range of ideas and favourite styles that they just don't mesh. I've had clients tell me that they want a clean, minimalist design with lots of white space, and then throw other items into the pot such as bright patterns and scrapbook-like features (tape, paper, etc.).  These are two totally different styles. Do you know how difficult it is to create a design with those directions??! One says "professional and clean" while the other screams "fun and quirky!". You need to be sure that you stick to one idea, and that your chosen elements from above work with that idea.  Eliminate the things that don't work with your idea and you've just created the building blocks of your blog (say that 10 times fast!).


Worry about flow.
How your blog flows is basically how a person's eyes move around your page. You don't want them jumping all over the place, you want to make sure your layout provides an enjoyable reading and viewing experience. As humans, we start reading at the top and work from left to right. What do you want your visitors to see when they first enter your blog? Usually it's a nice header that sets the tone for your space. After that, navigation links for easy accessibility. Below this area is the main content area. When thinking about this area, I like to put (what I consider to be) the most important content near the top. The content that I want my visitors to see right away. They shouldn't need to scroll all the way down your page to try to find something. This makes for a less enjoyable experience. Keep your key content in visible areas and make sure your blog is easily readable.


Make sure everything fits.
By this I mean that if you have a designated area for something, make sure it fills that space. The most obvious thing to mention would be post photos. When your post photos fill the entire width of the content area, it adds to the enjoyable user experience. Little photos sitting in the center of a wide content area not only looks sloppy, but gives the impression that you don't know how to properly format posts. The same thing can be said about the sidebar areas. I've also found that if you have multiple sidebars, making them the same height when filled with content is essential to a pleasing flow.


Don't throw a font party.
I know it can be tempting to some to use a different font on every post. My rule of thumb: Never use more than 2-3 fonts max. This includes all fonts in your actual designed layout as well as in your posts. Mixing too many fonts is a top reason that many blogs look messy. Your fonts should work together, not battle each other. There should be a main font, a secondary font, and your post font. Anything else and things start to look a little sloppy.  You also shouldn't even have to touch the "font" selection button in your post editor since your default post font is set up through the actual layout's CSS file already.

Hopefully this advice can help you on your blog designing journey! If you have any questions feel free to leave them in the comments! Like this? Help spread it:






37 comments:

  1. Great tips! Certainly will keep all this in mind :)

    ReplyDelete
  2. Nice tips, LOVE THEM, will sure take them in considerate about that when designing my new blog

    ReplyDelete
  3. Great post, really useful tips :)

    Sophierosehearts x

    ReplyDelete
  4. These are fabulo tips!!
    Definately going to use these now and take a good look at my blog.
    thank you
    YP x
    yorkshirepud123.blogspot.com

    ReplyDelete
  5. Thanks for the tip Dana! I feel like I've gotten the main jest of how to design a blog just the more creative aspects like creating a header and what not is more tricky. I seriously need to invest in photoshop. Haha thanks for your post though :)

    Cristina Marie
    C'est Une Belle Vie

    ReplyDelete
  6. This are great tips!! I especially loved the "don't throw a font party", you had me chuckling! It boggles my mind that YOUR blog is a blogspot.com host, you do fantastic work and should be so proud of yourself!

    ReplyDelete
  7. Nice tips ! im going to have to remember these when i start redoing my blog design :)

    Beautiful Dreams

    ReplyDelete
  8. Thank you so much for these tips! The first tip is really going to help me right now!
    http://www.randomthoughtsandfeelings1.blogspot.com

    ReplyDelete
  9. very helpful....thanks for the tips doll. now if only I knew how to design a blog....
    :)

    ReplyDelete
  10. The only thing I think I'd add to that list is under the "make sure it fits" section... One of the biggest mistakes I see bloggers who are designing their own layout for the first time make is making their fixed width layout too wide. It's a mistake I assume gets made because the blogger is only testing their work on their own large monitor, but it's best to keep fixed width layouts 1200px or less or else they don't fit on the screens of those of us on laptops... Vertical scrolling makes me sad!

    ReplyDelete
  11. great tips dana! now i want to go and touch up my blog/eliminate some fonts :).

    ReplyDelete
  12. I love the tips. I really do wish I could find a theme that reflects me. I am learning little by little.

    Thanks.
    Cody
    solemnsound.blogspot.com

    ReplyDelete
  13. Thanks for these tips. Really useful!
    http://buttonsapart.blogspot.co.uk

    ReplyDelete
  14. Really useful tips! Great blog!
    handmadebyr.blogspot.com

    ReplyDelete
  15. You always have such great tips! I love "Don't throw a font party." I try to keep that in mind all of the time- and I think about it a lot on some of the blogs I find. My eyeballs can't handle so many fonts on one page!

    ReplyDelete
  16. Great tips! It's great to get some good advice,especially since I'm new to blogging.
    http://lovenlavish.blogspot.ca

    ReplyDelete
  17. thank you for sharing these good tips! i really like you blog tips ..looking forward to hear more of them^^

    ReplyDelete
  18. I stumbled across your blog and I love it! The tips are awesome and it is very pretty!

    ReplyDelete
  19. Oh goodness I hate when people get font happy and use all these fonts and colors in post, lol.

    ReplyDelete
  20. THANK YOU!! I know in the past I've had a hard time deciding how I want to and til this day I'm so wishy washy. Amazing tips and now it makes me what to change my layout! haha

    ReplyDelete
  21. These tips are great! Thanks for sharing. I'm a bit the font party, I'm not gonna lie... When I started off my blog I didn't know which font to use cause I liked them all! So now I know 2-3 fonts are the best to keep a blog clean and organized :)
    Samantha x

    ReplyDelete
  22. These are great tips, thanks so much for sharing!

    Jenn - http://www.pinkdiary.org

    P.S. I don't use my google account for blogging, if you could enable commenting with Name/URL... it would help make me want to leave comments a little more often :)

    ReplyDelete
    Replies
    1. You can comment with google, wordpress, OpenID, typepad or aim. :) I don't allow the "anonymous" option because of spam and mean commenters ;p

      Delete
  23. Thank you so much Dana, this post has really helped me out. I am still trying to fix things up on my blog, but this really covers it all. Angie xx

    ReplyDelete
  24. These are great tips. Thank you for sharing. I'm still trying to figure out my blog designs and this helps a lot!

    <3 Melissa
    wildflwrchild.blogspot.com

    ReplyDelete
  25. hahaha I'm cringing Dana!!! LOL!!! Exactly why I need YOU!! haha!!

    Love ya!
    xo

    ReplyDelete
  26. Great post! Do you have any tutorial site, with css, html coding for blogger?

    ReplyDelete
  27. great post! my blog is an ever evolving process and these tips will sure help.

    ReplyDelete
  28. Great post :) xxx

    http://jeminixlife.blogspot.com

    ReplyDelete
  29. I'm definitely going to agree with you about fonts. I don't have to change mine at all (not that I know anything about blog design, haha). When I first started blogging, I changed stuff all the time, which was such a frustrating experience. I'm so happy I don't even have to worry about that anymore.

    ReplyDelete
  30. Thank you! This help me a lot :)

    ReplyDelete
  31. Thank you for the advices!!!

    http://beautybubblesinyourlife.blogspot.fr

    ReplyDelete
  32. Hey Dana,

    I love your blog. I've written a blog post/review about your e-book!

    http://www.passionobsessionx.blogspot.co.uk/2013/01/book-review-blog-wonderful.html

    Christina x

    ReplyDelete

Leave me a comment :) Comments left on posts older than 30 days will need to be approved and might take a little bit to show up on the blog.