{"id":864,"date":"2013-10-12T03:34:24","date_gmt":"2013-10-12T03:34:24","guid":{"rendered":"https:\/\/gra217.expressions.syr.edu\/s5g1\/?p=864"},"modified":"2013-10-12T03:34:24","modified_gmt":"2013-10-12T03:34:24","slug":"gestalt-principles-2","status":"publish","type":"post","link":"https:\/\/gra217.expressions.syr.edu\/s5g1\/?p=864","title":{"rendered":"Gestalt Principles"},"content":{"rendered":"<p><a href=\"https:\/\/gra217.expressions.syr.edu\/s5g1\/wp-content\/uploads\/sites\/3\/2013\/10\/Screen-Shot-2013-10-11-at-8.34.43-PM.png\"><img loading=\"lazy\" class=\"alignnone size-medium wp-image-865\" alt=\"Screen Shot 2013-10-11 at 8.34.43 PM\" src=\"https:\/\/gra217.expressions.syr.edu\/s5g1\/wp-content\/uploads\/sites\/3\/2013\/10\/Screen-Shot-2013-10-11-at-8.34.43-PM-300x187.png\" width=\"300\" height=\"187\" srcset=\"https:\/\/gra217.expressions.syr.edu\/s5g1\/wp-content\/uploads\/sites\/3\/2013\/10\/Screen-Shot-2013-10-11-at-8.34.43-PM-300x187.png 300w, https:\/\/gra217.expressions.syr.edu\/s5g1\/wp-content\/uploads\/sites\/3\/2013\/10\/Screen-Shot-2013-10-11-at-8.34.43-PM-1024x640.png 1024w, https:\/\/gra217.expressions.syr.edu\/s5g1\/wp-content\/uploads\/sites\/3\/2013\/10\/Screen-Shot-2013-10-11-at-8.34.43-PM-480x300.png 480w, https:\/\/gra217.expressions.syr.edu\/s5g1\/wp-content\/uploads\/sites\/3\/2013\/10\/Screen-Shot-2013-10-11-at-8.34.43-PM.png 1440w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p>The apparel website Billabong shows the qualities of the gestalt principles, and how the site is organized with visual elements.<\/p>\n<ul>\n<li><strong>figure and ground:<\/strong>\u00a0The image in the background makes the text in the foreground stand out. The background is muted colored images, providing a strong contrast with the bold white text over it.<\/li>\n<li><strong>proximity and alignment:<\/strong>\u00a0The same font, color, and alignment are used to create unity. This sans serif all caps text creates cohesiveness, and isn&#8217;t overwhelming because it is a simple font.<\/li>\n<li><strong>continuation:<\/strong>\u00a0The line of larger text, also in line with the logo, creates the first line for the eye to follow. The line of text underneath, in the smaller font, provides a second line to follow.<\/li>\n<li><strong>visual hierarchy:<\/strong>\u00a0The two lines as stated previously show readers the order of what is important. The larger words, MENS and WOMENS, show the main categories that the website is organized by. Underneath these words, in the smaller font, show the subcategories of the words in larger font. These provide a breakdown to follow after you have decided to focus on the MENS or WOMENS category.<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>The apparel website Billabong shows the qualities of the gestalt principles, and how the site is organized with visual elements. figure and ground:\u00a0The image in the background makes the text in the foreground stand out. The background is muted colored &hellip; <a href=\"https:\/\/gra217.expressions.syr.edu\/s5g1\/?p=864\">Continue reading <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":12,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[15],"tags":[],"_links":{"self":[{"href":"https:\/\/gra217.expressions.syr.edu\/s5g1\/index.php?rest_route=\/wp\/v2\/posts\/864"}],"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\/12"}],"replies":[{"embeddable":true,"href":"https:\/\/gra217.expressions.syr.edu\/s5g1\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=864"}],"version-history":[{"count":2,"href":"https:\/\/gra217.expressions.syr.edu\/s5g1\/index.php?rest_route=\/wp\/v2\/posts\/864\/revisions"}],"predecessor-version":[{"id":889,"href":"https:\/\/gra217.expressions.syr.edu\/s5g1\/index.php?rest_route=\/wp\/v2\/posts\/864\/revisions\/889"}],"wp:attachment":[{"href":"https:\/\/gra217.expressions.syr.edu\/s5g1\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=864"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/gra217.expressions.syr.edu\/s5g1\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=864"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/gra217.expressions.syr.edu\/s5g1\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=864"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}