{"id":789,"date":"2013-10-12T01:45:11","date_gmt":"2013-10-12T01:45:11","guid":{"rendered":"https:\/\/gra217.expressions.syr.edu\/s5g2\/?p=789"},"modified":"2013-10-12T01:45:11","modified_gmt":"2013-10-12T01:45:11","slug":"the-whitneys-website-and-gestalt-principles","status":"publish","type":"post","link":"https:\/\/gra217.expressions.syr.edu\/s5g2\/2013\/10\/12\/the-whitneys-website-and-gestalt-principles\/","title":{"rendered":"The Whitney&#8217;s Website and Gestalt Principles"},"content":{"rendered":"<p><a href=\"https:\/\/gra217.expressions.syr.edu\/s5g2\/wp-content\/uploads\/sites\/4\/2013\/10\/Screen-Shot-2013-10-11-at-9.19.38-PM.png\"><img loading=\"lazy\" class=\"alignnone size-medium wp-image-790\" alt=\"Screen Shot 2013-10-11 at 9.19.38 PM\" src=\"https:\/\/gra217.expressions.syr.edu\/s5g2\/wp-content\/uploads\/sites\/4\/2013\/10\/Screen-Shot-2013-10-11-at-9.19.38-PM-300x288.png\" width=\"300\" height=\"288\" srcset=\"https:\/\/gra217.expressions.syr.edu\/s5g2\/wp-content\/uploads\/sites\/4\/2013\/10\/Screen-Shot-2013-10-11-at-9.19.38-PM-300x288.png 300w, https:\/\/gra217.expressions.syr.edu\/s5g2\/wp-content\/uploads\/sites\/4\/2013\/10\/Screen-Shot-2013-10-11-at-9.19.38-PM-1024x985.png 1024w, https:\/\/gra217.expressions.syr.edu\/s5g2\/wp-content\/uploads\/sites\/4\/2013\/10\/Screen-Shot-2013-10-11-at-9.19.38-PM-311x300.png 311w, https:\/\/gra217.expressions.syr.edu\/s5g2\/wp-content\/uploads\/sites\/4\/2013\/10\/Screen-Shot-2013-10-11-at-9.19.38-PM.png 1498w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a> <a href=\"https:\/\/gra217.expressions.syr.edu\/s5g2\/wp-content\/uploads\/sites\/4\/2013\/10\/Screen-Shot-2013-10-11-at-9.19.56-PM.png\"><img loading=\"lazy\" class=\"alignnone size-medium wp-image-791\" alt=\"Screen Shot 2013-10-11 at 9.19.56 PM\" src=\"https:\/\/gra217.expressions.syr.edu\/s5g2\/wp-content\/uploads\/sites\/4\/2013\/10\/Screen-Shot-2013-10-11-at-9.19.56-PM-300x284.png\" width=\"300\" height=\"284\" srcset=\"https:\/\/gra217.expressions.syr.edu\/s5g2\/wp-content\/uploads\/sites\/4\/2013\/10\/Screen-Shot-2013-10-11-at-9.19.56-PM-300x284.png 300w, https:\/\/gra217.expressions.syr.edu\/s5g2\/wp-content\/uploads\/sites\/4\/2013\/10\/Screen-Shot-2013-10-11-at-9.19.56-PM-1024x970.png 1024w, https:\/\/gra217.expressions.syr.edu\/s5g2\/wp-content\/uploads\/sites\/4\/2013\/10\/Screen-Shot-2013-10-11-at-9.19.56-PM-316x300.png 316w, https:\/\/gra217.expressions.syr.edu\/s5g2\/wp-content\/uploads\/sites\/4\/2013\/10\/Screen-Shot-2013-10-11-at-9.19.56-PM.png 1418w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p>This website was newly published by the Whitney Museum of American Arts. I think it serves as a good example for other museums how to make pages readable and clear. It uses white color as a background and black color for most words, and the visuals are very colorful. Hence, it is such a great contrast that objects can easily stand out. We can see that it groups information well under the \u201cEVENTS\u201d column. Top is dates, middle is visuals and bottom is the name and other information. White space is between each event. Each group of information can be clearly consider as a unity and separate with each other. Regarding visual hierarchy, the website uses the same font but different colors, different sizes, bold or regular, and upper or lower cases. For example, it uses black color, bigger size and upper case for the dates in EVENT column, while uses smaller size and lower case for the events\u2019 names. And it uses grey colors, for the least important information\u2014the time.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>This website was newly published by the Whitney Museum of American Arts. I think it serves as a good example for other museums how to make pages readable and clear. It uses white color as a background and black color &hellip; <a href=\"https:\/\/gra217.expressions.syr.edu\/s5g2\/2013\/10\/12\/the-whitneys-website-and-gestalt-principles\/\">Continue reading <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":42,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[37],"tags":[],"_links":{"self":[{"href":"https:\/\/gra217.expressions.syr.edu\/s5g2\/wp-json\/wp\/v2\/posts\/789"}],"collection":[{"href":"https:\/\/gra217.expressions.syr.edu\/s5g2\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/gra217.expressions.syr.edu\/s5g2\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/gra217.expressions.syr.edu\/s5g2\/wp-json\/wp\/v2\/users\/42"}],"replies":[{"embeddable":true,"href":"https:\/\/gra217.expressions.syr.edu\/s5g2\/wp-json\/wp\/v2\/comments?post=789"}],"version-history":[{"count":1,"href":"https:\/\/gra217.expressions.syr.edu\/s5g2\/wp-json\/wp\/v2\/posts\/789\/revisions"}],"predecessor-version":[{"id":792,"href":"https:\/\/gra217.expressions.syr.edu\/s5g2\/wp-json\/wp\/v2\/posts\/789\/revisions\/792"}],"wp:attachment":[{"href":"https:\/\/gra217.expressions.syr.edu\/s5g2\/wp-json\/wp\/v2\/media?parent=789"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/gra217.expressions.syr.edu\/s5g2\/wp-json\/wp\/v2\/categories?post=789"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/gra217.expressions.syr.edu\/s5g2\/wp-json\/wp\/v2\/tags?post=789"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}