{"id":10548,"date":"2020-09-17T09:08:42","date_gmt":"2020-09-17T13:08:42","guid":{"rendered":"https:\/\/kscgd.com\/2020fall\/gdp2\/?p=10548"},"modified":"2020-09-17T09:08:42","modified_gmt":"2020-09-17T13:08:42","slug":"principles-of-design","status":"publish","type":"post","link":"https:\/\/kscgd.com\/2020fall\/gdp2\/2020\/09\/17\/principles-of-design\/","title":{"rendered":"Principles of Design"},"content":{"rendered":"<h2>Gestalt Theory<\/h2>\n<p>Gestalt theory is based on the idea that our brains will naturally try to simplify complex things by organizing elements and recognizing patterns within the elements.\u00a0Using this theory, designers can create aesthetically pleasing and user friendly designs that will make sense to the viewer. The main principles of Gestalt theory are:<\/p>\n<ul>\n<li><strong>Figure\/Ground<\/strong> &#8211; When a design takes advantage of negative space to convey multiple messages. This provokes the brain to decide which message is in the foreground and which is in the background.<\/li>\n<li><strong>Proximity\u00a0<\/strong>&#8211; How close to one another the elements of a design are.<\/li>\n<li><strong>Similarity<\/strong> &#8211; The brain automatically groups together like elements in a design.<\/li>\n<li><strong>Symmetry<\/strong> &#8211; The brain perceives ambiguous elements in as simple a manner as possible.<\/li>\n<li><strong>Continuity<\/strong> &#8211; Our eyes will follow the smoothest path when viewing lines, regardless of how the lines were originally drawn.<\/li>\n<li><strong>Closure<\/strong> &#8211; The brain automatically fits in &#8220;missing&#8221; elements or parts of the design.<\/li>\n<\/ul>\n<p>In addition to the principles of gestalt theory, there are additional principles of design that help us to further understand how designs are perceived. These include repetition, rhythm, movement, balance, white space, proportion, contrast, emphasis, hierarchy, variety, and unity.<\/p>\n<hr \/>\n<h3>Variety<\/h3>\n<p>Variety is the idea that there are various different elements in a design that break up the monotony of a design or image. Elements could be different sizes, colors, or different from each other all together. I see variety in the image below because not all of the pots are the same, and each succulent is different from each other, however I do see a sense of unity despite the differences. I think the variety in the pots and the succulents themselves is what makes this image visually pleasing.<\/p>\n<p><a href=\"https:\/\/kscgd.com\/2020fall\/gdp2\/?attachment_id=10551#main\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-10551 size-large\" src=\"https:\/\/kscgd.com\/2020fall\/gdp2\/wp-content\/uploads\/2020\/09\/Variety-1024x768.jpg\" alt=\"\" width=\"640\" height=\"480\" srcset=\"https:\/\/kscgd.com\/2020fall\/gdp2\/wp-content\/uploads\/2020\/09\/Variety-1024x768.jpg 1024w, https:\/\/kscgd.com\/2020fall\/gdp2\/wp-content\/uploads\/2020\/09\/Variety-300x225.jpg 300w, https:\/\/kscgd.com\/2020fall\/gdp2\/wp-content\/uploads\/2020\/09\/Variety-768x576.jpg 768w, https:\/\/kscgd.com\/2020fall\/gdp2\/wp-content\/uploads\/2020\/09\/Variety-1536x1152.jpg 1536w, https:\/\/kscgd.com\/2020fall\/gdp2\/wp-content\/uploads\/2020\/09\/Variety-2048x1536.jpg 2048w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/><\/a><\/p>\n<hr \/>\n<h3>Movement<\/h3>\n<p>Movement in design is the idea that elements guide the eyes to a certain spot in the design. The image below is a colander in my kitchen that, in my opinion, makes use of both similarity and movement at the same time. The colander has tiny holes all over, but the spacing and perspective of the camera helps to guide the eyes to the bottom of the colander, which is at the center of the image.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-10554 size-large\" src=\"https:\/\/kscgd.com\/2020fall\/gdp2\/wp-content\/uploads\/2020\/09\/Movement-1-1024x768.jpg\" alt=\"\" width=\"640\" height=\"480\" srcset=\"https:\/\/kscgd.com\/2020fall\/gdp2\/wp-content\/uploads\/2020\/09\/Movement-1-1024x768.jpg 1024w, https:\/\/kscgd.com\/2020fall\/gdp2\/wp-content\/uploads\/2020\/09\/Movement-1-300x225.jpg 300w, https:\/\/kscgd.com\/2020fall\/gdp2\/wp-content\/uploads\/2020\/09\/Movement-1-768x576.jpg 768w, https:\/\/kscgd.com\/2020fall\/gdp2\/wp-content\/uploads\/2020\/09\/Movement-1-1536x1152.jpg 1536w, https:\/\/kscgd.com\/2020fall\/gdp2\/wp-content\/uploads\/2020\/09\/Movement-1-2048x1536.jpg 2048w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/><\/p>\n<hr \/>\n<h3>Scale<\/h3>\n<p>Scale is the relationship between objects and their size or weight. The image below is of two more of my house plants, one bigger and one smaller. The elements are similar, however one is bigger and greener than the other. Not only are the pots different in scale, but the plants themselves are different in scale as well. Additionally, the bigger plant is darker, which gives a bit of &#8220;heaviness&#8221; to the larger element, while the light-green succulent feels that much smaller in comparison.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-10555 size-large\" src=\"https:\/\/kscgd.com\/2020fall\/gdp2\/wp-content\/uploads\/2020\/09\/Scale-1024x768.jpg\" alt=\"\" width=\"640\" height=\"480\" srcset=\"https:\/\/kscgd.com\/2020fall\/gdp2\/wp-content\/uploads\/2020\/09\/Scale-1024x768.jpg 1024w, https:\/\/kscgd.com\/2020fall\/gdp2\/wp-content\/uploads\/2020\/09\/Scale-300x225.jpg 300w, https:\/\/kscgd.com\/2020fall\/gdp2\/wp-content\/uploads\/2020\/09\/Scale-768x576.jpg 768w, https:\/\/kscgd.com\/2020fall\/gdp2\/wp-content\/uploads\/2020\/09\/Scale-1536x1152.jpg 1536w, https:\/\/kscgd.com\/2020fall\/gdp2\/wp-content\/uploads\/2020\/09\/Scale-2048x1536.jpg 2048w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/><\/p>\n<hr \/>\n<h3>Unity<\/h3>\n<p>Unity in design is when various unrelated elements come together to create a sense of similarity between the elements. The image below is of my roommate&#8217;s houseplants, which are all vastly different. Although they&#8217;re all different, the various colors and textures on the plants all seem to pull the elements together to form a cohesive image of greenery.<\/p>\n<h3><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-10556 size-large\" src=\"https:\/\/kscgd.com\/2020fall\/gdp2\/wp-content\/uploads\/2020\/09\/Unity-1024x768.jpg\" alt=\"\" width=\"640\" height=\"480\" srcset=\"https:\/\/kscgd.com\/2020fall\/gdp2\/wp-content\/uploads\/2020\/09\/Unity-1024x768.jpg 1024w, https:\/\/kscgd.com\/2020fall\/gdp2\/wp-content\/uploads\/2020\/09\/Unity-300x225.jpg 300w, https:\/\/kscgd.com\/2020fall\/gdp2\/wp-content\/uploads\/2020\/09\/Unity-768x576.jpg 768w, https:\/\/kscgd.com\/2020fall\/gdp2\/wp-content\/uploads\/2020\/09\/Unity-1536x1152.jpg 1536w, https:\/\/kscgd.com\/2020fall\/gdp2\/wp-content\/uploads\/2020\/09\/Unity-2048x1536.jpg 2048w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/><\/h3>\n<hr \/>\n<h3>White Space<\/h3>\n<p>White space is the use of negative space in an image to draw attention to the element that has the most priority. The image below is of a dreamcatcher on a blank wall. The dark brown and tan colors of the dreamcatcher against the white wall creates a level of contrast that demands the viewer&#8217;s attention onto the dreamcatcher.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-10557 size-large\" src=\"https:\/\/kscgd.com\/2020fall\/gdp2\/wp-content\/uploads\/2020\/09\/White-Space-1024x770.jpg\" alt=\"\" width=\"640\" height=\"481\" srcset=\"https:\/\/kscgd.com\/2020fall\/gdp2\/wp-content\/uploads\/2020\/09\/White-Space-1024x770.jpg 1024w, https:\/\/kscgd.com\/2020fall\/gdp2\/wp-content\/uploads\/2020\/09\/White-Space-300x226.jpg 300w, https:\/\/kscgd.com\/2020fall\/gdp2\/wp-content\/uploads\/2020\/09\/White-Space-768x578.jpg 768w, https:\/\/kscgd.com\/2020fall\/gdp2\/wp-content\/uploads\/2020\/09\/White-Space-1536x1155.jpg 1536w, https:\/\/kscgd.com\/2020fall\/gdp2\/wp-content\/uploads\/2020\/09\/White-Space-2048x1540.jpg 2048w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/><\/p>\n<hr \/>\n<h3>Contrast<\/h3>\n<p>Contrast is when two objects are vastly different, but their differences create an aesthetically pleasing image. The picture below is of a pendant light in the student center contrasting against the brick wall behind it. The clean, modern look of the light fixture is a stark contrast to the rough, textured background.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-10613 size-large\" src=\"https:\/\/kscgd.com\/2020fall\/gdp2\/wp-content\/uploads\/2020\/09\/Contrast-1-1024x768.jpg\" alt=\"\" width=\"640\" height=\"480\" srcset=\"https:\/\/kscgd.com\/2020fall\/gdp2\/wp-content\/uploads\/2020\/09\/Contrast-1-1024x768.jpg 1024w, https:\/\/kscgd.com\/2020fall\/gdp2\/wp-content\/uploads\/2020\/09\/Contrast-1-300x225.jpg 300w, https:\/\/kscgd.com\/2020fall\/gdp2\/wp-content\/uploads\/2020\/09\/Contrast-1-768x576.jpg 768w, https:\/\/kscgd.com\/2020fall\/gdp2\/wp-content\/uploads\/2020\/09\/Contrast-1-1536x1152.jpg 1536w, https:\/\/kscgd.com\/2020fall\/gdp2\/wp-content\/uploads\/2020\/09\/Contrast-1-2048x1536.jpg 2048w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Gestalt Theory Gestalt theory is based on the idea that our brains will naturally try to simplify complex things by organizing elements and recognizing patterns within the elements.\u00a0Using this theory, designers can create aesthetically pleasing and user friendly designs that&hellip; <a href=\"https:\/\/kscgd.com\/2020fall\/gdp2\/2020\/09\/17\/principles-of-design\/\" class=\"more-link\">Continue Reading <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":100,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[49,1],"tags":[],"class_list":["post-10548","post","type-post","status-publish","format-standard","hentry","category-04-design-principles","category-zero"],"_links":{"self":[{"href":"https:\/\/kscgd.com\/2020fall\/gdp2\/wp-json\/wp\/v2\/posts\/10548","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kscgd.com\/2020fall\/gdp2\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kscgd.com\/2020fall\/gdp2\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kscgd.com\/2020fall\/gdp2\/wp-json\/wp\/v2\/users\/100"}],"replies":[{"embeddable":true,"href":"https:\/\/kscgd.com\/2020fall\/gdp2\/wp-json\/wp\/v2\/comments?post=10548"}],"version-history":[{"count":5,"href":"https:\/\/kscgd.com\/2020fall\/gdp2\/wp-json\/wp\/v2\/posts\/10548\/revisions"}],"predecessor-version":[{"id":10614,"href":"https:\/\/kscgd.com\/2020fall\/gdp2\/wp-json\/wp\/v2\/posts\/10548\/revisions\/10614"}],"wp:attachment":[{"href":"https:\/\/kscgd.com\/2020fall\/gdp2\/wp-json\/wp\/v2\/media?parent=10548"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/kscgd.com\/2020fall\/gdp2\/wp-json\/wp\/v2\/categories?post=10548"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kscgd.com\/2020fall\/gdp2\/wp-json\/wp\/v2\/tags?post=10548"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}