Negative & Positive Space

The use of negative space in modern day design can really improve the way it is perceived by its user. It is a flat simple way of designing that still allows the user to easily understand what is going on in the image. It has been used in art for years, and an early example would be Rubin’s Vase, an optical illusion which allows the viewer decide what they see.
514_400x400_NoPeel
In modern days, it has excellent use in logo and web design.  It allows you to create multiple ways to view the same content, but also uses the blank space to emphasise its content, as you can see here in some excellent examples;
Im-Loving-it Moon-Song Song-Bird-Tang-Yau-Hoong

In logo design it can also help give the logo additional meaning it wouldn’t otherwise have, as you can see in some of these examples;
negative-space-logos-45 negative-space-logos-21 negative-space-logos-16

Positive space is the actual object whereas the negative space is the space around that. In design if you mask each space in black and white, so the object stands out and then you flip it around, it allows you see the same image in a new perspective. You can see what I mean here;
stool1 stool2 stool3
By being generous with the amount of space that you give objects within a design you allow them to breathe makes them much more defined and eye catching, and the flow of content will progress much easier, and it will allow the user to be much more engaged.

Screen Shot 2014-11-17 at 01.56.33 Screen Shot 2014-11-17 at 01.56.51
This can even be used in type with things like line height and letter spacing, as you can see above there are clear differences with the way you layout type.
References;

Art
http://www.creativebloq.com/art/art-negative-space-8133765
http://tangyauhoong.com
http://tangyauhoong.com/portfolio/the-art-of-negative-space/

logos
http://www.boredpanda.com/negative-space-logos/

positive and negative space
http://thevirtualinstructor.com/positive-and-negative-space.html
http://artinspired.pbworks.com/w/page/13819678/Positive%20and%20Negative%20Space


http://www.photographymad.com/pages/view/understanding-and-using-negative-space-in-photography
http://www.sitepoint.com/a-solid-understanding-of-negative-space/

http://images.cpcache.com/merchandise/514_400x400_NoPeel.jpg?region=name:FrontCenter,id:33120471,w:16

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s