cnp_studio (cnp studio) - An interactive division of Clark/Nikdel/Powell

A unique mix of technology, creativity and human interaction makes cnp_studio a Web development firm focused on connecting people. Creating simple, useful Web sites is what we do. Learn more about us.

cnp_studio Blog

cnp_studio Blog

Margins and Leading (Good ol’ Whitespace)

posted by nick on May 13th, 2007

Margins and leading (line-height for those who prefer CSS) are two things that can be an afterthought when it comes to implementing a design. I know of plenty of times when I'd be integrating a site and give little thought to the line height or the margins in certain areas. But, time passes and I've learned that consideration to typography and things such as margins and leading actually do make a difference in the user's experience on the site. Consider the following four images:

Good Leading, Good Margins
wsfig1

Good Margins, Bad Leading
wsfig2

Good Leading, Bad Margins
wsfig3

All around terrible
wsfig4

Witchita State University conducted an experiment to find how leading and margin affect the ability to comprehend. The basic gist is that as the margins get wider a person is able to read less words per minute, but their comprehension level increases as the speed decreases. Read about the entire study here. And get those margins in there and space out those lines.

Leave a Reply

Latest Comments

Caden:
UPDATE: This plugin works fine with default theme of Wordpress in 2.6.1. I finall...

Christina:
I too would like there to be a timed interval. If at all possible. Or I need to s...

nick:
Nobody wants to hear that Kevin....

Caden:
Just wanted to post more info, this is the actual error I get when hitting submit: ...

Kevin M:
Man! How come none of the fun things happen when I am there? Let's just hope tha...

Categories Archives