{"id":10453,"date":"2020-09-16T18:32:17","date_gmt":"2020-09-16T22:32:17","guid":{"rendered":"https:\/\/kscgd.com\/2020fall\/gdp1\/?p=10453"},"modified":"2020-09-16T18:36:19","modified_gmt":"2020-09-16T22:36:19","slug":"design-principles-2","status":"publish","type":"post","link":"https:\/\/kscgd.com\/2020fall\/gdp1\/2020\/09\/16\/design-principles-2\/","title":{"rendered":"Design Principles"},"content":{"rendered":"<h1>6 Principles of Design<\/h1>\n<h2>Repetition<\/h2>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-10456 alignleft\" src=\"https:\/\/kscgd.com\/2020fall\/gdp1\/wp-content\/uploads\/2020\/09\/repetition-1.jpg\" alt=\"\" width=\"435\" height=\"184\" srcset=\"https:\/\/kscgd.com\/2020fall\/gdp1\/wp-content\/uploads\/2020\/09\/repetition-1.jpg 780w, https:\/\/kscgd.com\/2020fall\/gdp1\/wp-content\/uploads\/2020\/09\/repetition-1-300x127.jpg 300w, https:\/\/kscgd.com\/2020fall\/gdp1\/wp-content\/uploads\/2020\/09\/repetition-1-768x325.jpg 768w\" sizes=\"auto, (max-width: 435px) 100vw, 435px\" \/><\/p>\n<p>Repetition is when a piece of the design is repeated among other pieces of the design. The following design is an ad for Target! In the ad, you can see the dots from the background overlap onto the woman that is also in the picture. It almost makes her blend right into the background. I think the pop of color within the white in the ad draws your attention in, and the repetition of the dots is super interesting to look at &#8211; very eye-catching. It would make sense that this photo would be used to capture the attention of the consumer and get them to read what the ad is associated with!<\/p>\n<h2>Movement<\/h2>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-10458 alignright\" src=\"https:\/\/kscgd.com\/2020fall\/gdp1\/wp-content\/uploads\/2020\/09\/movement-1.jpg\" alt=\"\" width=\"359\" height=\"245\" srcset=\"https:\/\/kscgd.com\/2020fall\/gdp1\/wp-content\/uploads\/2020\/09\/movement-1.jpg 986w, https:\/\/kscgd.com\/2020fall\/gdp1\/wp-content\/uploads\/2020\/09\/movement-1-300x204.jpg 300w, https:\/\/kscgd.com\/2020fall\/gdp1\/wp-content\/uploads\/2020\/09\/movement-1-768x523.jpg 768w\" sizes=\"auto, (max-width: 359px) 100vw, 359px\" \/>Movement is when a design guides your eye through a predetermined path. This design shows the growth of a tree! The design moves from left to right with arrows that guide your eye as you read. It leads you on a specific path that allows you to understand the design. If you were to read it out of order the design would not make as much sense. This design also allows you to easily understand what information you are being taught. I like the simplicity and the color choice of the images in this infographic. I also really like the small text blurbs underneath the different parts of the image that describe to you what is happening. You can look through the graphic as you read about the path that the designer has taken you on.<\/p>\n<h2>Balance<\/h2>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-10460 alignleft\" src=\"https:\/\/kscgd.com\/2020fall\/gdp1\/wp-content\/uploads\/2020\/09\/balance.jpg\" alt=\"\" width=\"155\" height=\"155\" srcset=\"https:\/\/kscgd.com\/2020fall\/gdp1\/wp-content\/uploads\/2020\/09\/balance.jpg 468w, https:\/\/kscgd.com\/2020fall\/gdp1\/wp-content\/uploads\/2020\/09\/balance-300x300.jpg 300w, https:\/\/kscgd.com\/2020fall\/gdp1\/wp-content\/uploads\/2020\/09\/balance-150x150.jpg 150w, https:\/\/kscgd.com\/2020fall\/gdp1\/wp-content\/uploads\/2020\/09\/balance-50x50.jpg 50w\" sizes=\"auto, (max-width: 155px) 100vw, 155px\" \/>Balance is when all pieces of a design are visually equal. In the logo to the left (Airbnb) everything is very balanced. Both sides of the design feel as though they are very equal. Even though the letters at the bottom of the logo are different on the left and the right, they are all the same size with a very simple typeface that makes them feel weighted the same. It is super satisfying to look at a balanced design, and it pleases the eye. I also enjoy how the design itself is one fluent line that closes on itself when finished. It is very simplistic and elegant!<\/p>\n<h2>Contrast<\/h2>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-10464 alignright\" src=\"https:\/\/kscgd.com\/2020fall\/gdp1\/wp-content\/uploads\/2020\/09\/contrast.png\" alt=\"\" width=\"198\" height=\"162\" srcset=\"https:\/\/kscgd.com\/2020fall\/gdp1\/wp-content\/uploads\/2020\/09\/contrast.png 860w, https:\/\/kscgd.com\/2020fall\/gdp1\/wp-content\/uploads\/2020\/09\/contrast-300x247.png 300w, https:\/\/kscgd.com\/2020fall\/gdp1\/wp-content\/uploads\/2020\/09\/contrast-768x631.png 768w\" sizes=\"auto, (max-width: 198px) 100vw, 198px\" \/>Contrast is when the elements in the design have very different colors, sizes, shapes, etc. The Spotify logo (shown to the right) is a perfect example of contrast in design. The brightness and vibrancy of the green against the black background make the logo pop. Your eye, when you first look at the logo, goes directly towards the design and the wording. You almost don&#8217;t recognize the background at all because it is just blank, black space. I use this app every day and have never thought more critically about the design until now when I noticed how contrasting the image is!<\/p>\n<h2>Emphasis<\/h2>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-10465 alignleft\" src=\"https:\/\/kscgd.com\/2020fall\/gdp1\/wp-content\/uploads\/2020\/09\/emphasis.jpg\" alt=\"\" width=\"291\" height=\"199\" srcset=\"https:\/\/kscgd.com\/2020fall\/gdp1\/wp-content\/uploads\/2020\/09\/emphasis.jpg 1500w, https:\/\/kscgd.com\/2020fall\/gdp1\/wp-content\/uploads\/2020\/09\/emphasis-300x205.jpg 300w, https:\/\/kscgd.com\/2020fall\/gdp1\/wp-content\/uploads\/2020\/09\/emphasis-1024x701.jpg 1024w, https:\/\/kscgd.com\/2020fall\/gdp1\/wp-content\/uploads\/2020\/09\/emphasis-768x526.jpg 768w\" sizes=\"auto, (max-width: 291px) 100vw, 291px\" \/>Emphasis is when focus is created on a particular element of the design to show its importance. The first thing I thought about when I read this definition of design is newspaper titles. Often the articles place a huge emphasis on the most important key points of what they are writing about. This article (shown to the left) is from the sinking of the Titanic. You can see in giant letters across the top &#8220;TITANIC SINKS, 1500 DIE&#8221;. Without even looking more into what the article is about you can understand the key points of what you are about to read. The design emphasizes this quote to capture the attention of readers so that they can make more sales of their paper.<\/p>\n<h2>Hierarchy<\/h2>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-10467 alignright\" src=\"https:\/\/kscgd.com\/2020fall\/gdp1\/wp-content\/uploads\/2020\/09\/hiearchy.png\" alt=\"\" width=\"359\" height=\"200\" srcset=\"https:\/\/kscgd.com\/2020fall\/gdp1\/wp-content\/uploads\/2020\/09\/hiearchy.png 1600w, https:\/\/kscgd.com\/2020fall\/gdp1\/wp-content\/uploads\/2020\/09\/hiearchy-300x167.png 300w, https:\/\/kscgd.com\/2020fall\/gdp1\/wp-content\/uploads\/2020\/09\/hiearchy-1024x570.png 1024w, https:\/\/kscgd.com\/2020fall\/gdp1\/wp-content\/uploads\/2020\/09\/hiearchy-768x427.png 768w, https:\/\/kscgd.com\/2020fall\/gdp1\/wp-content\/uploads\/2020\/09\/hiearchy-1536x854.png 1536w\" sizes=\"auto, (max-width: 359px) 100vw, 359px\" \/>Hierarchy is the process of arranging pieces of a design to convey information simply. An example of this would be a packaging website called Packlane (shown to the right). Packlane allows you to design your shipping supplies or order ones that already have designs on them. The website is very simple and step-by-step which makes all the information easy to understand. I love the simplicity and how almost basic everything looks. There is no overcrowding and it is not overwhelming to browse through and see what catches your eye!<\/p>\n<h1>Gestalt Theory<\/h1>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-10474 alignleft\" src=\"https:\/\/kscgd.com\/2020fall\/gdp1\/wp-content\/uploads\/2020\/09\/gestalt.png\" alt=\"\" width=\"297\" height=\"267\" srcset=\"https:\/\/kscgd.com\/2020fall\/gdp1\/wp-content\/uploads\/2020\/09\/gestalt.png 700w, https:\/\/kscgd.com\/2020fall\/gdp1\/wp-content\/uploads\/2020\/09\/gestalt-300x270.png 300w\" sizes=\"auto, (max-width: 297px) 100vw, 297px\" \/><\/p>\n<p>I learned that the Gestalt Theory is used to help understand how we see things as a whole. When we are looking at something our brain tries to simplify what we are looking at into one thing that is easy to understand. We want to see structure and patterns in things. There are about 11 different categories of the Gestalt Theory, but some of these can be grouped into the same category depending on how they are used. These categories are simplicity, figure-ground, proximity, similarity, common fate, symmetry, parallelism, continuity, closure, common region, and element connectedness. All categories of this theory showcase a different way that we understand and simplify things. It is often used to make designs that have more flow when you look at them. In everyday life, we take part in the Gestalt Theory, even if you realize it or not. In all of the designs above we are constantly trying to find the bigger, simpler picture to look at. It is hard to realize when you may be doing it because you have probably been doing it your whole life, but looking at designs and trying not to simplify can make you see things you never have before. One that surprised me was the arrow between the last e and x in the FedEx logo. This was something I have never noticed before until it was mentioned because my brain was always just looking for the bigger picture.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>6 Principles of Design Repetition Repetition is when a piece of the design is repeated among other pieces of the design. The following design is an ad for Target! In the ad, you can see the dots from the background&hellip; <a href=\"https:\/\/kscgd.com\/2020fall\/gdp1\/2020\/09\/16\/design-principles-2\/\" class=\"more-link\">Continue Reading <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":97,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[49],"tags":[],"class_list":["post-10453","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\/10453","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\/97"}],"replies":[{"embeddable":true,"href":"https:\/\/kscgd.com\/2020fall\/gdp1\/wp-json\/wp\/v2\/comments?post=10453"}],"version-history":[{"count":8,"href":"https:\/\/kscgd.com\/2020fall\/gdp1\/wp-json\/wp\/v2\/posts\/10453\/revisions"}],"predecessor-version":[{"id":10480,"href":"https:\/\/kscgd.com\/2020fall\/gdp1\/wp-json\/wp\/v2\/posts\/10453\/revisions\/10480"}],"wp:attachment":[{"href":"https:\/\/kscgd.com\/2020fall\/gdp1\/wp-json\/wp\/v2\/media?parent=10453"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/kscgd.com\/2020fall\/gdp1\/wp-json\/wp\/v2\/categories?post=10453"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kscgd.com\/2020fall\/gdp1\/wp-json\/wp\/v2\/tags?post=10453"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}