{"id":10424,"date":"2020-09-16T15:30:51","date_gmt":"2020-09-16T19:30:51","guid":{"rendered":"https:\/\/kscgd.com\/2020fall\/gdp1\/?p=10424"},"modified":"2020-09-16T15:30:51","modified_gmt":"2020-09-16T19:30:51","slug":"principles-of-designs-and-gestalt-theory","status":"publish","type":"post","link":"https:\/\/kscgd.com\/2020fall\/gdp1\/2020\/09\/16\/principles-of-designs-and-gestalt-theory\/","title":{"rendered":"Principles of Designs and Gestalt Theory"},"content":{"rendered":"<h2>The Principles of Design<\/h2>\n<p>The following principles are only six of the eleven principles of design. These are known as the guidelines on how to use visual elements to create and exposition.<\/p>\n<h3>1. Repetition<\/h3>\n<p>This principle of design is when a component is repeated when other components with similar features and characteristics are arranged in a composition. In repetition, only one feature needs to be shared among the different components. The other features the components contain doesn&#8217;t matter, as long as one characteristic is the same. The characteristic that can share similar features is <strong>form\u00a0<\/strong>or\u00a0<strong>size<\/strong>. In design, repetition unifies, makes the design consistent, and shows the relationship between the components of the design.<\/p>\n<div id=\"attachment_10440\" style=\"width: 310px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-10440\" class=\"wp-image-10440 size-medium\" src=\"https:\/\/kscgd.com\/2020fall\/gdp1\/wp-content\/uploads\/2020\/09\/Screen-Shot-2020-09-16-at-2.01.01-PM-300x213.png\" alt=\"\" width=\"300\" height=\"213\" srcset=\"https:\/\/kscgd.com\/2020fall\/gdp1\/wp-content\/uploads\/2020\/09\/Screen-Shot-2020-09-16-at-2.01.01-PM-300x213.png 300w, https:\/\/kscgd.com\/2020fall\/gdp1\/wp-content\/uploads\/2020\/09\/Screen-Shot-2020-09-16-at-2.01.01-PM-768x545.png 768w, https:\/\/kscgd.com\/2020fall\/gdp1\/wp-content\/uploads\/2020\/09\/Screen-Shot-2020-09-16-at-2.01.01-PM.png 952w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><p id=\"caption-attachment-10440\" class=\"wp-caption-text\">This Apple ad represents the principle of repetition because the phones are repeatedly in line and are the same type of phone. The only thing different is their color.<\/p><\/div>\n<h3>2. Rhythm<\/h3>\n<p>When it comes to rhythm, there are different frequencies involved. There are two types of frequencies;\u00a0<strong>even<\/strong> and\u00a0<strong>uneven<\/strong>. When a frequency is\u00a0<strong>even<\/strong>, the components of the design have equal distance between them. And vice versa for an\u00a0<strong>uneven<\/strong> frequency. For a design to have rhythm, the component needs to have varying distances between several frequencies.<\/p>\n<p>There are <strong>five<\/strong> types of rhythm;<\/p>\n<p>Random- No specific distance between frequencies.<\/p>\n<p>Regular- Some distance between frequencies.<\/p>\n<p>Alternating- A &#8216;1-2-1-2-1-2&#8217; pattern.<\/p>\n<p>Flowing- A rhythm that follows bends and curves.<\/p>\n<p>Progressive- A rhythm that changes as they go along with each change building upon the previous.<\/p>\n<p>In design, rhythm influences emotion, creates excitement that builds over time, and it also creates reassurance.<\/p>\n<div id=\"attachment_10447\" style=\"width: 293px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-10447\" class=\"wp-image-10447 size-medium\" src=\"https:\/\/kscgd.com\/2020fall\/gdp1\/wp-content\/uploads\/2020\/09\/Screen-Shot-2020-09-16-at-2.14.43-PM-283x300.png\" alt=\"\" width=\"283\" height=\"300\" srcset=\"https:\/\/kscgd.com\/2020fall\/gdp1\/wp-content\/uploads\/2020\/09\/Screen-Shot-2020-09-16-at-2.14.43-PM-283x300.png 283w, https:\/\/kscgd.com\/2020fall\/gdp1\/wp-content\/uploads\/2020\/09\/Screen-Shot-2020-09-16-at-2.14.43-PM-965x1024.png 965w, https:\/\/kscgd.com\/2020fall\/gdp1\/wp-content\/uploads\/2020\/09\/Screen-Shot-2020-09-16-at-2.14.43-PM-768x815.png 768w, https:\/\/kscgd.com\/2020fall\/gdp1\/wp-content\/uploads\/2020\/09\/Screen-Shot-2020-09-16-at-2.14.43-PM.png 974w\" sizes=\"auto, (max-width: 283px) 100vw, 283px\" \/><p id=\"caption-attachment-10447\" class=\"wp-caption-text\">This milk ad follows the flowing rhythm. The viewer can follow the flowing milk and there is an eye pleasing wave of &#8216;milk&#8217;.<\/p><\/div>\n<h3>3. Balance<\/h3>\n<p>There are two properties of balance in design;\u00a0<strong>symmetrical <\/strong>and\u00a0<strong>asymmetrical<\/strong>.<\/p>\n<p>If a design is <strong>symmetrical<\/strong>, then if an imaginary line was drawn vertically, both sides would be the exact same. If the sides are different, then your design is <strong>asymmetrical<\/strong>. A design is considered balanced when all objects in the design, have visual equilibrium.<\/p>\n<div id=\"attachment_10443\" style=\"width: 237px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-10443\" class=\"wp-image-10443 size-medium\" src=\"https:\/\/kscgd.com\/2020fall\/gdp1\/wp-content\/uploads\/2020\/09\/Screen-Shot-2020-09-16-at-2.05.20-PM-227x300.png\" alt=\"\" width=\"227\" height=\"300\" srcset=\"https:\/\/kscgd.com\/2020fall\/gdp1\/wp-content\/uploads\/2020\/09\/Screen-Shot-2020-09-16-at-2.05.20-PM-227x300.png 227w, https:\/\/kscgd.com\/2020fall\/gdp1\/wp-content\/uploads\/2020\/09\/Screen-Shot-2020-09-16-at-2.05.20-PM-774x1024.png 774w, https:\/\/kscgd.com\/2020fall\/gdp1\/wp-content\/uploads\/2020\/09\/Screen-Shot-2020-09-16-at-2.05.20-PM-768x1016.png 768w, https:\/\/kscgd.com\/2020fall\/gdp1\/wp-content\/uploads\/2020\/09\/Screen-Shot-2020-09-16-at-2.05.20-PM.png 946w\" sizes=\"auto, (max-width: 227px) 100vw, 227px\" \/><p id=\"caption-attachment-10443\" class=\"wp-caption-text\">This advertisement for headphones represents balance because of it&#8217;s symmetrical design. If you were to draw an imaginary vertical line down the middle of this design, each side would be perfectly symmetrical.<\/p><\/div>\n<h3>4. Proportion\/Scale<\/h3>\n<p>In design, proportion refers to the relationship between objects, referencing their size and visual weight. When it comes to size, the larger the size of an object, the more importance it has. With visual weight, boldness of letters, emphasizes importance.<\/p>\n<div id=\"attachment_10445\" style=\"width: 218px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-10445\" class=\"wp-image-10445 size-medium\" src=\"https:\/\/kscgd.com\/2020fall\/gdp1\/wp-content\/uploads\/2020\/09\/Screen-Shot-2020-09-16-at-2.08.16-PM-208x300.png\" alt=\"\" width=\"208\" height=\"300\" srcset=\"https:\/\/kscgd.com\/2020fall\/gdp1\/wp-content\/uploads\/2020\/09\/Screen-Shot-2020-09-16-at-2.08.16-PM-208x300.png 208w, https:\/\/kscgd.com\/2020fall\/gdp1\/wp-content\/uploads\/2020\/09\/Screen-Shot-2020-09-16-at-2.08.16-PM-710x1024.png 710w, https:\/\/kscgd.com\/2020fall\/gdp1\/wp-content\/uploads\/2020\/09\/Screen-Shot-2020-09-16-at-2.08.16-PM-768x1107.png 768w, https:\/\/kscgd.com\/2020fall\/gdp1\/wp-content\/uploads\/2020\/09\/Screen-Shot-2020-09-16-at-2.08.16-PM.png 888w\" sizes=\"auto, (max-width: 208px) 100vw, 208px\" \/><p id=\"caption-attachment-10445\" class=\"wp-caption-text\">This ad uses proportion\/scale to promote mini pepsi cans. As a viewer can see, the thumb and index finger are pinching a tiny glass of pepsi. It enforces the message of promoting mini cans of pepsi.<\/p><\/div>\n<h3>5. Contrast<\/h3>\n<p>Contrast in design creates a focal point. This occurs when elements in the design have vastly different properties such as size, color, or shape. Contrast is used specifically to create focus, emphasize the most important element, and creating interesting visuals with differences between elements.<\/p>\n<p>Color contrast<\/p>\n<p>Shape contrast<\/p>\n<p>Scale contrast<\/p>\n<p>Type contrast<\/p>\n<div id=\"attachment_10444\" style=\"width: 208px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-10444\" class=\"wp-image-10444 size-medium\" src=\"https:\/\/kscgd.com\/2020fall\/gdp1\/wp-content\/uploads\/2020\/09\/Screen-Shot-2020-09-16-at-2.07.26-PM-198x300.png\" alt=\"\" width=\"198\" height=\"300\" srcset=\"https:\/\/kscgd.com\/2020fall\/gdp1\/wp-content\/uploads\/2020\/09\/Screen-Shot-2020-09-16-at-2.07.26-PM-198x300.png 198w, https:\/\/kscgd.com\/2020fall\/gdp1\/wp-content\/uploads\/2020\/09\/Screen-Shot-2020-09-16-at-2.07.26-PM-677x1024.png 677w, https:\/\/kscgd.com\/2020fall\/gdp1\/wp-content\/uploads\/2020\/09\/Screen-Shot-2020-09-16-at-2.07.26-PM-768x1161.png 768w, https:\/\/kscgd.com\/2020fall\/gdp1\/wp-content\/uploads\/2020\/09\/Screen-Shot-2020-09-16-at-2.07.26-PM.png 832w\" sizes=\"auto, (max-width: 198px) 100vw, 198px\" \/><p id=\"caption-attachment-10444\" class=\"wp-caption-text\">This coca cola ad represents contrast because the fork and knife create an image within them. The viewer can make out the very recognizable shape of a coca cola bottle.<\/p><\/div>\n<h3>6. White Space<\/h3>\n<p>White space is simply empty space within a design. It can also be referred to as negative space. White space emphasizes an object in composition, or in other words, creates focus.<\/p>\n<div id=\"attachment_10314\" style=\"width: 212px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-10314\" class=\"wp-image-10314 size-medium\" src=\"https:\/\/kscgd.com\/2020fall\/gdp1\/wp-content\/uploads\/2020\/09\/1200px-WWF_logo.svg_-202x300.png\" alt=\"\" width=\"202\" height=\"300\" srcset=\"https:\/\/kscgd.com\/2020fall\/gdp1\/wp-content\/uploads\/2020\/09\/1200px-WWF_logo.svg_-202x300.png 202w, https:\/\/kscgd.com\/2020fall\/gdp1\/wp-content\/uploads\/2020\/09\/1200px-WWF_logo.svg_-691x1024.png 691w, https:\/\/kscgd.com\/2020fall\/gdp1\/wp-content\/uploads\/2020\/09\/1200px-WWF_logo.svg_-768x1139.png 768w, https:\/\/kscgd.com\/2020fall\/gdp1\/wp-content\/uploads\/2020\/09\/1200px-WWF_logo.svg_-1036x1536.png 1036w, https:\/\/kscgd.com\/2020fall\/gdp1\/wp-content\/uploads\/2020\/09\/1200px-WWF_logo.svg_.png 1200w\" sizes=\"auto, (max-width: 202px) 100vw, 202px\" \/><p id=\"caption-attachment-10314\" class=\"wp-caption-text\">This is a great example of white space. Almost like contrast, the white space is used to create the shape of the panda.<\/p><\/div>\n<h2>Gestalt Theory<\/h2>\n<p>The word Gestalt is German and stands for a pattern, figure, form or structure that is unified. This psychology movement took off in Berlin in the 1920s. It was kicked off so that we could have a better understanding of how our minds perceive things in whole forms. Basically Gestalt explains when and how our minds perceive different visual components as being apart of the same group. Like said earlier, Gestalt theory is based on the idea that the human brain will will try to simplify and organize things by subconsciously arranging the parts into a system as a whole, rather than just a bunch of different elements. According to Cameron Chappman, our brains are built to see in structure and patterns to better understand things we see and the environment we are in. These were originally created by Max Wertheimer, Stephen Palmer, and other theorists. There are ten principles within the Gestalt Theory; simplicity, figure-ground, proximity, similarity, common fate, symmetry\/parallelism, continuity, closure, common region, and element connectedness. Gestalt is everywhere we look and it shifts the way that we think. I believe that we recognize Gestalt in society every day, but it&#8217;s just so common that nobody understands the science and meticulous placing of it.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>The Principles of Design The following principles are only six of the eleven principles of design. These are known as the guidelines on how to use visual elements to create and exposition. 1. Repetition This principle of design is when&hellip; <a href=\"https:\/\/kscgd.com\/2020fall\/gdp1\/2020\/09\/16\/principles-of-designs-and-gestalt-theory\/\" class=\"more-link\">Continue Reading <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":88,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[49,1],"tags":[],"class_list":["post-10424","post","type-post","status-publish","format-standard","hentry","category-04-design-principles","category-zero"],"_links":{"self":[{"href":"https:\/\/kscgd.com\/2020fall\/gdp1\/wp-json\/wp\/v2\/posts\/10424","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\/88"}],"replies":[{"embeddable":true,"href":"https:\/\/kscgd.com\/2020fall\/gdp1\/wp-json\/wp\/v2\/comments?post=10424"}],"version-history":[{"count":10,"href":"https:\/\/kscgd.com\/2020fall\/gdp1\/wp-json\/wp\/v2\/posts\/10424\/revisions"}],"predecessor-version":[{"id":10451,"href":"https:\/\/kscgd.com\/2020fall\/gdp1\/wp-json\/wp\/v2\/posts\/10424\/revisions\/10451"}],"wp:attachment":[{"href":"https:\/\/kscgd.com\/2020fall\/gdp1\/wp-json\/wp\/v2\/media?parent=10424"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/kscgd.com\/2020fall\/gdp1\/wp-json\/wp\/v2\/categories?post=10424"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kscgd.com\/2020fall\/gdp1\/wp-json\/wp\/v2\/tags?post=10424"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}