{"id":196,"date":"2020-12-02T16:55:59","date_gmt":"2020-12-02T16:55:59","guid":{"rendered":"https:\/\/eportfolios.capilanou.ca\/imogenpettyfer\/?p=196"},"modified":"2020-12-02T23:28:39","modified_gmt":"2020-12-02T23:28:39","slug":"typographic-infographic","status":"publish","type":"post","link":"https:\/\/eportfolios.capilanou.ca\/imogenpettyfer\/2020\/12\/02\/typographic-infographic\/","title":{"rendered":"Typographic Infographic"},"content":{"rendered":"\n<p class=\"has-large-font-size\"><strong>Typography through the Years <\/strong><\/p>\n\n\n\n<p class=\"has-normal-font-size\"><strong>Design Rational<\/strong><\/p>\n\n\n\n<div class=\"wp-block-image is-style-default\"><figure class=\"alignright size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/eportfolios.capilanou.ca\/imogenpettyfer\/wp-content\/uploads\/sites\/11730\/2020\/12\/IMG_6760-842x1024.jpg\" alt=\"\" class=\"wp-image-200\" width=\"258\" height=\"300\" \/><figcaption>the aftermath of cutting the first letters out of the lettering I did from my first attempt<\/figcaption><\/figure><\/div>\n\n\n\n<p>For this project I was first very excited to start but when it came to the execution of it I failed quite miserably to my intentions. At first I was thinking to do an extensive timeline on typography highlighting selected type categories and typefaces and giving them all individual backgrounds to something they represent (eg. Gill Sans was made for the London Underground so the background would be a sign based off of that). Of course this was too ambitious soI decided to just colour the infographic is a few different colours. This did not turn out the way I wanted so I started to cut out the lettering I did and stick it onto a new piece of paper as well as the timeline. All the information is there which is why I am still giving myself <strong>9.5\/13<\/strong> since all the research and information is there (and I will type it in here again as it may be hard to read), but my creativity was not successful as my self-doubt drove me into disliking my project. In light of my failure to be proud of this work, for myself I am going to redo this project. Not to be marked on but just to prove to myself that my initial idea can be handled and I can do it.<\/p>\n\n\n\n<p><strong>Writing &amp; Research on the Infographic<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\" type=\"1\"><li>1440 \u2013 Beginning of the Printing Press<\/li><li>1450 \u2013 Copperplate engraving in use in Europe<\/li><li>1452 \u2013 Blackletter first moveable type created for Gutenberg Bible<\/li><\/ul>\n\n\n\n<p>Blackletter was the first successful movable type. It mimicked the earlier writing of monks.<\/p>\n\n\n\n<ul class=\"wp-block-list\" type=\"1\"><li>1465 \u2013 First specimen of a Roman style typeface (Sweynheym and Pannartz)<\/li><li>1471 \u2013 Nicholas Jenson creates first Old Style Faces, Jenson<\/li><li>1495 \u2013 Francesco da Bologna (Griffo) created Bembo<\/li><\/ul>\n\n\n\n<p>Bembo is an Old-Style typeface. Characterized with a diagonal axis and low contrast. It was influenced by Roman Type.<\/p>\n\n\n\n<ul class=\"wp-block-list\" type=\"1\"><li>1500 \u2013 Fraktur arose<\/li><li>1501 \u2013 Francesco Griffo creates the first italic typefaces<\/li><\/ul>\n\n\n\n<p>Italic is a font within a typeface family. It is a fully new creation of type, not just a slanted version of the regular font. It is used for emphasis and quotation.<\/p>\n\n\n\n<ul class=\"wp-block-list\" type=\"1\"><li>1533 \u2013 Garamond typeface designed<\/li><li>1557 \u2013 Humanistic Script<\/li><\/ul>\n\n\n\n<p>Civilite was the first Humanist Script typeface. It was specifically made to relate to French handwriting<\/p>\n\n\n\n<ul class=\"wp-block-list\" type=\"1\"><li>1692 \u2013 First Transitional typefaces, Romain du Roi<\/li><\/ul>\n\n\n\n<p>Romain du Roi was the first Transitional typeface and was commissioned by King Louis XIV. It is similar to Old-Style but the axis is vertical.<\/p>\n\n\n\n<ul class=\"wp-block-list\" type=\"1\"><li>1722 \u2013 Caslon, old style typefaces<\/li><li>1737 \u2013 Fournier le Jeune, standardize type size<\/li><li>1757 \u2013 Baskerville created John Baskerville<\/li><li>1784 \u2013 Didot, first true modern typeface<\/li><\/ul>\n\n\n\n<p>Didot was the first true modern type, with high contrast with thick and thin lines. It is hard to read as body copy. Mainly used as a titles for magazine covers.<\/p>\n\n\n\n<ul class=\"wp-block-list\" type=\"1\"><li>1789 \u2013 relief etching&nbsp;<\/li><li>1791 \u2013 Bodoni created (modern typeface)<\/li><li>1796 \u2013 Aloys Senefelder invents lithography<\/li><li>1803 \u2013 Robert Thorne, first fat faces typeface (display typefaces)<\/li><li>1815 \u2013 Vincent Figgins designs first slab serif typeface<\/li><li>1816 \u2013 First sans serif typeface by William Caslon IV (Grotesque)<\/li><li>1827 \u2013 Wood Display type by Darius Wells<\/li><li>1845 \u2013 Clarendon created by Herman Eidenbenz<\/li><li>1898 \u2013 Akzidenz Grotesk designed<\/li><li>1901 \u2013 Behrens Schrift typeface<\/li><li>1901 \u2013 Copperplate Gothic designed<\/li><li>1904 \u2013 Franklin Gothic by Morris Fuller Benton<\/li><\/ul>\n\n\n\n<p>Franklin Gothic was one of the first Sans Serif typefaces also known as Grotesque. It was called that because most saw it as ugly.<\/p>\n\n\n\n<ul class=\"wp-block-list\" type=\"1\"><li>1909 \u2013 corporate identity or visual identity for the AEG logo<\/li><li>1915 \u2013 Goudy Old Style was created by Frederic W. Goudy<\/li><li>1916 \u2013 Johnston typeface by Edward Johnston for the London underground<\/li><li>1925 \u2013 Universal Alphabet<\/li><li>1927 \u2013 Futura Designed by Paul Renner<\/li><\/ul>\n\n\n\n<p>Futura is a geometric typeface, influenced by the Bauhaus Movement<\/p>\n\n\n\n<ul class=\"wp-block-list\" type=\"1\"><li>1928 \u2013 Gill Sans designed by Eric Gill<\/li><\/ul>\n\n\n\n<p>Gill Sans is an example of a Humanist typeface. This category of type is known to be very legible, in fact, Gill Sans is known as Britain&#8217;s Helvetica it is widely used throughout the nation.<\/p>\n\n\n\n<ul class=\"wp-block-list\" type=\"1\"><li>1932 \u2013 Times New Roman designed, successful newspaper typeface&nbsp;<\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image alignwide size-large is-style-default\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"736\" src=\"https:\/\/eportfolios.capilanou.ca\/imogenpettyfer\/wp-content\/uploads\/sites\/11730\/2020\/12\/redo-infographic-1024x736.jpg\" alt=\"\" class=\"wp-image-203\" srcset=\"https:\/\/eportfolios.capilanou.ca\/imogenpettyfer\/wp-content\/uploads\/sites\/11730\/2020\/12\/redo-infographic-1024x736.jpg 1024w, https:\/\/eportfolios.capilanou.ca\/imogenpettyfer\/wp-content\/uploads\/sites\/11730\/2020\/12\/redo-infographic-300x215.jpg 300w, https:\/\/eportfolios.capilanou.ca\/imogenpettyfer\/wp-content\/uploads\/sites\/11730\/2020\/12\/redo-infographic-768x552.jpg 768w, https:\/\/eportfolios.capilanou.ca\/imogenpettyfer\/wp-content\/uploads\/sites\/11730\/2020\/12\/redo-infographic-1536x1103.jpg 1536w, https:\/\/eportfolios.capilanou.ca\/imogenpettyfer\/wp-content\/uploads\/sites\/11730\/2020\/12\/redo-infographic-2048x1471.jpg 2048w, https:\/\/eportfolios.capilanou.ca\/imogenpettyfer\/wp-content\/uploads\/sites\/11730\/2020\/12\/redo-infographic-688x494.jpg 688w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption>Redo version of the Typographic Infographic<\/figcaption><\/figure>\n\n\n\n<p><strong>Citation<\/strong><\/p>\n\n\n\n<p style=\"font-size:15px\"><a href=\"https:\/\/creativemarket.com\/blog\/visual-guide-to-font-styles\">https:\/\/creativemarket.com\/blog\/visual-guide-to-font-styles<\/a><\/p>\n\n\n\n<p style=\"font-size:15px\"><a href=\"https:\/\/www.lifewire.com\/old-style-typeface-1079103\">https:\/\/www.lifewire.com\/old-style-typeface-1079103<\/a><\/p>\n\n\n\n<p style=\"font-size:15px\"><a href=\"https:\/\/en.wikipedia.org\/wiki\/Blackletter\">https:\/\/en.wikipedia.org\/wiki\/Blackletter<\/a><\/p>\n\n\n\n<p style=\"font-size:15px\"><a href=\"https:\/\/yaytext.com\/fraktur\/\">https:\/\/yaytext.com\/fraktur\/<\/a><\/p>\n\n\n\n<p style=\"font-size:15px\"><a href=\"http:\/\/luc.devroye.org\/fonts-89919.html\">http:\/\/luc.devroye.org\/fonts-89919.html<\/a><\/p>\n\n\n\n<figure class=\"wp-block-embed-wordpress wp-block-embed is-type-wp-embed is-provider-b-creative-branding\"><div class=\"wp-block-embed__wrapper\">\nhttp:\/\/www.bcreativebranding.co.uk\/typography-2-classification\/\n<\/div><\/figure>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Typography through the Years Design Rational For this project I was first very excited to start but when it came to the execution of it I failed quite miserably to my intentions. At&#8230;<\/p>\n","protected":false},"author":11672,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[2],"tags":[],"class_list":["post-196","post","type-post","status-publish","format-standard","hentry","category-ides-141"],"_links":{"self":[{"href":"https:\/\/eportfolios.capilanou.ca\/imogenpettyfer\/wp-json\/wp\/v2\/posts\/196","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/eportfolios.capilanou.ca\/imogenpettyfer\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/eportfolios.capilanou.ca\/imogenpettyfer\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/eportfolios.capilanou.ca\/imogenpettyfer\/wp-json\/wp\/v2\/users\/11672"}],"replies":[{"embeddable":true,"href":"https:\/\/eportfolios.capilanou.ca\/imogenpettyfer\/wp-json\/wp\/v2\/comments?post=196"}],"version-history":[{"count":5,"href":"https:\/\/eportfolios.capilanou.ca\/imogenpettyfer\/wp-json\/wp\/v2\/posts\/196\/revisions"}],"predecessor-version":[{"id":202,"href":"https:\/\/eportfolios.capilanou.ca\/imogenpettyfer\/wp-json\/wp\/v2\/posts\/196\/revisions\/202"}],"wp:attachment":[{"href":"https:\/\/eportfolios.capilanou.ca\/imogenpettyfer\/wp-json\/wp\/v2\/media?parent=196"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/eportfolios.capilanou.ca\/imogenpettyfer\/wp-json\/wp\/v2\/categories?post=196"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/eportfolios.capilanou.ca\/imogenpettyfer\/wp-json\/wp\/v2\/tags?post=196"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}