{"id":214,"date":"2021-09-03T16:01:15","date_gmt":"2021-09-03T23:01:15","guid":{"rendered":"https:\/\/blogs.ubc.ca\/landscapedrawing\/?p=214"},"modified":"2021-09-03T16:01:15","modified_gmt":"2021-09-03T23:01:15","slug":"mapping-logic-hierarchy","status":"publish","type":"post","link":"https:\/\/blogs.ubc.ca\/landscapedrawing\/2021\/09\/03\/mapping-logic-hierarchy\/","title":{"rendered":"Mapping Logic + Hierarchy"},"content":{"rendered":"<p><span style=\"color: #333333;\"><strong>introduction<\/strong><\/span><\/p>\n<p><span style=\"font-weight: 400;\">This exercise introduces two concepts: visual hierarchy and site logic.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Visual hierarchy is an organizational tool which guides the viewer\u2019s eye through a composition in a certain order or pattern. It is a vital component of representational drawings as it visually prioritizes information, indicating which parts of the drawing are the most important. Similarly to the Tracings exercise, by analyzing the visual hierarchy of existing work we can improve our understanding of its mechanics, thereby more easily utilizing it in our own work.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Site logic draws on the assumption that most site plans have an underlying logic and certain universal qualities (such as flow, negative space, edges, and material transitions), regardless of site scale. In this exercise, I am posing the question of if (and how) these organizational site logics translate through site scales.<\/span><\/p>\n<p>Desired outcomes: the art of critique<\/p>\n<p>Methods: visual analysis<\/p>\n<p><!--more--><\/p>\n<p><span style=\"color: #333333;\"><strong>materials<\/strong><\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">One vintage\/archival city map (digital or printed).\u00a0<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">If printed:<\/span>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"2\"><span style=\"font-weight: 400;\">Trace paper, to fit map<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"2\"><span style=\"font-weight: 400;\">Pens, pencils, markers, fine liners, etc.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"2\"><span style=\"font-weight: 400;\">Camera\/scanner<\/span><\/li>\n<\/ul>\n<\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">If digital:\u00a0<\/span>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"2\"><span style=\"font-weight: 400;\">Digital drawing software<\/span><\/li>\n<\/ul>\n<\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Printer or digital drawing software<\/span><\/li>\n<\/ul>\n<p><span style=\"color: #333333;\"><strong>instructions<\/strong><\/span><\/p>\n<ol>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Observe your map for its overall visual hierarchy. Which points, lines, and forms appear most important? Which places on the map are your eyes drawn to first? Second? Are these places figures or grounds? Are they defined by a bold outline or through negative space?<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Using either a printed out version of your map and some trace paper, or the digital version of your map in a drawing program (with a separate layer for drawing), trace your map\u2019s predominant form. Use the thickest\/blackest lines for the hierarchy\u2019s top forms, and lighter\/thinner lines for less predominant forms.\u00a0<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Remove the map from below the linework and add a new layer on top. Using the traced linework, imagine a small site plan. Notice how the lines and forms intersect. Begin filling your site plan with various patterns to denote materiality (buildings, hardscape, planting, etc.). Some interpretation may be needed: can a shoreline be a meandering path? A building\u2019s edge?\u00a0<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Swap linework with a partner and repeat Step 3 on top of their linework. Compare resulting site plans.<\/span><\/li>\n<\/ol>\n<p><span style=\"color: #333333;\"><strong>reflection questions<\/strong><\/span><\/p>\n<ol>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">What application might visual hierarchy and site logic principles have in your everyday design practice?<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Are there other objects that we might borrow organizational logic from? The structure of a cell, a circuit board, etc.?<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Compare your partner\u2019s interpretation of your linework with your own. How did familiarity with the linework\u2019s origin (the archival map) change the way you interpreted the site plan?<\/span><\/li>\n<\/ol>\n<p>&nbsp;<\/p>\n<div id='gallery-1' class='gallery galleryid-214 gallery-columns-5 gallery-size-thumbnail'><dl class='gallery-item'>\n\t\t\t<dt class='gallery-icon landscape'>\n\t\t\t\t<a href='https:\/\/blogs.ubc.ca\/landscapedrawing\/ml-rachel-rauser\/'><img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"150\" src=\"https:\/\/blogs.ubc.ca\/landscapedrawing\/files\/2021\/08\/ML-Rachel-Rauser-150x150.jpg\" class=\"attachment-thumbnail size-thumbnail\" alt=\"\" \/><\/a>\n\t\t\t<\/dt><\/dl><dl class='gallery-item'>\n\t\t\t<dt class='gallery-icon landscape'>\n\t\t\t\t<a href='https:\/\/blogs.ubc.ca\/landscapedrawing\/ml-meredith-wilson\/'><img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"150\" src=\"https:\/\/blogs.ubc.ca\/landscapedrawing\/files\/2021\/08\/ML-Meredith-Wilson-150x150.png\" class=\"attachment-thumbnail size-thumbnail\" alt=\"\" \/><\/a>\n\t\t\t<\/dt><\/dl><dl class='gallery-item'>\n\t\t\t<dt class='gallery-icon landscape'>\n\t\t\t\t<a href='https:\/\/blogs.ubc.ca\/landscapedrawing\/ml-marie-pudlas\/'><img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"150\" src=\"https:\/\/blogs.ubc.ca\/landscapedrawing\/files\/2021\/08\/ML-Marie-Pudlas-150x150.png\" class=\"attachment-thumbnail size-thumbnail\" alt=\"\" \/><\/a>\n\t\t\t<\/dt><\/dl><dl class='gallery-item'>\n\t\t\t<dt class='gallery-icon landscape'>\n\t\t\t\t<a href='https:\/\/blogs.ubc.ca\/landscapedrawing\/ml-kehan-chen\/'><img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"150\" src=\"https:\/\/blogs.ubc.ca\/landscapedrawing\/files\/2021\/08\/ML-Kehan-Chen-150x150.jpg\" class=\"attachment-thumbnail size-thumbnail\" alt=\"\" \/><\/a>\n\t\t\t<\/dt><\/dl><dl class='gallery-item'>\n\t\t\t<dt class='gallery-icon landscape'>\n\t\t\t\t<a href='https:\/\/blogs.ubc.ca\/landscapedrawing\/ml-emma-gosselin\/'><img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"150\" src=\"https:\/\/blogs.ubc.ca\/landscapedrawing\/files\/2021\/08\/ML-Emma-Gosselin-150x150.png\" class=\"attachment-thumbnail size-thumbnail\" alt=\"\" \/><\/a>\n\t\t\t<\/dt><\/dl><br style=\"clear: both\" \/><dl class='gallery-item'>\n\t\t\t<dt class='gallery-icon portrait'>\n\t\t\t\t<a href='https:\/\/blogs.ubc.ca\/landscapedrawing\/ml-chris-rothery\/'><img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"150\" src=\"https:\/\/blogs.ubc.ca\/landscapedrawing\/files\/2021\/08\/ML-Chris-Rothery-150x150.jpg\" class=\"attachment-thumbnail size-thumbnail\" alt=\"\" \/><\/a>\n\t\t\t<\/dt><\/dl><dl class='gallery-item'>\n\t\t\t<dt class='gallery-icon landscape'>\n\t\t\t\t<a href='https:\/\/blogs.ubc.ca\/landscapedrawing\/egf-kimberly-wong\/'><img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"150\" src=\"https:\/\/blogs.ubc.ca\/landscapedrawing\/files\/2021\/08\/EGF-Kimberly-Wong-150x150.jpg\" class=\"attachment-thumbnail size-thumbnail\" alt=\"\" \/><\/a>\n\t\t\t<\/dt><\/dl>\n\t\t\t<br style='clear: both' \/>\n\t\t<\/div>\n\n<p><span style=\"color: #008080;\"><a style=\"color: #008080;\" href=\"https:\/\/blogs.ubc.ca\/landscapedrawing\/gallery\/\"><strong>go to gallery<\/strong><\/a><\/span><\/p>\n","protected":false},"excerpt":{"rendered":"<p>introduction This exercise introduces two concepts: visual hierarchy and site logic.\u00a0 Visual hierarchy is an organizational tool which guides the viewer\u2019s eye through a composition in a certain order or pattern. It is a vital component of representational drawings as it visually prioritizes information, indicating which parts of the drawing are the most important. Similarly [&hellip;]<\/p>\n","protected":false},"author":67590,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-214","post","type-post","status-publish","format-standard","hentry","category-exercises"],"_links":{"self":[{"href":"https:\/\/blogs.ubc.ca\/landscapedrawing\/wp-json\/wp\/v2\/posts\/214","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blogs.ubc.ca\/landscapedrawing\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blogs.ubc.ca\/landscapedrawing\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blogs.ubc.ca\/landscapedrawing\/wp-json\/wp\/v2\/users\/67590"}],"replies":[{"embeddable":true,"href":"https:\/\/blogs.ubc.ca\/landscapedrawing\/wp-json\/wp\/v2\/comments?post=214"}],"version-history":[{"count":6,"href":"https:\/\/blogs.ubc.ca\/landscapedrawing\/wp-json\/wp\/v2\/posts\/214\/revisions"}],"predecessor-version":[{"id":659,"href":"https:\/\/blogs.ubc.ca\/landscapedrawing\/wp-json\/wp\/v2\/posts\/214\/revisions\/659"}],"wp:attachment":[{"href":"https:\/\/blogs.ubc.ca\/landscapedrawing\/wp-json\/wp\/v2\/media?parent=214"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blogs.ubc.ca\/landscapedrawing\/wp-json\/wp\/v2\/categories?post=214"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blogs.ubc.ca\/landscapedrawing\/wp-json\/wp\/v2\/tags?post=214"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}