{"id":3673,"date":"2022-02-04T11:26:44","date_gmt":"2022-02-04T19:26:44","guid":{"rendered":"http:\/\/www.interactiondesignhistory.com\/2022\/?p=3673"},"modified":"2022-02-04T11:29:31","modified_gmt":"2022-02-04T19:29:31","slug":"on-the-renaissance-and-type","status":"publish","type":"post","link":"https:\/\/www.interactiondesignhistory.com\/2022\/on-the-renaissance-and-type","title":{"rendered":"On the Renaissance and Type"},"content":{"rendered":"\n<p>While &#8220;interaction design&#8221; may itself be a newer term, its roots run deep, tangling with various other&nbsp;disciplines&nbsp;along the way. As such, we can&#8217;t hope to fully understand it (nor our own design practices) without tracing each connection to its&nbsp;origin. A quote about Leonardo Da Vinci encapsulates this idea very well: &#8220;&#8230;he painted it, he investigated it, and he built things to better interact and explore it.&#8221; A good design practice is holistic, involving some amount of research, craft, and yes, artistry, to consistently meet user needs and provide them a positive experience. The Renaissance in general\u2014with its cross-pollination of science, art, and literature, as well as a widespread dedication to what we might nowadays call <em>iteration<\/em>\u2014is a valuable piece of the puzzle. Just look at&nbsp;anthropometrics (the study and measurement of the human body&#8217;s physical properties), which was widely-explored during this period and now plays a vital role in both industrial and computer design.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/www.interactiondesignhistory.com\/2022\/wp-content\/uploads\/2022\/02\/The-Vitruvian-Man-Leonardo-da-Vinci-c1490_Q640.jpg\" alt=\"\" class=\"wp-image-3675\" width=\"744\" height=\"744\" srcset=\"https:\/\/www.interactiondesignhistory.com\/2022\/wp-content\/uploads\/2022\/02\/The-Vitruvian-Man-Leonardo-da-Vinci-c1490_Q640.jpg 640w, https:\/\/www.interactiondesignhistory.com\/2022\/wp-content\/uploads\/2022\/02\/The-Vitruvian-Man-Leonardo-da-Vinci-c1490_Q640-300x300.jpg 300w, https:\/\/www.interactiondesignhistory.com\/2022\/wp-content\/uploads\/2022\/02\/The-Vitruvian-Man-Leonardo-da-Vinci-c1490_Q640-150x150.jpg 150w, https:\/\/www.interactiondesignhistory.com\/2022\/wp-content\/uploads\/2022\/02\/The-Vitruvian-Man-Leonardo-da-Vinci-c1490_Q640-580x580.jpg 580w, https:\/\/www.interactiondesignhistory.com\/2022\/wp-content\/uploads\/2022\/02\/The-Vitruvian-Man-Leonardo-da-Vinci-c1490_Q640-320x320.jpg 320w\" sizes=\"auto, (max-width: 744px) 100vw, 744px\" \/><figcaption>Leonardo Da Vinci&#8217;s &#8220;Vitruvian Man.&#8221; Source: <em><a href=\"https:\/\/artincontext.org\/the-vitruvian-man-da-vinci\/\">Why Was the Vitruvian Man Created?<\/a><\/em><\/figcaption><\/figure>\n\n\n\n<p><br>There&#8217;s lots of value to be found in the history of type as well. While it&#8217;s no secret that visual design\u2014specifically fonts and iconography\u2014involves things like metaphor, symbolism, and sociocultural associations, oftentimes we underestimate its incredibly flexible&nbsp;nature. We ask ourselves questions like&nbsp;&#8220;does&nbsp;this icon need a label?&#8221; when <em>both<\/em> the&nbsp;icon and the label are representations that can be perceived in different ways. The former is akin to a pictograph: a picture that communicates an idea (e.g., how an icon of a house = the homepage on a mobile device). The latter is more abstract\u2014line forms that communicate sounds rather than ideas, combining to form their meaning.&nbsp;However, ask anyone in the Western hemisphere and they&#8217;d likely say that words are <em>less<\/em> abstract than icons. Why is that? Isn&#8217;t the meaning of a word twice removed (an idea that is communicated through a word, which is itself communicated through letters, which themselves hold sounds) whereas the meaning of a picture is almost instantaneous, even if that meaning varies from person to person?&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"790\" height=\"321\" src=\"http:\/\/www.interactiondesignhistory.com\/2022\/wp-content\/uploads\/2022\/02\/1_7cCIhrsUgwd_mdGoucy1ZA.png\" alt=\"\" class=\"wp-image-3678\" srcset=\"https:\/\/www.interactiondesignhistory.com\/2022\/wp-content\/uploads\/2022\/02\/1_7cCIhrsUgwd_mdGoucy1ZA.png 790w, https:\/\/www.interactiondesignhistory.com\/2022\/wp-content\/uploads\/2022\/02\/1_7cCIhrsUgwd_mdGoucy1ZA-300x122.png 300w, https:\/\/www.interactiondesignhistory.com\/2022\/wp-content\/uploads\/2022\/02\/1_7cCIhrsUgwd_mdGoucy1ZA-768x312.png 768w, https:\/\/www.interactiondesignhistory.com\/2022\/wp-content\/uploads\/2022\/02\/1_7cCIhrsUgwd_mdGoucy1ZA-720x293.png 720w, https:\/\/www.interactiondesignhistory.com\/2022\/wp-content\/uploads\/2022\/02\/1_7cCIhrsUgwd_mdGoucy1ZA-580x236.png 580w, https:\/\/www.interactiondesignhistory.com\/2022\/wp-content\/uploads\/2022\/02\/1_7cCIhrsUgwd_mdGoucy1ZA-320x130.png 320w\" sizes=\"auto, (max-width: 790px) 100vw, 790px\" \/><figcaption>An icon-matching &#8220;game&#8221; designed by Steve McCarthy. Source: <em><a href=\"https:\/\/uxdesign.cc\/do-icons-need-labels-6cb4f4282c00\">Do Icons Need Labels?<\/a><\/em><\/figcaption><\/figure>\n\n\n\n<p><br>It is, I think, a matter of opinion. After all, there&#8217;s no denying that with the invention of lead movable type, and later, the steam-powered printing press, words have attained some level of accessibility (and in turn, consistency of meaning). Either way, I firmly believe that this is why <em>content design<\/em>\u2014a field even newer than interaction design\u2014is important. We&#8217;re so surrounded by letters and words these days that we forget that they are not concrete things; they can&#8217;t pin down our every idea as neatly as we think they can. That icon label you&#8217;re puzzling over may <em>change<\/em> the meaning of the icon, not clarify it\u2014you&#8217;d need an in-depth knowledge of words to recognize the difference. And it is that understanding, along with a plethora of others to be explored later in this class, that makes a designer successful.&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>While &#8220;interaction design&#8221; may itself be a newer term, its roots run deep, tangling with various other&nbsp;disciplines&nbsp;along the way. As such, we can&#8217;t hope to fully understand it (nor our own design practices) without tracing each connection to its&nbsp;origin. A quote about Leonardo Da Vinci encapsulates this idea very well: &#8220;&#8230;he painted it, he investigated [&hellip;]<\/p>\n","protected":false},"author":36,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[11],"tags":[],"class_list":["post-3673","post","type-post","status-publish","format-standard","hentry","category-renaissance"],"_links":{"self":[{"href":"https:\/\/www.interactiondesignhistory.com\/2022\/wp-json\/wp\/v2\/posts\/3673","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.interactiondesignhistory.com\/2022\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.interactiondesignhistory.com\/2022\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.interactiondesignhistory.com\/2022\/wp-json\/wp\/v2\/users\/36"}],"replies":[{"embeddable":true,"href":"https:\/\/www.interactiondesignhistory.com\/2022\/wp-json\/wp\/v2\/comments?post=3673"}],"version-history":[{"count":3,"href":"https:\/\/www.interactiondesignhistory.com\/2022\/wp-json\/wp\/v2\/posts\/3673\/revisions"}],"predecessor-version":[{"id":3680,"href":"https:\/\/www.interactiondesignhistory.com\/2022\/wp-json\/wp\/v2\/posts\/3673\/revisions\/3680"}],"wp:attachment":[{"href":"https:\/\/www.interactiondesignhistory.com\/2022\/wp-json\/wp\/v2\/media?parent=3673"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.interactiondesignhistory.com\/2022\/wp-json\/wp\/v2\/categories?post=3673"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.interactiondesignhistory.com\/2022\/wp-json\/wp\/v2\/tags?post=3673"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}