{"id":2629,"date":"2014-07-16T10:00:49","date_gmt":"2014-07-16T09:00:49","guid":{"rendered":"http:\/\/www.maratz.com\/blog\/?p=2629"},"modified":"2014-07-21T15:11:32","modified_gmt":"2014-07-21T14:11:32","slug":"tdi-type-design-summer-course-day-2","status":"publish","type":"post","link":"http:\/\/www.maratz.com\/blog\/archives\/2014\/07\/16\/tdi-type-design-summer-course-day-2\/","title":{"rendered":"TDi: Type Design Summer Course Day 2"},"content":{"rendered":"<p>This is the second post in a series of articles covering my week attending the <a href=\"http:\/\/www.reading.ac.uk\/typography\/Shortcourses\/typ-shortcoursesTDi.aspx\">TDi summer course<\/a> in Reading. Read the <a href=\"\/blog\/archives\/2014\/07\/15\/tdi-type-design-summer-course-day-1\/\">Day One<\/a>.<\/p>\n<p>Things are getting more and more interesting. Today we are narrowing the focus from the general history of type and general get-to-knowing the Non-Latin scripts to historical causes that led to the forms we have today, with an accent to variety and stylistic and functional inventions.<\/p>\n<p>There are so many things going on that I\u2019m again sharing just various (unstructured) bits that I find relevant from a web design perspective.<\/p>\n<h2>Key Considerations for Non-Latin Letterforms with Dr. Fiona Ross<\/h2>\n<p>Indian scripts are left to right, but all letters are unicase. They are not uniform or dull though, as we\u2019ve been shown an Indian 18th century manuscript that features quite interesting flourishes (swashes). So it is possible to introduce a bit of style in an Indian typeface.<\/p>\n<p>Arabic and Indian have the same set of problems like the Latin scripts (kerning, spacing, legibility), but these are much more amplified probably because the spacing is so delicate. Most of the time, Non-Latin scripts were simplified in form because of the printing process (think Linotype \/ Monotype machines), which also influenced how certain glyphs connected to one another, sometimes breaking the authenticity of the script. This is the legacy that has to be taken into consideration when designing the more authentic Non-Latin typeface.<\/p>\n<p>Non-Latin type design issues:<\/p>\n<ul>\n<li>character set<\/li>\n<li>extra-wide characters<\/li>\n<li>complex characters<\/li>\n<li>tiered scripts<\/li>\n<li>kerning requirements<\/li>\n<li>joining and non-joining<\/li>\n<li>reading directions<\/li>\n<li>multi-level or base jumps<\/li>\n<li>positioning of sub- an super-scripts<\/li>\n<li>special spacing requirements<\/li>\n<li>composing methods<\/li>\n<li>software requirements<\/li>\n<\/ul>\n<h2>Calligraphy class with Ewan Clayton<\/h2>\n<p>This was a very practical workshop held by <a href=\"http:\/\/www.ewanclayton.co.uk\/\">Ewan Clayton<\/a>. We\u2019ve used more than a dozen of A3 sheets for various calligraphic exercises, from simple straight lines with variable nib angles, to dozens of ways to end a stroke (hint: serifs and swashes), to simple loops, to writing a complete glyph with a single gesture.<\/p>\n<p>Clayton draws a beautiful parallel between Roman Empire collapse around 200 CE (common era) and the Roman script becoming less organised and emphasises the development of \u201cnational \/ regional\u201d less standardised scripts in areas that used to be under the much tighter influence of Rome. 50 BCE the time of great civil wars, the time of Julius Caesar. The war spreads to Egypt. Cleopatra is the queen of Egypt. At that moment everything Egyptian is fashionable in Rome. And in that period we can notice modulated thickness (modulation in strokes).<\/p>\n<p>The simplest choice for modulating the thickness is using broad slanted nib. The \u201crustic family\u201d of Roman letters have thick upward moving horizontal strokes (mostly influenced by the increased speed of writing), while more formal writing emphasises downstrokes.<\/p>\n<p>Clayton explains the reasoning behind the width of certain letters in Roman capitals. Letters with lots of verticals like M or W should be designed a little wider. Letters with a lot of horizontals like E or F or S should be designed a little narrower. With curves in O or C we have to compensate for the optical illusion, so these have to slightly overshoot the baseline at the bottom and the cap heigh at the top. Most of us know this in theory, but when you actually try it, you quickly learn that the things are not that straight forward.<\/p>\n<p>Here comes the mind blowing part. Lowercase letters were simply the super-fast versions of uppercase letters developed from 200 CE to 500 CE. Again, you know that in theory, but we\u2019ve witnessed Clayton\u2019s demonstration of transition from a perfect uppercase letter to the lowercase version. It\u2019s absolutely amazing how everything falls into its place after you see how the increased speed changes the shape of the letter. That was another proof that form follows function.<\/p>\n<p>Pro tip #1: Padded surface for calligraphy enables connection with the material. As Clayton explained, placing the nib on a surface is the same as landing a spaceship. You want the angles perfectly aligned. Experienced calligraphers use leather, but I was suggested to just use a paper tissue underneath the sheet of paper I was writing on \u2014&nbsp;along with an encouraging remark: \u201cYou\u2019ll enjoy much more\u201d. And I did! It really felt different.<\/p>\n<p>Pro tip #2: Writing on a table vs. writing on a drawing board: you have to refill the ink every two letters when writing on a table because gravity does its thing. On the other hand, you can write half a line when writing on a vertical surface, because the ink flows out of the pen at a much slower and more even pace.<\/p>\n<h2>W.A. Dwiggins with Gerard Unger<\/h2>\n<p>Once again Unger took us on a trip to history and showcased the work of <a href=\"http:\/\/en.wikipedia.org\/wiki\/William_Addison_Dwiggins\">William Addison Dwiggins<\/a>, a famous type and graphic designer from the beginning of the 20th century. Dwiggins established the Society of Calligraphers and wrote the <a href=\"http:\/\/www.amazon.co.uk\/Layout-advertising-W-A-Dwiggins\/dp\/B0007DLEIM?tag=maratzcom-20\">\u201cLayout in Advertising\u201d<\/a> (still relevant today) among many other things.<\/p>\n<p>Probably the most interesting of Dwiggins\u2019 inventions was the M-formula (as in Marionette). That\u2019s basically using hard angles (instead of the soft ones) to tame the light and produce the optically well pronounced end result.<\/p>\n<p>\u201cIf Dwiggins can do it, you can do it\u201d \u2014 Unger commented on mixing serifs in a lowercase \u201ch\u201d and adding an M-formula angle.<\/p>\n<h2>Dinner<\/h2>\n<p>Everyone in the group is pretty engaged, so we are not missing discussions about typography, design in general and of course the cultural differences (including everyone\u2019s favourite topic about each nation\u2019s most disgusting swear). It\u2019s super important to discover and share stories and realise that there are other cool people out there that can understand your pains and inspire you to move forward.<\/p>\n<p>Read next: <a href=\"http:\/\/www.maratz.com\/blog\/archives\/2014\/07\/17\/tdi-type-design-summer-course-day-3\/\">Day 3<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>This is the second post in a series of articles covering my week attending the TDi summer course in Reading. Read the Day One. Things are getting more and more interesting. Today we are narrowing the focus from the general history of type and general get-to-knowing the Non-Latin scripts to historical causes that led to [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[16],"tags":[],"_links":{"self":[{"href":"http:\/\/www.maratz.com\/blog\/wp-json\/wp\/v2\/posts\/2629"}],"collection":[{"href":"http:\/\/www.maratz.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/www.maratz.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/www.maratz.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/www.maratz.com\/blog\/wp-json\/wp\/v2\/comments?post=2629"}],"version-history":[{"count":3,"href":"http:\/\/www.maratz.com\/blog\/wp-json\/wp\/v2\/posts\/2629\/revisions"}],"predecessor-version":[{"id":2662,"href":"http:\/\/www.maratz.com\/blog\/wp-json\/wp\/v2\/posts\/2629\/revisions\/2662"}],"wp:attachment":[{"href":"http:\/\/www.maratz.com\/blog\/wp-json\/wp\/v2\/media?parent=2629"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.maratz.com\/blog\/wp-json\/wp\/v2\/categories?post=2629"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.maratz.com\/blog\/wp-json\/wp\/v2\/tags?post=2629"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}