Why the Empty Space?

I have been meaning to write on this topic for sometime, but have kept putting it off. So here it is, a look at empty space and why designers love it and others do not. I started thinking about this because I was doing a project for work and had created this beautiful front cover for a program. The design only covered about one third of the area and was situated in the bottom left corner of the page. The design was sent back to me with a HUGE logo to cover the top portion of the program to “get rid of the empty space.”

So my question is, Why are people afraid of empty space? I have heard some of the following remarks: it’s boring, it doesn’t look like much time was spent on it, it’s too simple, or it makes it more interesting if it is all covered up.

It’s interesting that these are some of the reasons why “empty space” is a problem. First of all, empty space, or negative space or white space, as a designer would call it, is really important all on its own. Negative space allows us to focus in on what is important and to draw contrast between the foreground and background. The important thing is to make good use of your negative space

What do I mean by this? I mean, make your “empty space” count. Make it important. You do this by really creating an interesting shape with your background or doing things in the design that makes the foreground that much more important. 

I think the use of negative space and this question of “use of empty space” brings up the question of what a designer’s responsibilities are. Is our only job to to make things look pretty? I hope not. When I first got into design I felt like it was the perfect marriage between marketing and art. As far as I’m concerned, designers are organizers. We take visual information and organize it in a way that it is easy to understand visually. That’s why negative space is so important. We need it to help organize the different elements that need to co-exist and give accurate information.

One way to do this is to simplify your designs. Probably the most famous example of a designer who decided to simplify his design is Lucian Bernhard. This German designer entered a competition for Priester matches and started out with a design with multiple layers of information and imagery. He stripped away everything until all he had left was the brand name and image of the product. 

mp5712priester-matches-posters

He won the competition because the poster clearly showed off the product and brand name. As a designer, that’s our job. To create focal point, the area where the eye rests or concentrates, that is strong and lets the audience know right away what the message is.

Here are a few examples negative space used well. Look at them and think very carefully about what your eyes is drawn to. Is there a logically way that you automatically look at this? Are you reading it left to right? Top to bottom? Or does the designer push you another way. 

Saul Bass (famous for his movie poster)

 

saulbass

KidsHaus RoarGrowl

growl-roar

Milton Glaser’s Bob Dylan Poster

dylan_poster

Michelle Brusgaard Photograph

mb_dress

Ellen Lupton’s Thinking with Type Cover

thinkingwithtype

BluLima’s Let Them Eat Cake Screenprint Poster

letthemeatcake

These are just a few examples to get you thinking about negative space. One thing to be aware of is that negative space doesn’t have to be completely solid…it can be a pattern, texture…as long as it acts as the background. I just got a Nordstroms catalog in the mail that does this very thing. Lots of little watercolored silhouettes make up the background and add interest to the cover without taking away from the foreground image.

nordstroms

Here’s an article that explains how to use negative space in your artwork. They show some truly minimalist work where negative space is the main event. Check out the image with the -1. See how the use of texture still acts as negative space? Visit Tutorial 9.

negative1

 

Resources that you should check out!

Here’s a short article from a web designer who has a similar perspective on use of negative space. I like his short story and advice. Check out MyIntervals.

[ad]

Silhouette Design Store JOANN Stores

Foreground and Background: Learning to see

I think you’ll like this first lesson…it’s quick, but has lots of examples, which is always fun! The best part is once you understand background and foreground and how it works in design relationships, you will be able to see it in your scrapbook layouts, designs, or projects. It will give you a new sense of how space works FOR and AGAINST you.

Foreground (also called figure-ground) is essentially the focal point, the area in the front of a space. The background is the area that surrounds that focal point. This can be easily shown with a letter.
foreback_a1
Many times it is easier to see the background if the color is reversed out. As a designer, you have the be very aware of what the background is doing (also called negative space) because that may help you rearrange elements so that the foreground or figure is remembered BEST and the background is just that…background. 

Take a look at this example.
foreback_exampleb
This is a paper from my Bella BellaTM Collection at My Minds Eye. I’ve blocked out the background and foreground for you so you can see what I did. Even though there are several elements in this page, the two focal points both help create a dynamic background. The diagonal works both ways…from the bird to the tree as well as the blank space at the top moving between the two objects. It sort of makes an x. Do you see it? It’s what keeps this balanced. It’s not PERFECTLY balanced, which is what would have happened if the tree element had gone in the right-hand corner. Instead, it is moved away from the corner to give it a little more interest and to create that funky background-arrow (the negative space).

Many designers like to play with this idea of foreground-background. Check out this clip of 300. I am not promoting the violence (because wow, this is a bit violent for me!), but it does a great job of showing off (and extenuating) the foreground-background relationship. Be sure to pay attention when objects appear as one thing and then are transformed into another… Just watch the first 30 second to a minute of this and you will get the idea.

Did you notice the horse hair into grass (take a second look!) or the landscape into a face and helmet. There is such a high contract between the background and foreground in this that it makes the relationship prominent. 

Here’s another one I love (notice how I am showing a lot of black and white? The relatioship is easy to see when there is such a strong contrast). Here’s Lemony Snicket’s end credits:

Designers really push the limits when they create illusions with the foreground and background. Check this out:
profileblk
ylady

These is a classic examples of foreground and background used to create optical illusions. Do you see the young lady and old lady in the second one? I had to squint and squint to see the old lady and I even had to flip it in photoshop so I could stop looking at the young lady. Hopefully, you had better luck than me! (to see more images like this, go to

http://www.azhearing.com/optical-illusions.htm#yyy and take their test.

Okay, hopefully you get the gist of foreground-background. Just keep the background in mind as you build your images, patterns, and more.

Silhouette Design Store JOANN Stores