Posts Tagged bounding box

A Frame Within a Frame

I’ve been putting off posting this for a while, because if I did it would be a case of me not eating my own dog food. I’ve just updated the design of the blog, and this time I’ve removed the bounding box inside which the content was placed, so now there is no “frame” around the content.

Why did I do this? I did it because I think that frame is redundant. See: we already have a frame around all of our Web content—the frame of the browser window itself. The browser window is the container inside which we place our site’s content. For some reason we decided this isn’t enough, so we create our own boxes inside which our site’s contents sit. What we end up doing though is creating a frame within a frame.

The reason why we create artificial frames inside the browser window is because we don’t have a fixed screen size to work with. We don’t know how wide the user’s window is, so we enforce our own dimensions by creating a fixed width content div. Of course we could make a liquid layout, but that’s hard.

But the thing is, I don’t think we should be afraid of letting our content sit there by itself in the middle of the page. Whenever I read a book I enjoy the simplicity of its presentation and layout. Here is a white page with the content placed in the center. Maybe there is a page number at the bottom, maybe there’s a chapter title at the top. There is a very limited amount of information presented to you at any time, and it’s usually tastefully laid out. Its design is also honest: it’s just content itself, laid on in the best way to make it easy to read—there’s nothing superfluous.

On the web though, rather than take that content centric approach (37signals call this epicenter design

Read the rest of this entry »

Tags: , , , , ,

Don’t Forget The Whitespace

Linux… One of the problems with Linux is its lack of tasteful aesthetic. Linux seems to have always been designed by programmers—at least thats the impression I’m getting. It always tries, but it always falls short revealing its clumsy, unpolished edges. It’s getting better, but it’s not there yet.

One of the most glaring things that always pops out at me is a disregard for healthy whitespace. Whitespace: the empty space between one piece of content and another, or between that content and the edges of its bounding box. Whitespace helps you show hierarchy. It also makes things look so much less cluttered.

Here’s a screenshot from the latest release of Linux Mint

Read the rest of this entry »

Tags: , , , , ,