<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Jeremy Bolton &#124; Graphic Designer &#187; Gestalt Principles</title>
	<atom:link href="http://jeremybolton.com/category/gestalt-principles/feed/" rel="self" type="application/rss+xml" />
	<link>http://jeremybolton.com</link>
	<description>A Creative Soul Inspired</description>
	<lastBuildDate>Thu, 29 Mar 2012 18:29:57 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>Gestalt Principle: The Law of Proximity</title>
		<link>http://jeremybolton.com/2010/08/gestalt-principle-the-law-of-proximity/</link>
		<comments>http://jeremybolton.com/2010/08/gestalt-principle-the-law-of-proximity/#comments</comments>
		<pubDate>Sun, 01 Aug 2010 20:56:07 +0000</pubDate>
		<dc:creator>Jeremy</dc:creator>
				<category><![CDATA[Featured]]></category>
		<category><![CDATA[Gestalt Principles]]></category>
		<category><![CDATA[Chaos]]></category>
		<category><![CDATA[Closeness]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[Gestalt Principle]]></category>
		<category><![CDATA[Humans]]></category>
		<category><![CDATA[Law of Closure]]></category>
		<category><![CDATA[Law of Proximity]]></category>
		<category><![CDATA[Logo]]></category>
		<category><![CDATA[Logos]]></category>
		<category><![CDATA[Order]]></category>
		<category><![CDATA[Unity]]></category>
		<category><![CDATA[Viewer]]></category>

		<guid isPermaLink="false">http://jeremybolton.com/?p=2345</guid>
		<description><![CDATA[The law of proximity is one of the most fascinating gestalt principles to me. It shows just how much our brains work at trying to make order out of chaos. To put it simply the law of proximity states that when objects appear close to one another they tend to be perceived as a group. [...]]]></description>
			<content:encoded><![CDATA[<p>The law of proximity is one of the most fascinating gestalt principles to me. It shows just how much our brains work at trying to make order out of chaos. To put it simply the law of proximity states that when objects appear close to one another they tend to be perceived as a group.</p>
<p>Take constellations for example. When we look at the night sky we look for stars that are close to one another and try to find some sort of meaning. Based on their proximity to one another we have clustered groups of stars and given them specific names and shapes such as <a title="The Big Dipper" href="http://en.wikipedia.org/wiki/Big_Dipper" target="_self">The Big Dipper</a> or <a title="Orion's Belt" href="http://en.wikipedia.org/wiki/Big_Dipper" target="_self">Orion&#8217;s Belt</a>. We have essentially created meaning out of randomness.</p>
<p>Look at the image of circles below. On the left side it appears that the circles are haphazardly placed in no particular order. On the right side, even though the same circles are used, it is clear to us that the shape of a triangle has been formed. Our minds have found a unity amongst the shapes based on their proximity to one another.</p>
<div id="attachment_2609" class="wp-caption aligncenter" style="width: 496px"><a href="http://jeremybolton.com/wp-content/uploads/2010/07/gestalt_proximity_jeremy_bolton.jpg"><img class="size-full wp-image-2609" title="The Law of Proximity | Jeremy Bolton" src="http://jeremybolton.com/wp-content/uploads/2010/07/gestalt_proximity_jeremy_bolton.jpg" alt="The Law of Proximity | Jeremy Bolton" width="486" height="200" /></a><p class="wp-caption-text">The Law of Proximity | Jeremy Bolton</p></div>
<p><span id="more-2345"></span>We take comfort in the fact that something has a purpose, even if we have to be creative in how we form that purpose. This natural process of the brain can be used to a designers advantage when creating logos.</p>
<p>Look at the Adidas logo below. The version on the left shows the various pieces of the logo randomly spread apart. Now look at the logo as a cohesive unit on the right. The same pieces are used on both the right and the left. The only difference is their proximity to one another. Although the Adidas logo may not create any specific form, our minds create an order and cohesiveness because of how close the shapes are to one another. We begin to notice how each shape relates to the other based on their proximity.</p>
<div id="attachment_2613" class="wp-caption aligncenter" style="width: 496px"><a href="http://jeremybolton.com/wp-content/uploads/2010/07/adidas_logo_jeremy_bolton.jpg"><img class="size-full wp-image-2613" title="Adidas Logo | Jeremy Bolton" src="http://jeremybolton.com/wp-content/uploads/2010/07/adidas_logo_jeremy_bolton.jpg" alt="Adidas Logo | Jeremy Bolton" width="486" height="200" /></a><p class="wp-caption-text">Adidas Logo | Jeremy Bolton</p></div>
<p>In order for the law of proximity to work effectively it must be noted that empty or &#8220;white&#8221; space must also be provided within a design. This gives objects a defined space in which to relate. Take the Sun Mircosystems logo for instance. With no white space given to the logo our mind picks up a pattern rather than a single instance of the logo as you can see below.</p>
<div id="attachment_2619" class="wp-caption aligncenter" style="width: 496px"><a href="http://jeremybolton.com/wp-content/uploads/2010/07/Sun_Logo_Jeremy_Bolton.jpg"><img class="size-full wp-image-2619" title="Sun Microsystems Pattern | Jeremy Bolton" src="http://jeremybolton.com/wp-content/uploads/2010/07/Sun_Logo_Jeremy_Bolton.jpg" alt="Sun Microsystems Pattern | Jeremy Bolton" width="486" height="200" /></a><p class="wp-caption-text">Sun Microsystems Pattern | Jeremy Bolton</p></div>
<p>When a single instance of the logo is given enough empty space to breathe we can start to see how the proximity of the positive shapes relate to one another . With all the clutter taken away it is now easier to see how the &#8220;U&#8221; shape is used to create the &#8220;s&#8221;, &#8220;u&#8221;, and &#8220;n&#8221; in the word sun. This means the empty space around a logo is just as important as the logo itself.</p>
<div id="attachment_2618" class="wp-caption aligncenter" style="width: 496px"><a href="http://jeremybolton.com/wp-content/uploads/2010/07/Sun_2_Logo_Jeremy_Bolton.jpg"><img class="size-full wp-image-2618" title="Sun Microsystems Logo | Jeremy Bolton" src="http://jeremybolton.com/wp-content/uploads/2010/07/Sun_2_Logo_Jeremy_Bolton.jpg" alt="Sun Microsystems Logo | Jeremy Bolton" width="486" height="200" /></a><p class="wp-caption-text">Sun Microsystems Logo | Jeremy Bolton</p></div>
<p>It is worth noting the difference between the gestalt law of proximity and <a title="The Gestalt Law of Closure" href="http://jeremybolton.com/2009/09/gestalt-design-principles-the-law-of-closure/" target="_self">the law of closure</a>. Both relate to the idea of how shapes relate to one another. However, the law of closure takes into account that to be successful the viewer must help &#8220;complete&#8221; the shape by filling in missing pieces of the design (as with the <a title="WWF Logo" href="http://jeremybolton.com/2009/09/gestalt-design-principles-the-law-of-closure/" target="_self">WWF logo</a>). The law of proximity is not looking for the viewer to fill in any missing gaps, but rather assumes that all of the objects are considered a single group based on their nearness to one another. Here are a few examples of logos that use the law of proximity effectively.</p>
<p>The Best logo uses the proximity of each letter to easily show an increase in letter height.</p>
<div id="attachment_2658" class="wp-caption aligncenter" style="width: 496px"><a href="http://jeremybolton.com/wp-content/uploads/2010/08/best_logo_proximity_jeremy_bolton.jpg"><img class="size-full wp-image-2658" title="Best Logo" src="http://jeremybolton.com/wp-content/uploads/2010/08/best_logo_proximity_jeremy_bolton.jpg" alt="Best Logo" width="486" height="200" /></a><p class="wp-caption-text">Best Logo</p></div>
<p>The NYNEX would not be as effective if the &#8220;E&#8221; and the &#8220;X&#8221; were not so close to one another. Having each letter so close to the next helps the eyes transition from one set of white lines created in the &#8220;E&#8221; to the set placed inside the letter &#8220;X&#8221;, making it feel as though they are the same line.</p>
<div id="attachment_2660" class="wp-caption aligncenter" style="width: 496px"><a href="http://jeremybolton.com/wp-content/uploads/2010/08/nynex_logo_proximity_jeremy_bolton.jpg"><img class="size-full wp-image-2660" title="NYNEX Logo" src="http://jeremybolton.com/wp-content/uploads/2010/08/nynex_logo_proximity_jeremy_bolton.jpg" alt="NYNEX Logo" width="486" height="200" /></a><p class="wp-caption-text">NYNEX Logo</p></div>
<p>The London Docklands Development Project uses the close placement of each element to create a complete picture, something that may be lost if the proximity of each element was placed further apart from one another.</p>
<div id="attachment_2659" class="wp-caption aligncenter" style="width: 496px"><a href="http://jeremybolton.com/wp-content/uploads/2010/08/london_docklands_logo_proximity_jeremy_bolton.jpg"><img class="size-full wp-image-2659" title="London Docklands Development Project Logo" src="http://jeremybolton.com/wp-content/uploads/2010/08/london_docklands_logo_proximity_jeremy_bolton.jpg" alt="London Docklands Development Project Logo" width="486" height="200" /></a><p class="wp-caption-text">London Docklands Development Project Logo</p></div>
<p>The Gestalt law of proximity may be a little more subtle then the other laws, but when used correctly it can be just as helpful in creating logos that are effective and timeless.</p>
]]></content:encoded>
			<wfw:commentRss>http://jeremybolton.com/2010/08/gestalt-principle-the-law-of-proximity/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Gestalt Principle: The Law of Similarity &amp; Anomaly</title>
		<link>http://jeremybolton.com/2009/10/gestalt-design-principles-the-law-of-similarity-anomaly/</link>
		<comments>http://jeremybolton.com/2009/10/gestalt-design-principles-the-law-of-similarity-anomaly/#comments</comments>
		<pubDate>Mon, 26 Oct 2009 16:56:04 +0000</pubDate>
		<dc:creator>Jeremy</dc:creator>
				<category><![CDATA[Design Principles]]></category>
		<category><![CDATA[Gestalt Principles]]></category>
		<category><![CDATA[Logos]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[Gestalt]]></category>
		<category><![CDATA[Graphic Design]]></category>
		<category><![CDATA[Law of Anomaly]]></category>
		<category><![CDATA[Law of Similarity]]></category>
		<category><![CDATA[Principles]]></category>

		<guid isPermaLink="false">http://jeremybolton.com/?p=1360</guid>
		<description><![CDATA[Patterns are everywhere we go and our minds can&#8217;t help but recognize when a pattern is formed. These patterns can be found in manmade objects such as fabrics or wallpaper; or in nature such as the patterns found on a giraffe or the bark of a tree. We are inclined to look for visual patterns [...]]]></description>
			<content:encoded><![CDATA[<p>Patterns are everywhere we go and our minds can&#8217;t help but recognize when a pattern is formed. These patterns can be found in manmade objects such as fabrics or wallpaper; or in nature such as the patterns found on a giraffe or the bark of a tree.</p>
<p>We are inclined to look for visual patterns wether we realize it or not. This is why the Gestalt Principle of similarity works so well when designing logos. The principle of similarity states that objects which share visual features such as shape, size, color, texture, value or orientation will be understood as belonging together. When designing logos we can use this &#8220;pattern searching&#8221; part of our brain to give a logo unity and interest.</p>
<div id="attachment_1388" class="wp-caption aligncenter" style="width: 496px"><img class="size-full wp-image-1388" title="Health Unlimited Logo by The Partners, 1992" src="http://jeremybolton.com/wp-content/uploads/2009/10/health_unlimited_logo_jeremy_bolton1.jpg" alt="Health Unlimited Logo by The Partners, 1992" width="486" height="159" /><p class="wp-caption-text">Health Unlimited Logo by The Partners, 1992</p></div>
<p><span id="more-1360"></span>Lets take a look at a few examples of how similarity is successfully used in logo design. As you can see in the Health Unlimited logo (above) the similarity between the cross and the moving person is easily discerned. Though each of the shapes between the first and the last are slightly different our minds still sees enough of a resemblance to unite them together. The use of the solid black color for each of the shapes also serves to link each shape to the others.</p>
<div id="attachment_1372" class="wp-caption alignright" style="width: 244px"><img class="size-full wp-image-1372 " title="Reuters Old and New Logo " src="http://jeremybolton.com/wp-content/uploads/2009/10/reuters_logos_jeremy_bolton.jpg" alt="Reuters Old and New Logo " width="234" height="200" /><p class="wp-caption-text">Reuters Old and New Logo</p></div>
<p>In both the old and new Reuters logo similar color and dot sizes are used to make the logos cohesive even though the dots never touch. In the old logo the various letters of the word &#8220;reuters&#8221; are easily legible because the dots share a similar size and color. The current logo adds a more dynamic feel by using slightly varying dot sizes while still being linked together by the use of the orange color.</p>
<p>But it isn&#8217;t only similarities that our mind recognizes. We also notice when something is out of order or disrupting a pattern. This is known as an anomaly and it also works well in logo design. As you can see below both the Exxon and Mobil logos make use of a design anomaly in order to add interest. In the Exxon logo the two x&#8217;s breaking out of the <a href="http://jeremybolton.com/2009/08/glossary-of-typography-terms/">baseline and cap height</a> create the anomaly. In the Mobil logo the use of the red &#8220;o&#8221; becomes the anomaly when all the other letters in the name are in blue.</p>
<div id="attachment_1390" class="wp-caption aligncenter" style="width: 496px"><img class="size-full wp-image-1390" title="Exxon Logo by R. Lowey, 1971, Mobil Logo by Chermayeff &amp; Geismar, 1965" src="http://jeremybolton.com/wp-content/uploads/2009/10/exxon_mobil_logos_jeremy_bolton1.jpg" alt="Exxon Logo by R. Lowey, 1971, Mobil Logo by Chermayeff &amp; Geismar, 1965" width="486" height="200" /><p class="wp-caption-text">Exxon Logo by R. Lowey, 1971, Mobil Logo by Chermayeff &amp; Geismar, 1965</p></div>
<p>Both similarity and anomaly create logos that are visually interesting and cohesive. Patterns or anomalies don&#8217;t need to be over the top in order to get their point across. When designing a logo remember that the viewer&#8217;s mind will pick up even subtle patterns or interruptions in those patterns. In short: keep it simple!</p>
]]></content:encoded>
			<wfw:commentRss>http://jeremybolton.com/2009/10/gestalt-design-principles-the-law-of-similarity-anomaly/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Now That&#8217;s Clever! &#8211; Popchips Logo</title>
		<link>http://jeremybolton.com/2009/09/now-thats-clever-popchips-logo/</link>
		<comments>http://jeremybolton.com/2009/09/now-thats-clever-popchips-logo/#comments</comments>
		<pubDate>Tue, 29 Sep 2009 22:38:10 +0000</pubDate>
		<dc:creator>Jeremy</dc:creator>
				<category><![CDATA[Design Principles]]></category>
		<category><![CDATA[Gestalt Principles]]></category>
		<category><![CDATA[Inspiration]]></category>
		<category><![CDATA[Logos]]></category>
		<category><![CDATA[Now That's Clever!]]></category>
		<category><![CDATA[Typography]]></category>
		<category><![CDATA[Chips]]></category>
		<category><![CDATA[Cleve]]></category>
		<category><![CDATA[Closure]]></category>
		<category><![CDATA[Logo]]></category>
		<category><![CDATA[Negative Space]]></category>
		<category><![CDATA[Pop]]></category>

		<guid isPermaLink="false">http://jeremybolton.com/?p=1322</guid>
		<description><![CDATA[I came across this logo and package design in a fitness magazine advertisement last month. I think this design made some great use of the Gestalt Law of closure. The letter &#8220;o&#8221; and &#8220;i&#8221; are entirely created using only negative space and the edges of the surrounding letters. I think the letter &#8220;i&#8221; is especially clever [...]]]></description>
			<content:encoded><![CDATA[<div id="attachment_1321" class="wp-caption aligncenter" style="width: 483px"><img class="size-full wp-image-1321" title="Popchips Logo" src="http://jeremybolton.com/wp-content/uploads/2009/09/pop_chips_jeremy_bolton.jpg" alt="Popchips Logo" width="473" height="340" /><p class="wp-caption-text">Popchips Logo</p></div>
<div id="attachment_1323" class="wp-caption aligncenter" style="width: 483px"><img class="size-full wp-image-1323" title="Popchips Packaging" src="http://jeremybolton.com/wp-content/uploads/2009/09/pop_chips_packaging_jeremy_bolton.jpg" alt="Popchips Packaging" width="473" height="340" /><p class="wp-caption-text">Popchips Packaging</p></div>
<p>I came across this logo and package design in a fitness magazine advertisement last month. I think this design made some great use of the Gestalt Law of <a title="Gestalt Law of Closure" href="http://jeremybolton.com/2009/09/gestalt-design-principles-the-law-of-closure/" target="_self">closure</a>. The letter &#8220;o&#8221; and &#8220;i&#8221; are entirely created using only negative space and the edges of the surrounding letters. I think the letter &#8220;i&#8221; is especially clever while still being easily legible. What do you think of the Popchips logo?</p>
]]></content:encoded>
			<wfw:commentRss>http://jeremybolton.com/2009/09/now-thats-clever-popchips-logo/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Gestalt Principle: The Law of Closure</title>
		<link>http://jeremybolton.com/2009/09/gestalt-design-principles-the-law-of-closure/</link>
		<comments>http://jeremybolton.com/2009/09/gestalt-design-principles-the-law-of-closure/#comments</comments>
		<pubDate>Thu, 10 Sep 2009 13:43:27 +0000</pubDate>
		<dc:creator>Jeremy</dc:creator>
				<category><![CDATA[Design Principles]]></category>
		<category><![CDATA[Gestalt Principles]]></category>
		<category><![CDATA[Logos]]></category>
		<category><![CDATA[Closure]]></category>
		<category><![CDATA[Gestalt]]></category>
		<category><![CDATA[Law of Closure]]></category>
		<category><![CDATA[Logo]]></category>
		<category><![CDATA[Principles]]></category>

		<guid isPermaLink="false">http://jeremybolton.com/?p=1049</guid>
		<description><![CDATA[Most people know when a logo design is successful, whether or not they have a background in graphic design. But what is it about logo designs that make them successful? And on the flip side, what causes so many poorly designed logos to fail? I will tackle this exact subject in a series of posts [...]]]></description>
			<content:encoded><![CDATA[<p>Most people know when a logo design is successful, whether or not they have a background in graphic design. But what is it about logo designs that make them successful? And on the flip side, what causes so many poorly designed logos to fail? I will tackle this exact subject in a series of posts that will delve into the design principles used to create effective logos.</p>
<p>First up let&#8217;s take a look at the Gestalt Principle (or law), also known as the “Law of Simplicity.” The Gestalt Principle is a theory that says our minds self-organize information in a manner that is orderly, regular, symmetric, and simple. This means that when we see a cluster of lines and shapes our minds attempt to organize them into a single, cohesive form, rather than a collection of individual parts. It should go without saying that the Gestalt Principles are extremely helpful when trying to understand how a logo will be perceived by an audience.</p>
<div id="attachment_1103" class="wp-caption alignright" style="width: 240px"><img class="size-full wp-image-1103 " title="WWF Logo Showing Closure" src="http://jeremybolton.com/wp-content/uploads/2009/09/wwf_logo_closure_jeremy_bolton.jpg" alt="WWF Logo Showing Closure" width="230" height="220" /><p class="wp-caption-text">WWF Logo Using Closure</p></div>
<p>So let’s jump right in and take a look at the law of closure. Just to be clear the law of closure will not help you bury the hatchet with your “ex.” (That kind of closure is a lot tougher to figure out).</p>
<p>The kind of closure we are talking about occurs when a series of visual elements suggest a connection between one another, when, in fact, they never actually touch.</p>
<p>A great example of this is the World Wide Fund For Nature designed by Sir Peter Scott in 1961. The image of the panda is not complete because the areas of white on the panda are not defined by a stroke or shape. However, our minds still recognize the shape of the panda and complete (or close) the two areas of white in order to make sense of the panda’s head and body.<br />
<span id="more-1049"></span><br />
Using the law of closure makes any logo more interesting. Paul Rand’s original design for the IBM logo in 1956 used solid letterforms based on the typeface City. It was only later, in 1960, that he used eight solid lines, separated by empty space, to add interest to the logo design. Both versions represent the same three letters, but using the law of closure makes the mark all that more interesting and causes the name to stand out amongst it&#8217;s competition.</p>
<div id="attachment_1101" class="wp-caption aligncenter" style="width: 496px"><img class="size-full wp-image-1101" title="IBM Logo " src="http://jeremybolton.com/wp-content/uploads/2009/09/ibm_logo_change_jeremy_bolton.jpg" alt="IBM Logo " width="486" height="200" /><p class="wp-caption-text">IBM Logo </p></div>
<p>Other examples of closure in classic logo designs can be seen in the Playboy rabbit logo created by Arthur Paul in 1953 and the NBC Peacock logo designed by Chermayeff &amp; Geismar in 1986. In both instances shapes are placed near one another, but, as you can see, none of the shapes actually touch. This causes us to think a bow-tie or a peacock is present.</p>
<div id="attachment_1109" class="wp-caption aligncenter" style="width: 496px"><img class="size-full wp-image-1109" title="Playboy Logo &amp; NBC Logo Using Closure" src="http://jeremybolton.com/wp-content/uploads/2009/09/playboy_nbc_logos_jeremy_bolton.jpg" alt="Playboy Logo &amp; NBC Logo Using Closure" width="486" height="200" /><p class="wp-caption-text">Playboy Logo &amp; NBC Logo Using Closure</p></div>
<p>Using closure in your logo designs is a great way to add interest and help your client stand out. When used correctly it only subtly hints at what it is trying to represent, but is always easily identifiable upon closer examination. So the next time you are sketching out logo ideas for a client see if you can work in a few solutions that use closure. It may be the difference that makes or breaks the logo.</p>
]]></content:encoded>
			<wfw:commentRss>http://jeremybolton.com/2009/09/gestalt-design-principles-the-law-of-closure/feed/</wfw:commentRss>
		<slash:comments>9</slash:comments>
		</item>
	</channel>
</rss>

