February 11, 2008

I’ve been focussing a lot on themes over the past week, trying to understand what is good about them, and what is bad, and one of the things that I have been trying to decide is what the ideal proportions are for both content and sidebars.

The size of themes and of sidebars has changed quite a bit, particular with the advent of 125 ads and tabbed sidebars, and there now seems to be quite a wide variety of different proportions.

My first feeling was that sidebar, with padding or borders, should equal 220px, roughly 22% of the modern width. Why? simply because this is the amount added to make the differences between an 770px width and 990px width.

The problem comes when you add in graphics such as drop shadows. Say you use 15px on either side of the content for those, is it the main content that should be reduced, or the sidebars, or all in equal proportion.

Then we come to double with sidebars; should a double width sidebar actually be double the width of the single sidebar, or less? is 44% of the space taken up in a sidebar appropriate?

Update: A check of 15 blogs today suggests that not only is there no consistent formula, but that it tends to vary even between themes by the same designer.

The image shows the first five two column themes, and the variation is even greater for three column themes.

For, what I would consider, relatively standard sized two column themes the main content varies from 480, 520, 550, 538, 612, 755, and 760 pixels.

Sidebars come in flavours of 132, 135, 190, 200, 210, 225, 253, 260, 280, 300, 379 pixels.

I was hoping there would be a consistency about sidebar width, but it seems that the only consistency is a lack thereof.

I still believe there is a perfect proportion for a theme, perhaps it just remains to be found.

  every 1725s, 1s ago, in 0.02s.