5 TIPS FOR A GOOD BLOG DESIGN

Nov 02 2014

I recently redesigned my blog and I was pleased that many of you liked the outcome. I spent about an hour every evening for a week working on it and here are a few key points that helped me in the process.

1. Creating a theme: A theme helps to group different elements of your blog, reflect your style and say something about you and the content at the first sight. A good theme will draw attention to the blog and hold the interest of readers for a longer time than a noisy, distracting theme. The main elements which define the theme of a blog are:

Β 

Layout: As a first step, I think it is very important to choose the layout for your blog. How would you want the blog to look? You can choose from 1-column, 2-column or 3-column formats. Some vital decisions to make at this point are – whether you want only the right or left or both sidebars, the overall width of your page, the width of the main content bar, the sidebars and the header. Browse some of your favorite blogs to see what you like best.Colors: While choosing colors, take care so that they don’t conflict with each other and remain consistent across the blog. For defining the color palette, I recommend looking into a few color blogs [Design Seeds is my favorite] to decide which colors appeal to you the most when coordinated with each other. Choose 2-3 colors that reflect your style and set a pleasant mood for the readers. Of course, you can always go monochrome if that is your style! πŸ™‚

Fonts: I think it is good to stick to 2-3 fonts for the blog. One for the header/logo, one for the titles and headings, and one for the actual text. Choose fonts that are complementary but contrasting at the same time. Here is an article to help you choose the right fonts. Too many fonts together will make the blog look very cluttered and busy. Google Fonts, Adobe Edge and dafont are wonderful resources for free fonts.
2. It is all in the header: The first thing that anyone sees on your blog is the header. So it is important to make the header attractive, visually appealing and clear at the same time. You can keep it simple by using just words or you can add graphics to emphasize it a bit more. Adding a simple tagline which tells the reader immediately what to expect from the blog is also a great idea. There are so many options and you can get really creative while designing your header, so spend some time playing around with it and decide what works best for you. But also keep in mind, less is more.
3. Easy Navigation: It is good to create an easy and intuitive way for users to browse your blog. Provide the links to your pages– About, Contact etc. at a place where it is easy to find them i.e header/sidebar. Using categories to sort your blog posts according to topics is a lovely idea as it helps the user to find the content they are interested in without having to go through all the posts. Including a search bar and a link to browse your archives are other useful ways to help readers find the content they are looking for easily.
4. Sidebar: After the header, the sidebar is the most important aspect of your design as it scrolls down with the page and is always visible to the reader. So keep this space free of clutter, remove unwanted widgets and include useful and attractive information here. A cluttered sidebar will compete for attention with your content and take away from it.
5. Use a lot of white space: There is something about white space that gives a lot of clarity and neatness to the design. Use white space between blog posts, sidebar widgets, between the columns of your layout and all other places where you feel the need to. You can do this by increasing the padding and the margins for all the CSS Β elements in your HTML code.
Of course, I am still learning too and my design isn’t perfect. But certainly, these points were helpful. Blog designing in my opinion is a never ending process because there is always scope for improvement. However, it is a very creative and interesting process, so have fun while you are at it. Designing your own blog can be incredibly rewarding and fulfilling!

 

What are your tips for a better blog design?

If you are interested in learning more about the course, enter your email address to join the waitlist and be notified when it launches! :)
  • Hey Chaitra! Thanks for sharing these tips! Definitely something I need to look into! πŸ™‚

    TheConscienceFund

  • Great tips! I personally like to keep it clean and neat. I don't like chaotic cluttery blog designs. Puts me right off reading.

  • Good advice πŸ™‚ I love the clean, white minimalist look.

  • Alina Bostan

    I love your layout, thanks for sharing your tips. Just wish I wasn't as useless with html coding, I just don't get them at all… x

    Beauty with charm | TOOFACED GIVEAWAY

  • autumn

    Thanks for all the tips!

  • Such great tips! I am totally inspired to go change up my blogs design!

  • Thank you alina! Ya css is a bit frustrating at the beginning, but you ll get used to it soon! πŸ™‚ x

  • Welcome sweety! x

  • Ah thanks a lot stephanie! M so so glad! Please let me know when you redesign your blog, i would love to take a look πŸ™‚ x

  • Laurie Elle

    Lovely tips and I love your blog design! I'm struggling at the moment with getting my image and text to be the same length. My post text ends up starting before my photos and its really irratating, do you have any idea how I can even it out? πŸ™‚

    laurieelle.com xx

  • Very nice, clean design ..good job!!:) Ah yes blogs always continue to evolve as do the platforms that they're on ! Pinkpot..what a cute name:)

  • These are great tips!
    I love minimalism in blog layouts, I love black and white with just a hint of colour that is within the whole blog!

    Stephanie x
    http://www.tragicwardrobe.com || @TragicWardrobe

  • Love your tips! I personally simply bought a templed I loved but… The time to do it all myself will come! And this post is going to be saved for that day! πŸ˜‰ xx

    Gyudy's Notes Of Beauty

  • I'm so glad to learn this things, it definitely helps improving my own blog. I've read your html tips and they made a huge difference on my page! Thanks for sharing your tips πŸ™‚ I really like your current design xx

    Mary Bloomy

  • You absolutely nailed that. Seriously, that was so accurate.

  • Sadly I am not so a there is not a lot I can do to make changes. I need some advice on that will mail you asap!

  • Lots of great tips there. I think it can take so long to find the right theme and layout! Yours is lovely! Thanks for sharing you link to me on Twitter!

    average adventures

  • Hi laurie! Thank you πŸ™‚ Yes that is a bit irritating! Have you aligned your image to the center? Try aligning it to the left and increasing the width of the image, that should work! Otherwise, please email me, i m happy to help πŸ™‚ xx

  • Hi dee! Thank you! Yes i completely agree, blogs are continually evolving! πŸ™‚ x

  • Hi stephanie! πŸ™‚ Thank you, hope they help! Yes me too, Love minimalistic designs a lot! πŸ™‚ x

  • Hi lovely πŸ™‚ Hope you are well! Thank you so much. Yes you should absolutely try doing that, it is so much fun πŸ™‚ x

  • Hi mary πŸ™‚ Thank you so much, i am so glad you found them useful! Have a great week lovely! x

  • Thank you holly πŸ™‚ I am glad! I love designing, it is such a fun thing to do! Love CSS πŸ˜‰ πŸ˜€ x

  • Thank you so much lovely! πŸ™‚ I hope they are helpful! x

  • Sure divya! Looking forward πŸ™‚ xx

  • I love your posts! Have a great week xx

  • Your blog design is so on point, I love it!!

    β™₯Natalie

    Yours
    Truly, NY

  • Thank you so much sweety! πŸ™‚ Hope you are well πŸ™‚ xx

  • Black Mary

    Great tips! Thank you!

  • I'm a web designer so I don't think about it too much, I suppose. But I think your tips are great and that your layout is nice! πŸ™‚

    Aisling | aisybee.

  • So welcome sweety! xx

  • πŸ™‚ Thank you aisling! nice to know you are a designer πŸ™‚ x

  • Your blogging tips are great thank you!

    bonitarochelle.co.uk xo

  • So helpfull post…Hasve some really good tips inside ^_^

    BubblyBeauty

  • Pingback: #blogpassion Day 6 - Your Blog Design - Harriet Rosie()

  • I love your tips! I am si so so glad I found your blog! You jnspired me to create free photo packs too!!

JOIN ME ON PERISCOPE

@PinkPot7
My new e-course, iPhone-o-graphy is open for enrollment until 28th Nov ! CHECK IT OUT NOW
Hello. Add your message here.