{"id":815,"date":"2013-10-10T02:22:00","date_gmt":"2013-10-10T02:22:00","guid":{"rendered":"https:\/\/gra217.expressions.syr.edu\/s5g1\/?p=815"},"modified":"2013-10-10T02:22:00","modified_gmt":"2013-10-10T02:22:00","slug":"gestalt-principle-kitkat-4-4","status":"publish","type":"post","link":"https:\/\/gra217.expressions.syr.edu\/s5g1\/?p=815","title":{"rendered":"Gestalt Principle: KitKat 4.4"},"content":{"rendered":"

http:\/\/www.kitkat.com\/#\/home<\/p>\n

The website I chose to use was the website for the new KitKat 4.4. The website is designed almost more like an info-graph because instead of navigating you scroll down the page to get the information about the new product. It’s a very creative website because it compares the new candy to technology, for example its “mobility” is represented with the sticks acting as descending bars that resemble cell phone service.<\/p>\n

To apply the Gestalt Principle to this website we can look it its figure and ground<\/strong>. For example on the below “page” of the website the red words and piece of chocolate, as well as the navigation scroll bar all stand out against the white background.<\/p>\n

\"Screen<\/a><\/p>\n

 <\/p>\n

As you can see in the below picture stitch of the website, the website is uniform with a common font and color scheme throughout. The proximity and alignment<\/strong> is on point.\"gra\"<\/a><\/p>\n

 <\/p>\n

The websites entire design is based on continuation<\/strong> considering it is one page and flows down to show all the specs of the new candy.<\/p>\n

The visual hierarchy<\/strong> can be represented by the following page. The header of this “page” is written in a larger font and in red to signify that it’s important. There is then color variation when the information about the header is written in black.<\/p>\n

\"Screen<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"

http:\/\/www.kitkat.com\/#\/home The website I chose to use was the website for the new KitKat 4.4. The website is designed almost more like an info-graph because instead of navigating you scroll down the page to get the information about the new … Continue reading →<\/span><\/a><\/p>\n","protected":false},"author":13,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[1],"tags":[],"_links":{"self":[{"href":"https:\/\/gra217.expressions.syr.edu\/s5g1\/index.php?rest_route=\/wp\/v2\/posts\/815"}],"collection":[{"href":"https:\/\/gra217.expressions.syr.edu\/s5g1\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/gra217.expressions.syr.edu\/s5g1\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/gra217.expressions.syr.edu\/s5g1\/index.php?rest_route=\/wp\/v2\/users\/13"}],"replies":[{"embeddable":true,"href":"https:\/\/gra217.expressions.syr.edu\/s5g1\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=815"}],"version-history":[{"count":1,"href":"https:\/\/gra217.expressions.syr.edu\/s5g1\/index.php?rest_route=\/wp\/v2\/posts\/815\/revisions"}],"predecessor-version":[{"id":819,"href":"https:\/\/gra217.expressions.syr.edu\/s5g1\/index.php?rest_route=\/wp\/v2\/posts\/815\/revisions\/819"}],"wp:attachment":[{"href":"https:\/\/gra217.expressions.syr.edu\/s5g1\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=815"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/gra217.expressions.syr.edu\/s5g1\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=815"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/gra217.expressions.syr.edu\/s5g1\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=815"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}