Skip to content

Smart Alice's Web Design Blog

What makes a great web site? Join the conversation about what works or doesn't work when you plan, design, and build your web site.

Archive

Tag: visual interpretation

Someone was curious about the “mood” image on the home page of my website.  My daughter made a puppet in 8th grade art class.  First I photographed the puppet as a standard portrait:

puppet against white fabric

Then I wrapped it in black fabric and startled it with a spotlight pointing up towards the face!

puppet wrapped in black fabric

I took this image and used Photoshop to paint around the face and hands with black.  Then I used the perspective tool (Edit – Transform – Perspective) to distort the proportions.  Finally, I used Curves to saturate the colors for a more lurid effect.

transformed in photoshop

Photos by Alice Gebura    Analysis by Smart Alice Web Design, smart web design for businesses who want a unique and effective presence on the internet.

Copyright 2010,  Alice Gebura,  All Rights Reserved.

I attended a workshop in Ikebana,  the Japanese art of flower arranging. The Ikebana concept that impressed me the most was that of visual motion.  Ikebana strives to keep the eye engaged by eliminating any element that would stop the continuous scanning motion of the eye.   Some examples of such eye stopping elements are:

  • Straight lines
  • 90 degree angles
  • Absence of  negative space (space between objects)

The photo to the left shows an Ikebana arrangement.

Example of Ikebana

Example of Ikebana

Notice the following:

  • Simplicity, only 3 elements: white calla lilies, pink azaleas and black tray
  • Curved lines, no straight lines
  • Only 5 upright flowers grouped as 3 + 2, creating negative space between the vertical elements, the stems
  • Negative space between the horizontal elements: calla lilies at the top,  azaleas and tray at the bottom

Despite the sparse, simple aesthetic, its visual interest  pulls you in and keeps you there.  Isn’t that what we want for our own web sites?

I gave some thought to how I could  apply this to web design.  I believe when you drill down and understand your goals and core values and how to realize them, you arrive at a truth that can be expressed simply and effectively.

If you don’t really understand who you are and what you’re doing, what better way to cover it up than to keep piling on more and more until you get a web site that looks like this:

hutchins for congress

Analysis by Smart Alice Web Design, smart web design for businesses who want a unique and effective presence on the internet.