How to Not Get Lost When Learning to Create a Blog Design

In “How to Create a Blog Design from Scratch?” I talked about the first step you need to take when learning how to create a blog design. The first step being figure out what you need to know and the price you must pay in order to get there. I also talked about how most people tend to skip this step and dive in blindly. The following is the result of not knowing what you need to learn and do in order to create a good blog design.

Blog Design confusion

This is you on drugs. Nah, I am just kidding… No, really this is you on drugs.


As you can see without a plan, you risk spending your time and energy into the wrong areas. This can take place over months or even years until you reach a point where you can create an awesome blog design. Some make it, but most end up quitting from the lack of results. In order to avoid wasting your efforts in the wrong areas, you need to figure out what you need to know in order to create a blog design in the beginning.

What you need to know

The good news is that most of the knowledge you need to gather is applicable to all blog softwares. The only difference in what you need to learn will be the tools you use to integrate your blog design into the blog software of your choice. Each blog software has their own system of integrating templates so you will have to learn the specifics for each blog software you want to design for.

For example, you will need to learn bits and pieces of php in order to integrate your blog design into WordPress. On the other hand, if you want to integrate your blog design into Textpattern, you will need to learn their custom textile tags. The benefit with Textpattern is that you don’t need to know php and the textile tags are very similar to regular old html. Which blog software you end up choosing to design for is really up to your personal preferences and needs. I will discuss the pros and cons of designing for different blog softwares in a future article.

I would just like to note before talking about the different areas that this is what I feel you need to know in order to build a great blog design. It is based on my opinions, experiences, and observations. You are free to disagree with me, which would be a fun discussion, but I honestly think it is pretty hard to build a great blog design consistently without the right knowledge. You could get lucky or go with your gut feeling and end up creating a great blog design, but I doubt you can do it again without the following fundamental basics.

1. Blog design

Blog design - Creating a blog design

The art and science of blog design is a careful balance of many different factors that include usability, aesthetics, typography, images, readability, contrast, and color. Blog design and web design are largely intertwined. Blog design is web design, but with a pin-point laser focus on the specific needs of blogs, its users, and its authors. Careful attention must be paid to the differences so while you learn web design, ask yourself how you will apply this to blog design.

2. Typography

Typography - Creating a Blog Design

When you take away all the graphics, a good blog design is essentially an assortment of well placed text in the right areas in order to communicate your message. Typography can not be overlooked in your blog design and while your regular readers won’t be able to tell what mistakes you made in your design, they will be able to sense that something is wrong instinctively and be turned away. Read as much as you can in this area.

3. Color

Color - Creating a Blog Design

Color has the ability to evoke emotions as it gives life to an other wise boring design. It also has the ability to direct attention to certain elements on your blog. It is very versatile in its use and your use if it will depend on what you want to communicate. Without the knowledge in this area, your application of color might have unintended effects on your readers that could sabotage your blog.

4. Usability

Usability - Creating a Blog design

Usability has been gaining a lot of focus in recent years and for good reason. A blog design is an interface between a reader and the information you have on your blog. If the interface is hard to use or impossible to use, then the information will never get to the reader. This will increase the likelihood that the reader will leave your blog thinking that what they are looking for isn’t there when it very well could be.

5. CSS/XHTML

CSS/XHTML - Creating a blog design

Let’s make this clear, CSS/XHTML are tools a designer uses to create a blog design. These tools change from time to time as technology evolves. At this time these are the tools you need to learn in order to make your blog design really come to life. Without the ability to integrate your blog design into the blog software of your choice, your blog design will just be a pretty picture.

In the last few years, hiring someone to code your design is becoming a more popular option. While you could probably get away with hiring someone to do your coding, you will end up losing a lot of flexibility when it comes to making changes to your design. Knowing your code inside and out will allow you to make your blog designs really come to life.

6. Blogging

Blogging - Creating a blog design

While having experience and knowledge with blogging from the author’s point of view is not required, it damn well should be. It will help you understand what is important to put emphasis on and what makes a blog successful. This will allow you to create a design that can take a blog’s success even further.

How much do you need to know?

I admit, it seems like a lot to learn, especially if you are new to designing anything for the internet. While you do not have to master each of the previous categories to design a great blog design, the more you know, the better your blog design will be in general. How much you need to know of each subject depends on your goals and if you are willing to pay the price for them.

Creating a blog design with no equal

If you want to be the best, I recommend trying to get as good as you can in all of the subjects. Get your skills to above average in all the areas as fast as you can and then focus on one area at time to get as good as you can be.

Making little tweaks to an existing blog design

If you just want to make your blog design a little better, you can get away with just knowing bits and pieces of each area. Focus on the areas you feel will give you the most return on investment, but first make sure you get your skills in each area to a basic level. It won’t take that much effort or time to get it to a basic level.

Create a good blog design

If you are somewhere between the two, you are going to have to play around with how much you need to know. If you find that your blog design is not at the level you want it to be, then you need to invest more time in your weak areas. Don’t neglect to work on your strong areas as well, because it can never be too strong.

Let’s revisit our map from earlier

Blog Design victory

This is you with a plan to get to an awesome blog design.

Ok, maybe I exaggerated with the drawing a bit, because even with a plan there will be rough spots where you get stuck, but at least you know where you are going. This will result in a much faster learning speed than having nothing.

In the next article in this series, I will talk about gathering resources from the print world. Subscribe today for free and get updates on future articles.

Footnote

1. Icons used in Blog design and Usability sections are from Fast Icon. They are free, so go grab them if you like it or grab some other ones.

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.
Site Templates and WordPress Themes.

38 comments

  1. You have a terrible web design. I just arrived via stumbleupon, and I had to scroll down one full page in order to read anything past the blog post’s title.

    • C
    • March 24th, 2008 at 12:12 pm
  2. Your website design is cool but the logo is way to tall but I like the image.
    The article you just posted is interesting. Thanks for sharing it

    • Sava
    • March 24th, 2008 at 12:56 pm
  3. Thank you for sharing this. Subjective opinions about the design of your site aside, I appreciated the short, pithy paragraphs in your explanation and your direct writing style. As a designer looking to convert his traditional static xhtml pages into something more dynamic via WP, I found your suggestions relevant and timely.

    • arez
    • March 24th, 2008 at 9:34 pm
  4. I like the color of your and the style of the body is not my style, but the content is important for me.

    That’s why i want to say tahnk you for this great article again. The first steps to develop an own blog are hard. I hope i will start with my pwn blog in the next months ;)

    Ralph

    • Ralph
    • March 29th, 2008 at 5:14 pm
  5. C - I disagree. I like this design alot and it seems a majority of bloggers are using these templates that contain misc content at the bottom. I think it makes the visitor focus more on the actualy content (posts) of the website.

    This article was inspiring. When you said most dive in blindly I winced, I have always been interested in design however as you said - lacking the results I gave up and ran away. I really look forward to reading more. Your site seems really understandable. I think one of my personal frusterations is finding sites that talk in “Computer Mumbo Jumbo” in otherwords, so many techy words that they don’t define that end up being an alien language to me. Nice work!!

    • Manda
    • April 1st, 2008 at 5:03 am
  6. To me the design of your blog is ok. Just my opinion. But I am not a big fan of a lot of this whole web2.0 style crap. Everything is becoming to shiny and bubbly, I understand that people like that, but its just not my style. The color scheme I like though. IMHO, however, I don’t know why, but I get an “emo”ish feeling from the page top though. One last thing that I found that you could fix in a future revision is the sort of tacky job on the blue on the top. I don’t know if anyone else has noticed this but I see how you tried to blend the main picture at the top with the background in the back. But when you resize screen you can easily see that it is two separate entities. Maybe smooth the edges of the main picture and choose a constant color for the background so that resizing doesn’t show the transitions.

    -Ciao

  7. cool

    • Rini
    • September 15th, 2008 at 7:03 am
  8. It’s too complicated dude!

    • koekoe
    • September 25th, 2008 at 3:17 am
  9. hy, Check out the pictures of my new emo hairstyle
    at http://tinyurl.com/59ps64

    • emoboy
    • October 21st, 2008 at 6:09 pm
  10. Its not easy to remember all these tips lol, but i will try to remember. Thanks you so much for such a great post.

  11. I just wanted to second the bubbly and shiny comment @Ciao It does seem to be a trendy way to go about designing.

    Also one pointer for any future revisions… “Less is more” I can understand that you are getting all the information out on one single page… I have recently read in a web outline tut… that more pages with less one them actually will keep a viewers attention… you have 7 seconds to keep attention on your website and they have no problem navigating away from your site if it is overwhelming.

    Create a multiple pages for one blog. Not that I know how easy that is to do… I have yet to touch the code for blogs, but I read up on everything.. who knows one day I plan to have a blog of my own for tips and tricks with design. Also, having more pages could possibly help you get more hits to a page… (Correct me if im wrong… but is that the SEO?) that might be something to think about or look further into for another blog… with maybe even adding the next button to continue reading. Click… Click… Click… Great Post.

    Peace and Light,

    JOOSTdesigns

  12. Now i came to know what are things that i should know before going to design a blog and i will learn more.

  13. Thanks for giving your valuable inputs for creating webdesigns

  14. oyunlar alemi burası heydııı

  15. Thanks for useful tips on how to create a blog design.

  16. Great Blog very useful to all webdesigners, I suggest all designer to share this blog

  17. Nice resources, Thanks

  18. Hello, I am in the process of creating a new blog, and the tips in this post and on your website in general are very useful. I like the sleek design of your blog also by the way.

  19. Click… Click… Click… Great Post.

    • Ed Hardy
    • January 27th, 2010 at 11:44 am
  20. Ed Hardy is doing spamming on blogs, you should stop him.

  21. Wow, a lot to consider there. i think i will need to revisit this article a few times as i work on my next few WP projects.

    • webguy
    • March 17th, 2010 at 4:10 pm
  22. some very good advice there. I have now started to use templates for a lot of clients unless they need something very specific. It saves me a lot of design time and them a lot of $$.

  23. Useful tips for web design, thanks.

  24. This is a great post, i was looking for a bit of help and this is exactly what i needed. Many Thanks for your post!!!

  25. Great Blog very useful to all webdesigners, I suggest all designer to share this blog

  26. Thanks… designing blogs are one of the more challenging aspects of blogging… the writing is the easy part!

  27. These are some good ideas for blog design… printing them out!

  28. Good blog design ideas are hard to come by… thanks for the tips!

  29. Wish I had some of these insights before I started my blog… could have used some of these ideas to become more creative with it!

  30. Thanks! Enjoy reading a little something about what I don’t know about… blog design… I tend to just throw something up fast and then wish it looked different!

  31. Wonderful… thanks for the tips… now to implement them!

  32. Nice… thanks, I always enjoy your tips, this is most useful for me since I am new at blogging and especially design.

  33. great,Thanks, i will looking forward to your new post, it’s very interesting

  34. If you can not design blog, you can use wordpress templates.

  35. How to Not Get Lost When Learning to Create a Blog Design?

    just do it!

  36. good

  37. Wow, thats great! That will gonna really help.

    Sean

    • Sean
    • August 30th, 2010 at 8:12 am

Add a comment