{"id":10479,"date":"2020-09-16T22:44:29","date_gmt":"2020-09-17T02:44:29","guid":{"rendered":"https:\/\/kscgd.com\/2020fall\/gdp1\/?p=10479"},"modified":"2020-09-23T17:03:30","modified_gmt":"2020-09-23T21:03:30","slug":"elements-of-design-gestalt-theory","status":"publish","type":"post","link":"https:\/\/kscgd.com\/2020fall\/gdp1\/2020\/09\/16\/elements-of-design-gestalt-theory\/","title":{"rendered":"Elements of Design &amp; Gestalt Theory"},"content":{"rendered":"<h3>Repetition<\/h3>\n\n\t\t<style type=\"text\/css\">\n\t\t\t#gallery-1 {\n\t\t\t\tmargin: auto;\n\t\t\t}\n\t\t\t#gallery-1 .gallery-item {\n\t\t\t\tfloat: left;\n\t\t\t\tmargin-top: 10px;\n\t\t\t\ttext-align: center;\n\t\t\t\twidth: 33%;\n\t\t\t}\n\t\t\t#gallery-1 img {\n\t\t\t\tborder: 2px solid #cfcfcf;\n\t\t\t}\n\t\t\t#gallery-1 .gallery-caption {\n\t\t\t\tmargin-left: 0;\n\t\t\t}\n\t\t\t\/* see gallery_shortcode() in wp-includes\/media.php *\/\n\t\t<\/style>\n\t\t<div id='gallery-1' class='gallery galleryid-10479 gallery-columns-3 gallery-size-thumbnail'><dl class='gallery-item'>\n\t\t\t<dt class='gallery-icon landscape'>\n\t\t\t\t<a href='https:\/\/kscgd.com\/2020fall\/gdp1\/2020\/09\/16\/elements-of-design-gestalt-theory\/714-prdo0fl-_ac_sy450_\/#main'><img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"150\" src=\"https:\/\/kscgd.com\/2020fall\/gdp1\/wp-content\/uploads\/2020\/09\/714-PrDo0fL._AC_SY450_-150x150.jpg\" class=\"attachment-thumbnail size-thumbnail\" alt=\"\" srcset=\"https:\/\/kscgd.com\/2020fall\/gdp1\/wp-content\/uploads\/2020\/09\/714-PrDo0fL._AC_SY450_-150x150.jpg 150w, https:\/\/kscgd.com\/2020fall\/gdp1\/wp-content\/uploads\/2020\/09\/714-PrDo0fL._AC_SY450_-300x300.jpg 300w, https:\/\/kscgd.com\/2020fall\/gdp1\/wp-content\/uploads\/2020\/09\/714-PrDo0fL._AC_SY450_-50x50.jpg 50w, https:\/\/kscgd.com\/2020fall\/gdp1\/wp-content\/uploads\/2020\/09\/714-PrDo0fL._AC_SY450_.jpg 450w\" sizes=\"auto, (max-width: 150px) 100vw, 150px\" \/><\/a>\n\t\t\t<\/dt><\/dl>\n\t\t\t<br style='clear: both' \/>\n\t\t<\/div>\n\n<p>Repetition is when a component of a piece appears multiple times, and usually in a pattern. This is what I&#8217;d consider a pretty classic example of repetition. It&#8217;s a piece of pop art by Andy Warhol that depicts several portraits of Marilyn Monroe. Here, the angle, shape, and expression of the face is the same in each square, but the colors are altered. Repetition only requires one element of the component to remain consistent, and that is the face in this case.<\/p>\n<h3>Balance<\/h3>\n\n\t\t<style type=\"text\/css\">\n\t\t\t#gallery-2 {\n\t\t\t\tmargin: auto;\n\t\t\t}\n\t\t\t#gallery-2 .gallery-item {\n\t\t\t\tfloat: left;\n\t\t\t\tmargin-top: 10px;\n\t\t\t\ttext-align: center;\n\t\t\t\twidth: 33%;\n\t\t\t}\n\t\t\t#gallery-2 img {\n\t\t\t\tborder: 2px solid #cfcfcf;\n\t\t\t}\n\t\t\t#gallery-2 .gallery-caption {\n\t\t\t\tmargin-left: 0;\n\t\t\t}\n\t\t\t\/* see gallery_shortcode() in wp-includes\/media.php *\/\n\t\t<\/style>\n\t\t<div id='gallery-2' class='gallery galleryid-10479 gallery-columns-3 gallery-size-full'><dl class='gallery-item'>\n\t\t\t<dt class='gallery-icon portrait'>\n\t\t\t\t<a href='https:\/\/kscgd.com\/2020fall\/gdp1\/2020\/09\/16\/elements-of-design-gestalt-theory\/09fa734b76236a57c28322a5098bff4f\/#main'><img loading=\"lazy\" decoding=\"async\" width=\"650\" height=\"963\" src=\"https:\/\/kscgd.com\/2020fall\/gdp1\/wp-content\/uploads\/2020\/09\/09fa734b76236a57c28322a5098bff4f.jpg\" class=\"attachment-full size-full\" alt=\"\" srcset=\"https:\/\/kscgd.com\/2020fall\/gdp1\/wp-content\/uploads\/2020\/09\/09fa734b76236a57c28322a5098bff4f.jpg 650w, https:\/\/kscgd.com\/2020fall\/gdp1\/wp-content\/uploads\/2020\/09\/09fa734b76236a57c28322a5098bff4f-202x300.jpg 202w\" sizes=\"auto, (max-width: 650px) 100vw, 650px\" \/><\/a>\n\t\t\t<\/dt><\/dl>\n\t\t\t<br style='clear: both' \/>\n\t\t<\/div>\n\n<p>Balance is when all the elements of a piece are in equilibrium. It can be either symmetrical, where all parts of a piece show an equal balance of elements, or asymmetrical, where elements are purposefully unequal. The poster above is an example of symmetrical balance, where a face takes up both sides of the poster. The star is perfectly aligned in the center and its lines follow the angle of their face. Also, notice the use of blue and red. Aside from the logo, blue is used just as much as red. All of the elements in this piece are perfectly balanced.<\/p>\n<h3>Proportion \/ Scale<\/h3>\n\n\t\t<style type=\"text\/css\">\n\t\t\t#gallery-3 {\n\t\t\t\tmargin: auto;\n\t\t\t}\n\t\t\t#gallery-3 .gallery-item {\n\t\t\t\tfloat: left;\n\t\t\t\tmargin-top: 10px;\n\t\t\t\ttext-align: center;\n\t\t\t\twidth: 33%;\n\t\t\t}\n\t\t\t#gallery-3 img {\n\t\t\t\tborder: 2px solid #cfcfcf;\n\t\t\t}\n\t\t\t#gallery-3 .gallery-caption {\n\t\t\t\tmargin-left: 0;\n\t\t\t}\n\t\t\t\/* see gallery_shortcode() in wp-includes\/media.php *\/\n\t\t<\/style>\n\t\t<div id='gallery-3' class='gallery galleryid-10479 gallery-columns-3 gallery-size-full'><dl class='gallery-item'>\n\t\t\t<dt class='gallery-icon portrait'>\n\t\t\t\t<a href='https:\/\/kscgd.com\/2020fall\/gdp1\/2020\/09\/16\/elements-of-design-gestalt-theory\/817wyrrdpl-_ac_sy741_\/#main'><img loading=\"lazy\" decoding=\"async\" width=\"504\" height=\"741\" src=\"https:\/\/kscgd.com\/2020fall\/gdp1\/wp-content\/uploads\/2020\/09\/817wYrRdPL._AC_SY741_.jpg\" class=\"attachment-full size-full\" alt=\"\" srcset=\"https:\/\/kscgd.com\/2020fall\/gdp1\/wp-content\/uploads\/2020\/09\/817wYrRdPL._AC_SY741_.jpg 504w, https:\/\/kscgd.com\/2020fall\/gdp1\/wp-content\/uploads\/2020\/09\/817wYrRdPL._AC_SY741_-204x300.jpg 204w\" sizes=\"auto, (max-width: 504px) 100vw, 504px\" \/><\/a>\n\t\t\t<\/dt><\/dl>\n\t\t\t<br style='clear: both' \/>\n\t\t<\/div>\n\n<p>When dealing with scale, an element that is greater in size tends to attract more attention. We recognize something that is bigger as having greater visual importance. In this poster, Godzilla is the largest element of the piece. We are naturally drawn to the monster more than anything else in the poster, and the surrounding buildings reveal just how massive it is.<\/p>\n<h3>White Space<\/h3>\n<p>&nbsp;<\/p>\n\n\t\t<style type=\"text\/css\">\n\t\t\t#gallery-4 {\n\t\t\t\tmargin: auto;\n\t\t\t}\n\t\t\t#gallery-4 .gallery-item {\n\t\t\t\tfloat: left;\n\t\t\t\tmargin-top: 10px;\n\t\t\t\ttext-align: center;\n\t\t\t\twidth: 33%;\n\t\t\t}\n\t\t\t#gallery-4 img {\n\t\t\t\tborder: 2px solid #cfcfcf;\n\t\t\t}\n\t\t\t#gallery-4 .gallery-caption {\n\t\t\t\tmargin-left: 0;\n\t\t\t}\n\t\t\t\/* see gallery_shortcode() in wp-includes\/media.php *\/\n\t\t<\/style>\n\t\t<div id='gallery-4' class='gallery galleryid-10479 gallery-columns-3 gallery-size-thumbnail'><dl class='gallery-item'>\n\t\t\t<dt class='gallery-icon portrait'>\n\t\t\t\t<a href='https:\/\/kscgd.com\/2020fall\/gdp1\/2020\/09\/16\/elements-of-design-gestalt-theory\/sunset-minimal-background-hd-wallpaper\/#main'><img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"150\" src=\"https:\/\/kscgd.com\/2020fall\/gdp1\/wp-content\/uploads\/2020\/09\/Sunset-Minimal-Background-HD-Wallpaper-150x150.jpg\" class=\"attachment-thumbnail size-thumbnail\" alt=\"\" srcset=\"https:\/\/kscgd.com\/2020fall\/gdp1\/wp-content\/uploads\/2020\/09\/Sunset-Minimal-Background-HD-Wallpaper-150x150.jpg 150w, https:\/\/kscgd.com\/2020fall\/gdp1\/wp-content\/uploads\/2020\/09\/Sunset-Minimal-Background-HD-Wallpaper-50x50.jpg 50w\" sizes=\"auto, (max-width: 150px) 100vw, 150px\" \/><\/a>\n\t\t\t<\/dt><\/dl>\n\t\t\t<br style='clear: both' \/>\n\t\t<\/div>\n\n<p>Also referred to as &#8220;negative space&#8221;, white space is the space left empty in a design. Leaving areas blank emphasizes what <em>is\u00a0<\/em>present, and avoids filling the design with distractions and unnecessary clutter. The design above really stood out to me, as it utilizes the dark blank space to create a mountain range against a dark sky. A whole landscape is being created here, despite the only actual element here being the red shape.<\/p>\n<h3>Contrast<\/h3>\n\n\t\t<style type=\"text\/css\">\n\t\t\t#gallery-5 {\n\t\t\t\tmargin: auto;\n\t\t\t}\n\t\t\t#gallery-5 .gallery-item {\n\t\t\t\tfloat: left;\n\t\t\t\tmargin-top: 10px;\n\t\t\t\ttext-align: center;\n\t\t\t\twidth: 33%;\n\t\t\t}\n\t\t\t#gallery-5 img {\n\t\t\t\tborder: 2px solid #cfcfcf;\n\t\t\t}\n\t\t\t#gallery-5 .gallery-caption {\n\t\t\t\tmargin-left: 0;\n\t\t\t}\n\t\t\t\/* see gallery_shortcode() in wp-includes\/media.php *\/\n\t\t<\/style>\n\t\t<div id='gallery-5' class='gallery galleryid-10479 gallery-columns-3 gallery-size-full'><dl class='gallery-item'>\n\t\t\t<dt class='gallery-icon portrait'>\n\t\t\t\t<a href='https:\/\/kscgd.com\/2020fall\/gdp1\/2020\/09\/16\/elements-of-design-gestalt-theory\/attachment\/679418835\/#main'><img loading=\"lazy\" decoding=\"async\" width=\"358\" height=\"507\" src=\"https:\/\/kscgd.com\/2020fall\/gdp1\/wp-content\/uploads\/2020\/09\/679418835.png\" class=\"attachment-full size-full\" alt=\"\" srcset=\"https:\/\/kscgd.com\/2020fall\/gdp1\/wp-content\/uploads\/2020\/09\/679418835.png 358w, https:\/\/kscgd.com\/2020fall\/gdp1\/wp-content\/uploads\/2020\/09\/679418835-212x300.png 212w\" sizes=\"auto, (max-width: 358px) 100vw, 358px\" \/><\/a>\n\t\t\t<\/dt><\/dl>\n\t\t\t<br style='clear: both' \/>\n\t\t<\/div>\n\n<p>Contrast is when elements have very different properties, and therefore stand out from one another. It can be achieved through color, size, shape, etc. The above poster has heavy use of contrast, but I&#8217;d argue the most prominent kind of contrast in use here is color contrast. The black silhouette of the man stands out against the larger red figure. There are no outlines, we can tell where one element begins and ends by the harsh change in color.<\/p>\n<h3>Unity<\/h3>\n\n\t\t<style type=\"text\/css\">\n\t\t\t#gallery-6 {\n\t\t\t\tmargin: auto;\n\t\t\t}\n\t\t\t#gallery-6 .gallery-item {\n\t\t\t\tfloat: left;\n\t\t\t\tmargin-top: 10px;\n\t\t\t\ttext-align: center;\n\t\t\t\twidth: 33%;\n\t\t\t}\n\t\t\t#gallery-6 img {\n\t\t\t\tborder: 2px solid #cfcfcf;\n\t\t\t}\n\t\t\t#gallery-6 .gallery-caption {\n\t\t\t\tmargin-left: 0;\n\t\t\t}\n\t\t\t\/* see gallery_shortcode() in wp-includes\/media.php *\/\n\t\t<\/style>\n\t\t<div id='gallery-6' class='gallery galleryid-10479 gallery-columns-3 gallery-size-full'><dl class='gallery-item'>\n\t\t\t<dt class='gallery-icon portrait'>\n\t\t\t\t<a href='https:\/\/kscgd.com\/2020fall\/gdp1\/2020\/09\/16\/elements-of-design-gestalt-theory\/attachment\/7814953\/#main'><img loading=\"lazy\" decoding=\"async\" width=\"375\" height=\"530\" src=\"https:\/\/kscgd.com\/2020fall\/gdp1\/wp-content\/uploads\/2020\/09\/7814953.jpg\" class=\"attachment-full size-full\" alt=\"\" srcset=\"https:\/\/kscgd.com\/2020fall\/gdp1\/wp-content\/uploads\/2020\/09\/7814953.jpg 375w, https:\/\/kscgd.com\/2020fall\/gdp1\/wp-content\/uploads\/2020\/09\/7814953-212x300.jpg 212w\" sizes=\"auto, (max-width: 375px) 100vw, 375px\" \/><\/a>\n\t\t\t<\/dt><\/dl>\n\t\t\t<br style='clear: both' \/>\n\t\t<\/div>\n\n<p>Unity involves creating a sense of similarity between the elements of a design. There are plenty of ways to achieve this, like through repetition, balance, etc. but the above example uses color. There are only a few colors being used in this piece, but the reason why it&#8217;s different from the previous example is because these colors aren&#8217;t so different from one another. They do not harshly contrast, they flow into each other. The whole composition has a more relaxed aesthetic, achieved by sing softer colors.\\<\/p>\n<h3>Gestalt Theory<\/h3>\n<p>Gestalt theory is based on the idea that when we see multiple different objects or elements, our brains tries to make sense of them by grouping them together, bringing these different elements into one whole. Our brains are trained to find patterns and structure so we have an easier time analyzing information. Understanding this theory seems to be crucial to creating effective graphic designs. When incorporating different elements into a design, it&#8217;s important that they all feel as if though they belong together. I know Gestalt theory to be true, it is all around us in our daily lives. I just now looked up at my desk and saw how I organized a group of three LED candles. Then I looked at how I&#8217;ve organized pictures on my wall. And when it comes to graphic design, my experience informs my understanding of this theory in the sense that I&#8217;ve see many designs that utilize different objects to form a picture that isn&#8217;t actually there, but is just in our minds.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Repetition Repetition is when a component of a piece appears multiple times, and usually in a pattern. This is what I&#8217;d consider a pretty classic example of repetition. It&#8217;s a piece of pop art by Andy Warhol that depicts several&hellip; <a href=\"https:\/\/kscgd.com\/2020fall\/gdp1\/2020\/09\/16\/elements-of-design-gestalt-theory\/\" class=\"more-link\">Continue Reading <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":92,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[49],"tags":[],"class_list":["post-10479","post","type-post","status-publish","format-standard","hentry","category-04-design-principles"],"_links":{"self":[{"href":"https:\/\/kscgd.com\/2020fall\/gdp1\/wp-json\/wp\/v2\/posts\/10479","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kscgd.com\/2020fall\/gdp1\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kscgd.com\/2020fall\/gdp1\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kscgd.com\/2020fall\/gdp1\/wp-json\/wp\/v2\/users\/92"}],"replies":[{"embeddable":true,"href":"https:\/\/kscgd.com\/2020fall\/gdp1\/wp-json\/wp\/v2\/comments?post=10479"}],"version-history":[{"count":4,"href":"https:\/\/kscgd.com\/2020fall\/gdp1\/wp-json\/wp\/v2\/posts\/10479\/revisions"}],"predecessor-version":[{"id":10512,"href":"https:\/\/kscgd.com\/2020fall\/gdp1\/wp-json\/wp\/v2\/posts\/10479\/revisions\/10512"}],"wp:attachment":[{"href":"https:\/\/kscgd.com\/2020fall\/gdp1\/wp-json\/wp\/v2\/media?parent=10479"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/kscgd.com\/2020fall\/gdp1\/wp-json\/wp\/v2\/categories?post=10479"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kscgd.com\/2020fall\/gdp1\/wp-json\/wp\/v2\/tags?post=10479"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}