{"id":364,"date":"2021-12-08T08:35:00","date_gmt":"2021-12-08T08:35:00","guid":{"rendered":"https:\/\/eportfolios.capilanou.ca\/angelaaguilar\/?p=364"},"modified":"2021-12-11T20:04:20","modified_gmt":"2021-12-11T20:04:20","slug":"historical-type-identification-poster","status":"publish","type":"post","link":"https:\/\/eportfolios.capilanou.ca\/angelaaguilar\/2021\/12\/08\/historical-type-identification-poster\/","title":{"rendered":"Historical Type Identification Poster"},"content":{"rendered":"\n<div style=\"height:59px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p>Like my previous project, the historical artifact project, I decided to go outside of my comfort zone with the design of this historical type identification poster. I&#8217;ve (almost reluctantly) come to realize that my design style is often corporate or traditional looking\u2014in short, simplified and rarely abstract since I always prioritize legibility and readability.&nbsp;<\/p>\n\n\n\n<p>However, when doing some poster inspiration research along with researching how diverse the eight categories\/classifications of typefaces are, I realized that I really couldn&#8217;t follow a traditional sense of hierarchy! It almost hit me like a train when I came to, thinking &#8220;&#8230; Usually designers use two typefaces at most and create an additional hierarchy with fonts, but I have eight typefaces I need to use&#8221;, that I sat at my desk for a few minutes. I was really stumped, but this realization helped push me to go for that abstract approach.<\/p>\n\n\n\n<div style=\"height:76px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">The Process<\/h2>\n\n\n\n<div style=\"height:47px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/eportfolios.capilanou.ca\/angelaaguilar\/wp-content\/uploads\/sites\/13289\/2021\/12\/Screen-Shot-2021-12-08-at-8.16.00-AM-1024x726.png\" alt=\"\" class=\"wp-image-365\" width=\"740\" height=\"524\" srcset=\"https:\/\/eportfolios.capilanou.ca\/angelaaguilar\/wp-content\/uploads\/sites\/13289\/2021\/12\/Screen-Shot-2021-12-08-at-8.16.00-AM-1024x726.png 1024w, https:\/\/eportfolios.capilanou.ca\/angelaaguilar\/wp-content\/uploads\/sites\/13289\/2021\/12\/Screen-Shot-2021-12-08-at-8.16.00-AM-300x213.png 300w, https:\/\/eportfolios.capilanou.ca\/angelaaguilar\/wp-content\/uploads\/sites\/13289\/2021\/12\/Screen-Shot-2021-12-08-at-8.16.00-AM-768x545.png 768w, https:\/\/eportfolios.capilanou.ca\/angelaaguilar\/wp-content\/uploads\/sites\/13289\/2021\/12\/Screen-Shot-2021-12-08-at-8.16.00-AM-1536x1089.png 1536w, https:\/\/eportfolios.capilanou.ca\/angelaaguilar\/wp-content\/uploads\/sites\/13289\/2021\/12\/Screen-Shot-2021-12-08-at-8.16.00-AM-2048x1452.png 2048w, https:\/\/eportfolios.capilanou.ca\/angelaaguilar\/wp-content\/uploads\/sites\/13289\/2021\/12\/Screen-Shot-2021-12-08-at-8.16.00-AM-135x96.png 135w\" sizes=\"auto, (max-width: 740px) 100vw, 740px\" \/><figcaption>I did mention that during my critique that I would try to have lines that branched off from the main graphic, but I scrapped the idea for two reasons: 1) While it did make the design look more abstract, it ruined the flow of information on the sides of the poster.<br>2) It created odd-looking instances of negative space.<\/figcaption><\/figure><\/div>\n\n\n\n<div style=\"height:47px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p>I started off with some rough sketches, already coming to the conclusion that I should incorporate all the different typefaces to create a main and eye-catching graphic that could be seen from afar. You could almost see me struggling in these sketches as well\u2014trying to find that balance of legibility and an abstract look while still having the information be readable. Around halfway through my sketches, I tried visualizing them more like shapes, which did help with the final result.<\/p>\n\n\n\n<div style=\"height:76px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">The Rationale<\/h2>\n\n\n\n<div style=\"height:47px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<figure class=\"wp-block-gallery columns-2 is-cropped wp-block-gallery-1 is-layout-flex wp-block-gallery-is-layout-flex\"><ul class=\"blocks-gallery-grid\"><li class=\"blocks-gallery-item\"><figure><img loading=\"lazy\" decoding=\"async\" width=\"360\" height=\"368\" src=\"https:\/\/eportfolios.capilanou.ca\/angelaaguilar\/wp-content\/uploads\/sites\/13289\/2021\/12\/indesign_hidden_characters_44.png\" alt=\"\" data-id=\"366\" data-full-url=\"https:\/\/eportfolios.capilanou.ca\/angelaaguilar\/wp-content\/uploads\/sites\/13289\/2021\/12\/indesign_hidden_characters_44.png\" data-link=\"https:\/\/eportfolios.capilanou.ca\/angelaaguilar\/?attachment_id=366\" class=\"wp-image-366\" srcset=\"https:\/\/eportfolios.capilanou.ca\/angelaaguilar\/wp-content\/uploads\/sites\/13289\/2021\/12\/indesign_hidden_characters_44.png 360w, https:\/\/eportfolios.capilanou.ca\/angelaaguilar\/wp-content\/uploads\/sites\/13289\/2021\/12\/indesign_hidden_characters_44-293x300.png 293w, https:\/\/eportfolios.capilanou.ca\/angelaaguilar\/wp-content\/uploads\/sites\/13289\/2021\/12\/indesign_hidden_characters_44-94x96.png 94w\" sizes=\"auto, (max-width: 360px) 100vw, 360px\" \/><\/figure><\/li><li class=\"blocks-gallery-item\"><figure><img loading=\"lazy\" decoding=\"async\" width=\"383\" height=\"318\" src=\"https:\/\/eportfolios.capilanou.ca\/angelaaguilar\/wp-content\/uploads\/sites\/13289\/2021\/12\/wY7Ah.png\" alt=\"\" data-id=\"367\" data-full-url=\"https:\/\/eportfolios.capilanou.ca\/angelaaguilar\/wp-content\/uploads\/sites\/13289\/2021\/12\/wY7Ah.png\" data-link=\"https:\/\/eportfolios.capilanou.ca\/angelaaguilar\/?attachment_id=367\" class=\"wp-image-367\" srcset=\"https:\/\/eportfolios.capilanou.ca\/angelaaguilar\/wp-content\/uploads\/sites\/13289\/2021\/12\/wY7Ah.png 383w, https:\/\/eportfolios.capilanou.ca\/angelaaguilar\/wp-content\/uploads\/sites\/13289\/2021\/12\/wY7Ah-300x249.png 300w, https:\/\/eportfolios.capilanou.ca\/angelaaguilar\/wp-content\/uploads\/sites\/13289\/2021\/12\/wY7Ah-116x96.png 116w\" sizes=\"auto, (max-width: 383px) 100vw, 383px\" \/><\/figure><\/li><\/ul><\/figure>\n\n\n\n<div style=\"height:47px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p>For the overall theme of the poster, and due to me mixing, overlapping, and integrating the typefaces with one another, I went with &#8220;Tie-In Typeface&#8221;. My reasoning behind this idea is despite how different each classification is, and how they all stem from one another\u2014they are ultimately tied to each other throughout typography&#8217;s evolution in history. The colour I chose for the underlayer of &#8220;shapes&#8221;&nbsp; is sky blue (according to Posca&#8217;s naming convention), which is a little reference to InDesigns hidden character options; I also used this to pair the minuscule letters to the main graphic majuscule letters.<\/p>\n\n\n\n<div style=\"height:76px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">The Outcome &amp; Final Thoughts<\/h2>\n\n\n\n<div style=\"height:47px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<figure class=\"wp-block-gallery columns-1 is-cropped wp-block-gallery-2 is-layout-flex wp-block-gallery-is-layout-flex\"><ul class=\"blocks-gallery-grid\"><li class=\"blocks-gallery-item\"><figure><img loading=\"lazy\" decoding=\"async\" width=\"702\" height=\"1024\" src=\"https:\/\/eportfolios.capilanou.ca\/angelaaguilar\/wp-content\/uploads\/sites\/13289\/2021\/12\/TypefacePoster-702x1024.png\" alt=\"\" data-id=\"368\" data-full-url=\"https:\/\/eportfolios.capilanou.ca\/angelaaguilar\/wp-content\/uploads\/sites\/13289\/2021\/12\/TypefacePoster.png\" data-link=\"https:\/\/eportfolios.capilanou.ca\/angelaaguilar\/?attachment_id=368\" class=\"wp-image-368\" srcset=\"https:\/\/eportfolios.capilanou.ca\/angelaaguilar\/wp-content\/uploads\/sites\/13289\/2021\/12\/TypefacePoster-702x1024.png 702w, https:\/\/eportfolios.capilanou.ca\/angelaaguilar\/wp-content\/uploads\/sites\/13289\/2021\/12\/TypefacePoster-206x300.png 206w, https:\/\/eportfolios.capilanou.ca\/angelaaguilar\/wp-content\/uploads\/sites\/13289\/2021\/12\/TypefacePoster-768x1119.png 768w, https:\/\/eportfolios.capilanou.ca\/angelaaguilar\/wp-content\/uploads\/sites\/13289\/2021\/12\/TypefacePoster-1054x1536.png 1054w, https:\/\/eportfolios.capilanou.ca\/angelaaguilar\/wp-content\/uploads\/sites\/13289\/2021\/12\/TypefacePoster-1405x2048.png 1405w, https:\/\/eportfolios.capilanou.ca\/angelaaguilar\/wp-content\/uploads\/sites\/13289\/2021\/12\/TypefacePoster-66x96.png 66w\" sizes=\"auto, (max-width: 702px) 100vw, 702px\" \/><\/figure><\/li><\/ul><\/figure>\n\n\n\n<div style=\"height:47px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p>I am pretty content with how this poster came out, and I&#8217;m impressed (albeit a little baffled) that I was able to execute it. I&#8217;ve had an ongoing battle with abstraction for the past several years, and this poster is a testament to how I&#8217;m branching out of my usual, first instinct, style. All together I spent around 10 hours on this project, with my sketches and digital iterations being the most time-consuming\u2014but after all, that&#8217;s how the process goes!<\/p>\n\n\n\n<p>However, despite my best efforts, I would give myself an 8.5\/10. I really wanted to incorporate more functionality with this poster, such as having little markings on the typefaces to show their stress angle, for example. It would just give the viewer a more better understanding than just listing the points, and I realized this too late when inking. I even thought about adding this to the typeface headers, but I accepted the fact that I should not do that. Headers are headers, not makeshift diagrams due to poor planning (I also don&#8217;t have a thin enough posca marker to make those indications as well, so that&#8217;s another reason).<\/p>\n\n\n\n<div style=\"height:76px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"has-text-align-center wp-block-heading\">Works Cited<\/h3>\n\n\n\n<p>Flask, Dominic. <em>Type Classification : Design Is History<\/em>, http:\/\/www.designishistory.com\/1450\/type-classification\/.<\/p>\n\n\n\n<p>\u201cA Guide to Type Styles.\u201d <em>A Guide to Type Styles | Fontsmith Blog<\/em>, https:\/\/www.fontsmith.com\/blog\/2019\/06\/24\/a-guide-to-type-styles.<\/p>\n\n\n\n<p>Keung, Laura. \u201cThe Different Types of Fonts: When to Use Each Font Type and When&nbsp;Not.\u201d <em>Design &amp; Illustration Envato Tuts+<\/em>, Envato Tuts, 17 Feb. 2020, https:\/\/design.tutsplus.com\/articles\/the-different-types-of-fonts-when-to-use-each-font-type-and-when-not&#8211;cms-33346.<\/p>\n\n\n\n<p>\u201cType Classifications.\u201d <em>Fonts.com<\/em>, https:\/\/www.fonts.com\/content\/learning\/fontology\/level-1\/type-anatomy\/type-classifications.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Like my previous project, the historical artifact project, I decided to go outside of my comfort zone with the design of this historical type identification poster. I&#8217;ve (almost reluctantly) come to realize that my design style is often corporate or traditional looking\u2014in short, simplified and rarely abstract since I always prioritize legibility and readability.&nbsp; However, [&hellip;]<\/p>\n","protected":false},"author":13166,"featured_media":368,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-364","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-uncategorized"],"_links":{"self":[{"href":"https:\/\/eportfolios.capilanou.ca\/angelaaguilar\/wp-json\/wp\/v2\/posts\/364","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/eportfolios.capilanou.ca\/angelaaguilar\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/eportfolios.capilanou.ca\/angelaaguilar\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/eportfolios.capilanou.ca\/angelaaguilar\/wp-json\/wp\/v2\/users\/13166"}],"replies":[{"embeddable":true,"href":"https:\/\/eportfolios.capilanou.ca\/angelaaguilar\/wp-json\/wp\/v2\/comments?post=364"}],"version-history":[{"count":8,"href":"https:\/\/eportfolios.capilanou.ca\/angelaaguilar\/wp-json\/wp\/v2\/posts\/364\/revisions"}],"predecessor-version":[{"id":378,"href":"https:\/\/eportfolios.capilanou.ca\/angelaaguilar\/wp-json\/wp\/v2\/posts\/364\/revisions\/378"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/eportfolios.capilanou.ca\/angelaaguilar\/wp-json\/wp\/v2\/media\/368"}],"wp:attachment":[{"href":"https:\/\/eportfolios.capilanou.ca\/angelaaguilar\/wp-json\/wp\/v2\/media?parent=364"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/eportfolios.capilanou.ca\/angelaaguilar\/wp-json\/wp\/v2\/categories?post=364"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/eportfolios.capilanou.ca\/angelaaguilar\/wp-json\/wp\/v2\/tags?post=364"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}