Visual Harmony in Webdesign

One of the things that really struck me while at FOWD this week was the surprising lack of appreciation for white space, and visual harmony.

Where webdesign and art can overlap

There has been a lot of talk about how web design isn't art. While I agree that it isn't art at this moment, I don't agree that it should stay that way.

At the very least, webdesigners need to understand the rules of art, at least in part, to make useable, beautiful designs. It just seems to me that a number of designers today either do not understand these foundational ideas, or don't see any value in them.

With only one exception (the work of Ryan Sims) all of the designs had a crowded, un-harmonious feel. I am not sure if it is because I actually studied classical fine art and design in college, and my peers did not but this strikes me as rather odd.

Believe it or not, lines aren't the only dividers

Everyone loves to throw lines into their designs to visually separate areas of content. Guess what? If you haven't allowed for enough negative space between those elements, the lines don't mean squat. The mind still associates them together as one visual element.

By contrast look at a site that uses negative space for element separation; if used correctly there is no question of where one visual element ends and another begins. Are lines good? Yes. Are they enough? Most times I would say no.

The responsibility of the designer

I spoke with Khoi Vinh for a moment during one of our breaks, asking about the lack of whitespace in todays designs. It was very interesting to hear his thoughts on this. He agreed with me that it isn't being used very well in a lot of design today. One of his explanations for this was the monetization of pixel space. The fact that companies feel this way is unfortunate, but not unexpected.

I think this is another instance where it is the job of the designer to work hard to make the customer understand the benefits of applying these concepts to their work. This was a point that was made by Ryan Sims and D. Keith Robinson in their session... and one that I whole heartedly agree with.

The designer is the expert; you are hired to tell the customer the best way to communicate their brand and that includes things like using whitespace and visual harmony to make the design more appealing, which in the end will make it more useful and this my friends translates into more dollars.

Tagged: , and

  1. personal avatar Mike Stickel
    Stroll on over and visit Mike Stickel
    November 11, 2007

    I can't agree more. During my time as a freelancer it was very often a hard case to fight when I was working to keep whitespace. That may be part of the problem for the general designer/developer community, they don't know how to win that fight by quoting design or artistic principles.

    It would have been great to be in NY to Ryan and Keith's presentation. Did they go into how to deal with it when taking to clients, etc.?

  2. personal avatar Chris J. Davis
    Stroll on over and visit Chris J. Davis
    November 13, 2007

    That is a good point. Winning any fight with the customer is difficult but when you start taking away "actionable space" it becomes almost impossible.

    Keith just said basically what I did, that as designers we need to be the champions of these things. There was very little on how to accomplish this.

    I think we are all in the same boat when it comes to this problem.

  3. personal avatar Ryan Sims
    Stroll on over and visit Ryan Sims
    November 13, 2007

    Wow. Those are very kind words, Chris. Thank you.

  4. personal avatar SEO Carly
    Stroll on over and visit SEO Carly
    November 22, 2007

    "There has been a lot of talk about how web design isn't art. While I agree that it isn't art at this moment, I don't agree that it should stay that way."

    To me the process of Web Design "is" an art, and there are designs out there i look at and consider a work of art.

    I also agree that the use of white space can enhance design, and at the same time usability. I really like the use of white space Google employs to create simplistic, fast loading pages with great usability.

    While not graphically stunning, they work well.. But that may be the Commodore 64 user coming out in me as well. :)

  5. personal avatar Chris J. Davis
    Stroll on over and visit Chris J. Davis
    December 2, 2007

    SEO Carly,

    I agree about Google. They are not going for beauty as much as utility. I think some would argue that Google achieves beauty through thier utility... but I am not one of them.

Pingbacks & Trackbacks

  1. rushda » Blog Archive » Visual Harmony in Webdesign » ...n’t agree that it should stay that way. At the very least, webdesigners need to … click here for more Leave a Comment Name Mail (will not be published) Website Please not...

Leave a Reply


Speaking

Buy my book!

Blog Design Solutions