{"id":434,"date":"2020-12-02T11:19:24","date_gmt":"2020-12-02T11:19:24","guid":{"rendered":"https:\/\/eportfolios.capilanou.ca\/macuevas\/?p=434"},"modified":"2020-12-02T11:28:28","modified_gmt":"2020-12-02T11:28:28","slug":"typographic-infographic-timeline","status":"publish","type":"post","link":"https:\/\/eportfolios.capilanou.ca\/macuevas\/2020\/12\/02\/typographic-infographic-timeline\/","title":{"rendered":"Typographic Infographic Timeline"},"content":{"rendered":"\n<p><\/p>\n\n\n\n<figure class=\"wp-block-image alignwide size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"452\" src=\"https:\/\/eportfolios.capilanou.ca\/macuevas\/wp-content\/uploads\/sites\/11619\/2020\/12\/5A4D8997-1B2A-4BC2-BFA4-E908E968A75D_1_201_a-1024x452.jpeg\" alt=\"\" class=\"wp-image-441\" srcset=\"https:\/\/eportfolios.capilanou.ca\/macuevas\/wp-content\/uploads\/sites\/11619\/2020\/12\/5A4D8997-1B2A-4BC2-BFA4-E908E968A75D_1_201_a-1024x452.jpeg 1024w, https:\/\/eportfolios.capilanou.ca\/macuevas\/wp-content\/uploads\/sites\/11619\/2020\/12\/5A4D8997-1B2A-4BC2-BFA4-E908E968A75D_1_201_a-300x133.jpeg 300w, https:\/\/eportfolios.capilanou.ca\/macuevas\/wp-content\/uploads\/sites\/11619\/2020\/12\/5A4D8997-1B2A-4BC2-BFA4-E908E968A75D_1_201_a-768x339.jpeg 768w, https:\/\/eportfolios.capilanou.ca\/macuevas\/wp-content\/uploads\/sites\/11619\/2020\/12\/5A4D8997-1B2A-4BC2-BFA4-E908E968A75D_1_201_a-1536x678.jpeg 1536w, https:\/\/eportfolios.capilanou.ca\/macuevas\/wp-content\/uploads\/sites\/11619\/2020\/12\/5A4D8997-1B2A-4BC2-BFA4-E908E968A75D_1_201_a-2048x905.jpeg 2048w, https:\/\/eportfolios.capilanou.ca\/macuevas\/wp-content\/uploads\/sites\/11619\/2020\/12\/5A4D8997-1B2A-4BC2-BFA4-E908E968A75D_1_201_a-1200x530.jpeg 1200w, https:\/\/eportfolios.capilanou.ca\/macuevas\/wp-content\/uploads\/sites\/11619\/2020\/12\/5A4D8997-1B2A-4BC2-BFA4-E908E968A75D_1_201_a-1980x875.jpeg 1980w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption>The Final Poster, &#8216;Cutting Through Type&#8217; 10&#215;24&#8243;<\/figcaption><\/figure>\n\n\n\n<p>For my infographic timeline, my goal was to create a simple informative yet engaging infographic timeline poster about typography.  Once I had finished researching the dates and typeface categories, I  mulled over many different layouts and themes as seen in my process sketches below.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"1000\" src=\"https:\/\/eportfolios.capilanou.ca\/macuevas\/wp-content\/uploads\/sites\/11619\/2020\/12\/IMG_4064.png\" alt=\"\" class=\"wp-image-443\" srcset=\"https:\/\/eportfolios.capilanou.ca\/macuevas\/wp-content\/uploads\/sites\/11619\/2020\/12\/IMG_4064.png 800w, https:\/\/eportfolios.capilanou.ca\/macuevas\/wp-content\/uploads\/sites\/11619\/2020\/12\/IMG_4064-240x300.png 240w, https:\/\/eportfolios.capilanou.ca\/macuevas\/wp-content\/uploads\/sites\/11619\/2020\/12\/IMG_4064-768x960.png 768w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<p>I knew I wanted to incorporate black paper cuttings and I immediately thought of Saul Bass&#8217;s movie posters. After taking a look at some of his works I came across a poster that I thought I could work with perfectly given the bars for information.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/eportfolios.capilanou.ca\/macuevas\/wp-content\/uploads\/sites\/11619\/2020\/12\/Screen-Shot-2020-11-30-at-11.17.21-PM.png\" alt=\"\" class=\"wp-image-442\" width=\"350\" height=\"523\" srcset=\"https:\/\/eportfolios.capilanou.ca\/macuevas\/wp-content\/uploads\/sites\/11619\/2020\/12\/Screen-Shot-2020-11-30-at-11.17.21-PM.png 644w, https:\/\/eportfolios.capilanou.ca\/macuevas\/wp-content\/uploads\/sites\/11619\/2020\/12\/Screen-Shot-2020-11-30-at-11.17.21-PM-201x300.png 201w\" sizes=\"auto, (max-width: 350px) 100vw, 350px\" \/><figcaption>Saul Bass (1964)<\/figcaption><\/figure>\n\n\n\n<p> Once I gathered inspiration, I brainstormed titles involving something that breaks through the bars of type and I thought of the word &#8216;punchcutter&#8217;. That leads me to the idea of the metal typesetting and the title of &#8220;Cutting Through Type.&#8221; It worked to my favour that I could exaggerate the size of the movable type and incorporate the letter &#8216;T&#8217; into my title and then I cut out the black letters that would fall to hint at the word &#8216;type.&#8217;  <\/p>\n\n\n\n<p>For my colour choices, I wanted my poster to have high contrast with the black bars so I opted for a bold yellow colour as my background which I painted. I then accented dark blue lines that lead to the title (inspired by Jan Tschichold).  <\/p>\n\n\n\n<p><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Reflective Thoughts<\/h2>\n\n\n\n<p>This project was a lot of fun to put together but I definitely underestimated the amount of time it would take me to research accurate information and decide on a theme. Given the fact I spent more than 5 hours researching and planning out how I wanted the poster to look, and because of my efforts and satisfaction with the end result I rate my project a 10\/10. I think I successfully followed the brief and was able to incorporate design elements including colour, line, negative space. I liked my simplistic high contrast design and I don&#8217;t think I needed to add any more decorative elements. <\/p>\n\n\n\n<p><\/p>\n\n\n\n<p>Sources:<\/p>\n\n\n\n<p><a href=\"https:\/\/www.google.com\/search?q=behance+historical+typeface+timeline&amp;tbm=isch&amp;rlz=1C5CHFA_enCA917CA917&amp;hl=en&amp;sa=X&amp;ved=2ahUKEwiQrJ_u8qvtAhUFmp4KHbh6DcgQBXoECAEQKw&amp;biw=1130&amp;bih=873#imgrc=BrhYzFhncMV31M\">https:\/\/www.google.com\/search?q=behance+historical+typeface+timeline&amp;tbm=isch&amp;rlz=1C5CHFA_enCA917CA917&amp;hl=en&amp;sa=X&amp;ved=2ahUKEwiQrJ_u8qvtAhUFmp4KHbh6DcgQBXoECAEQKw&amp;biw=1130&amp;bih=873#imgrc=BrhYzFhncMV31M<\/a><\/p>\n\n\n\n<p><a href=\"https:\/\/www.pinterest.ca\/pin\/370913719292011128\/visual-search\/?x=16&amp;y=11&amp;w=530&amp;h=374&amp;cropSource=6\">https:\/\/www.pinterest.ca\/pin\/370913719292011128\/visual-search\/?x=16&amp;y=11&amp;w=530&amp;h=374&amp;cropSource=6<\/a><\/p>\n\n\n\n<p><a href=\"https:\/\/www.behance.net\/gallery\/95017721\/A-History-of-Typography\">https:\/\/www.behance.net\/gallery\/95017721\/A-History-of-Typography<\/a><\/p>\n\n\n\n<p><a href=\"https:\/\/visual.ly\/community\/Infographics\/history\/history-typography-timeline\">https:\/\/visual.ly\/community\/Infographics\/history\/history-typography-timeline<\/a><\/p>\n\n\n\n<p><a href=\"https:\/\/visual.ly\/community\/Infographics\/other\/history-typography-0\">https:\/\/visual.ly\/community\/Infographics\/other\/history-typography-0<\/a><\/p>\n\n\n\n<p><a href=\"https:\/\/www.pinterest.ca\/pin\/370913719292011128\/visual-search\/?x=16&amp;y=11&amp;w=530&amp;h=374&amp;cropSource=6\">https:\/\/www.pinterest.ca\/pin\/370913719292011128\/visual-search\/?x=16&amp;y=11&amp;w=530&amp;h=374&amp;cropSource=6<\/a><\/p>\n\n\n\n<p><a href=\"https:\/\/medium.com\/@glanceclock\/the-evolution-of-wall-clocks-c2b069b2d394\">https:\/\/medium.com\/@glanceclock\/the-evolution-of-wall-clocks-c2b069b2d394<\/a><\/p>\n\n\n\n<p><a href=\"https:\/\/cdn.knightlab.com\/libs\/timeline3\/latest\/embed\/index.html?source=14RjW-XGBNzODII3qcIc_BtJGF9Dqzf4jVGx2h-dpRNI&amp;font=Default&amp;lang=en&amp;timenav_position=top&amp;hash_bookmark=true&amp;initial_zoom=2&amp;height=650#event-didot-and-bodoni-emerge-as-the-first-modern-fonts\">https:\/\/cdn.knightlab.com\/libs\/timeline3\/latest\/embed\/index.html?source=14RjW-XGBNzODII3qcIc_BtJGF9Dqzf4jVGx2h-dpRNI&amp;font=Default&amp;lang=en&amp;timenav_position=top&amp;hash_bookmark=true&amp;initial_zoom=2&amp;height=650#event-didot-and-bodoni-emerge-as-the-first-modern-fonts<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>For my infographic timeline, my goal was to create a simple informative yet engaging infographic timeline poster about typography. Once I had finished researching the dates and typeface categories, I mulled over many different layouts and themes as seen in my process sketches below. I knew I wanted to incorporate black paper cuttings and I [&hellip;]<\/p>\n","protected":false},"author":11565,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[9],"tags":[],"class_list":["post-434","post","type-post","status-publish","format-standard","hentry","category-idea"],"_links":{"self":[{"href":"https:\/\/eportfolios.capilanou.ca\/macuevas\/wp-json\/wp\/v2\/posts\/434","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/eportfolios.capilanou.ca\/macuevas\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/eportfolios.capilanou.ca\/macuevas\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/eportfolios.capilanou.ca\/macuevas\/wp-json\/wp\/v2\/users\/11565"}],"replies":[{"embeddable":true,"href":"https:\/\/eportfolios.capilanou.ca\/macuevas\/wp-json\/wp\/v2\/comments?post=434"}],"version-history":[{"count":3,"href":"https:\/\/eportfolios.capilanou.ca\/macuevas\/wp-json\/wp\/v2\/posts\/434\/revisions"}],"predecessor-version":[{"id":447,"href":"https:\/\/eportfolios.capilanou.ca\/macuevas\/wp-json\/wp\/v2\/posts\/434\/revisions\/447"}],"wp:attachment":[{"href":"https:\/\/eportfolios.capilanou.ca\/macuevas\/wp-json\/wp\/v2\/media?parent=434"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/eportfolios.capilanou.ca\/macuevas\/wp-json\/wp\/v2\/categories?post=434"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/eportfolios.capilanou.ca\/macuevas\/wp-json\/wp\/v2\/tags?post=434"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}