Casper Canovas. Typography from the. The old one who is. loved. East. , is winter with flowers. Foreverbooks ISBN

Transkript

1 Casper Canovas, is winter with flowers. Foreverbooks ISBN East loved Typography from the The old one who is Foreverbooks

2 TYPOGRAPHY FROM THE EAST A VISUAL JOURNEY THROUGH ASIA S WRITTEN WORD CASPER CANOVAS FOREVERBOOKS TYPOGRAPHY FROM THE EAST - A VISUAL JOURNEY THROUGH ASIA S WRITTEN WORD 3

3 Contact Foreverbooks Postboks 657 Sentrum 0181 Oslo Foreverbooks 2nd editition Copyright 2010 by Foreverbooks and published designers and typographers. All rights reserved. No part of this book may be reproduced in any form without written permission from Foreverbooks or the published designers and typographers. ccontent Introduction 7 East vs West 20 Historic Perspective 37 Geography 52 Asian Aestehics 59 Asian Keyboards 78 Arabic 99 Indo Chinese 131 Mandarin 153 Korean 170 Sanskrit 185 Japanese 196 Cyrillic 211 Crossing Cultures 234 End note 250 References and Acknowledgements 253 Coverdesign: Aina Cecilie Moen Printers: Blockprint Paper: 90 g Bearpaper ISBN TYPOGRAPHY FROM THE EAST - A VISUAL JOURNEY THROUGH ASIA S WRITTEN WORD TYPOGRAPHY FROM THE EAST - A VISUAL JOURNEY THROUGH ASIA S WRITTEN WORD 5

4 iintroduction The beauty of typography has no borders. While most of us work with the familiar Latin alphabet, international projects usually require quite extensive knowledge about less familiar writing systems from around the world. The aesthetics and structure of such designs can be strongly related to the shape and legibility of the letterforms, so learning about international writing systems will certainly help you create more attractive and engaging Web designs. Pick any language you like: Arabic, Chinese, Japanese, maybe Nepali? Each is based on a different writing system, which makes it interesting to figure out how they work. Today, we ll cover five categories of writing systems. This may sound tedious and academic, but it s not. If you take the time to understand them, you ll find that they all give us something special. We ve tried to present at least one special feature of each language from which you can draw inspiration and apply to your own typography work. We ll cover: East Asian writing systems, Arabic and Indic scripts (Brahmic). 6 TYPOGRAPHY FROM THE EAST - A VISUAL JOURNEY THROUGH ASIA S WRITTEN WORD TYPOGRAPHY FROM THE EAST - A VISUAL JOURNEY THROUGH ASIA S WRITTEN WORD 7

5 e East Asian Writing Systems EAST ASIAN WRITING SYSTEMS Obviously, the Chinese uses Chinese characters (where they are known as hanzi). But Chinese characters are also used in various forms in Japanese (where they are known as kanji) and Korean (hanja). In this section, we will look at four East Asian writing systems: Chinese, Japanese, Korean and Vietnamese. TThe eight Principles of Yong Because many commonly used Chinese characters have 10 to 30 strokes, certain stroke orders have been recommended to ensure speed, accuracy and legibility in composition. So, when learning a character, one has to learn the order in which it is written, and the sequence has general rules, such as: top to bottom, left to right, horizontal before vertical, middle before sides, left-falling before right-falling, outside before inside, inside before enclosing strokes. East Asian Writing Systems 134 CCHINESE CHARACTERS Chinese characters are symbols no way to guess it. Add to this the that do not comprise an alphabet. fact that being literate in Chinese This writing system, in which each requires memorizing about 4,000 character generally represents either a complete one-syllable word language to learn. Fortunately for characters and you ve got quite a or a single-syllable part of a word, us, we don t need to learn Chinese is called logo-syllabic. This also in order to appreciate the beauty means that each character has its of its writing. own pronunciation, and there is TYPOGRAPHY FROM THE EAST - A VISUAL JOURNEY THROUGH ASIA S WRITTEN WORD The Eight Principles of Yong outlines how to write these strokes, which are common in Chinese characters and can all be found in the character for yǒng ( 永, which translates as forever or permanence ). It was believed that practicing these principles frequently as a budding calligrapher would ensure beauty in one s writing. The strokes in Chinese characters fall into eight main categories: horizontal ( 一 ), vertical ( 丨 ), left-falling ( 丿 ), right-falling ( 丶 ), rising, dot ( ), hook ( 亅 ) and turning ( 乛, 乚, 乙, etc.). TYPOGRAPHY FROM THE EAST - A VISUAL JOURNEY THROUGH ASIA S WRITTEN WORD 135

6 East Asian Writing Systems ffoure TREASURES OF THE STUDY REFERS TO THE BRUSH, INK, PAPER AND INK STONE Four treasures of the study is an expression that refers to the brush, ink, paper and ink stone used in Chinese and other East Asian calligraphic traditions. The head of the brush can be made of the hair (or feather) of a variety hhorizontal & VERTICAL WRITING East Asian Writing Systems of animals, including wolf, rabbit, deer, chicken, duck, goat, pig and tiger. The Chinese and Japanese also have a tradition of making a brush from the hair of a newborn, as a once-in-a-lifetime souvenir sfor the child. SEAL & SEAL PASTE Many East Asian scripts (such as In modern times, using a Western Chinese, Japanese and Korean) layout of horizontal rows running can be written horizontally from left to right and being or vertically, because they read from top to bottom has consist mainly of disconnected become more popular. Signs syllabic units, each conforming are particularly challenging for to an imaginary square frame. written Chinese, because they Traditionally, Chinese is written can be written either left to right The artist usually completes their in vertical columns from top to or right to left (the latter being work of calligraphy by adding bottom; the first column on the more of a traditional layout, with their seal at the very end, in red right side of the page, and the each column being one character ink. The seal serves as a signature text starting on the left. high), as well as top to bottom. and is usually done in an old style TYPOGRAPHY FROM THE EAST - A VISUAL JOURNEY THROUGH ASIA S WRITTEN WORD TYPOGRAPHY FROM THE EAST - A VISUAL JOURNEY THROUGH ASIA S WRITTEN WORD

7 East Asian Writing Systems East Asian Writing Systems Seal script is the oldest style and continues to be widely practiced, although most people today cannot read it. It is considered an ancient script, generally not used outside of calligraphy or carved seals, hence the name. In clerical script, characters are generally flat in appearance. They are wider than the seal script and the modern standard script, both of which tend to be taller than wider. Some versions of clerical are square, and others are wider. Compared to seal script, forms are strikingly rectilinear; but some curvature and influence from seal script remains. ddifferent STYLES In Chinese calligraphy, Chinese characters can be written in five major styles. These styles are intrinsic to the history of Chinese script. The cursive script is a fully cursive script, with drastic simplifications and ligatures, requiring specialized knowledge to be read. Entire characters may be written without lifting the brush from the paper at all, and characters frequently flow into one another. Strokes are modified or eliminated completely to facilitate smooth writing and create a beautiful abstract appearance. Characters are highly rounded and soft in appearance, with a noticeable lack of angular lines. The semi-cursive script approximates normal handwriting, in which strokes and (more rarely) characters are allowed to run into one another. In writing in the semi-cursive script, the brush leaves the paper less often than with the regular script. Characters appear less angular and rounder. The characters are also bolder. The regular script is one of the last major calligraphic styles to develop from a neatly written early-period semi-cursive form of clerical script. As the name suggests, this script is regular, with each stroke written slowly and carefully, the brush being lifted from the paper and all strokes distinct from each other. 138 TYPOGRAPHY FROM THE EAST - A VISUAL JOURNEY THROUGH ASIA S WRITTEN WORD TYPOGRAPHY FROM THE EAST - A VISUAL JOURNEY THROUGH ASIA S WRITTEN WORD 139

8 Oblig 4 Rapport for Book Design 3nd Semester Graphic Design 2 (GRA2) semesterstart Mars 2013 av Aina Cecilie Moen Innledning I forbindelse med utleveringen av obligatorisk oppgave 4 i kurset GRA2 ble det bedt om å lage bokomslag, de første sidene i boken samt valgt emne som eksempel på innholdet for boken Typography from the East. Valget stod mellom Arabisk, Indisk og Øst Asiatisk skrivesystemer, der det ble valgt å designe layoutet for Øst Asia. Det skulle fokuseres på typografi, grid og farger der tekst, bilder og format ble gitt. Ved research, ideutvikling og skissering ble konseptet til layoutet spesifisert. Ved hjelp av Photoshop ble omslaget laget og InDesign ble brukt for layoutet av boken. Rapporten gjenspeiler arbeidsprosessen, begrunnelse av designvalg og egenvurdering. Tilslutt presenteres hva jeg har fått ut av oppgaven. Tolkning av oppgaven Obligatorisk oppgave 4 i Grafisk Design år 2 gikk ut på å designe bokomslag til boken Typography from the East, samt tittelside, kolofon side, innholdsfortegnelse, forord og tekst sider for valgte emne med bilder og illustrasjoner. Det kunne velges mellom emnene Arabisk, Indisk eller Øst Asiatisk skrivesystemer for tekstsidene. All tekst, Illustrasjoner, bilder og format samt bokomslag template ble gitt. For utførelsen av oppgaven skulle det fokuseres på typografi, layout og farger der konsept, kommunikasjon, innovativ, typografi, farger og form skulle vektlegges. Budskap Boken Typography from the East skal formidle design og uttrykk av typografi fra østen for interesserte vestlige designere. Designet uttrykker profesjonalitet og stor kunnskap innen typografi fra østen. Leseren skal kunne føle troverdighet og lett få en forståelse av stoffet samtidig som det gir et moderne uttrykk som presenterer noe historisk. Research og arbeidsprosess Da det var tre ulike emner å velge mellom ble det først sett på de ulike materialene som var tilgjengelig for innholdet av boken. Ut fra førsteinntrykket var det Indisk skrivesystem som var favoritten og ønske om å jobbe med. Tilhørende tekst og bilder ble lagt kjapt inn i InDesign for en oversikt over omtrentlig hvor mye plass tekst og bilder tok. Da bilder og tekst ble studert, kom det ikke noen umiddelbar ide om hvordan dette kunne presenteres på en bra måte. Derfor ble innholdet for Øst Asia lastet den og lagt inn i InDesign for vurdering. Siden dette emnet allerede var et kjent tema og innholdet ga ideer til layout ble det valgt for videre bearbeidelse. Kreativ metode og Inspirasjonsmetode Det ble gjort en tankeprosess rundt hvilke design elementer som skulle fokuseres på (se skisser) og hvordan typografi kunne spille en rolle i layoutet. Ideer som fokuserte på kontrast, og jobbing innenfor og utenfor grid ble vurdert. Inspirasjon til utviklingen av bokomslag og layout ble innhentet ved bruk av Internett for deretter samlet til et moodboardet (se moodboard) for videre designutvikling. Analyse Internett ble brukt for å finne ut hva som er gjort i lignende bøker tidligere. Det var et par eksempler som Oblig 4 Rapport for Book Design - 3nd Semester Graphic Design2 (GRA2) - Aina Cecilie Moen Aina Cecilie Moen - 3nd Semester Graphic Design2 (GRA2) - Oblig 4 Rapport for Book Design

9 refererte til samme bok, der begge designene var inspirert av diagonal grid. Derfor ble ikke denne stilen utført i denne oppgaven. Samtidig ble det observert at disse designene spilte mye på typografi i selve teksten, noe som såg stilig ut, men kanskje ikke gagner leseligheten og brukervennligheten. Moodboard Videre arbeidsprosess Etter ideutviklingsprosessen ble ideene skissert ned for å se hvordan det kunne fungere (se skisser). Da flere ulike skisseideer var utarbeidet ble favoritten prøvd ut i InDesign. Arbeidet startet med layout for brødteksten, da det var ønskelig å ta utgangspunkt i den griden og stilen som passet den mest utfordrende delen, for videre arbeid med resten av boken. Det ble først utprøvd en grid med mye rom der hvert avsnitt fikk hver sin side. Dette viste seg og ikke passe helt for en bok på så mange sider som det var spesifisert. Dermed ble innholdet samlet til totalt seks sider for teksten om det valgte emnet. Det var ønske å jobbe med kontrast i typografien, noe som viste seg å være mulig i overskriftene, der nummer og & ble fremhevet for å skape blikkfang. Dette viste seg å ikke fungere like bra og ble endret under designprosessen til drop caps for hvert avsnitt. Ulike grid ble prøvd ut, fra 5 til 12 kolonner, med ulik antall guides (se elektroniske skisser). Da det var ønskelig å ha muligheten for margtekst, ble det endelig valgt å jobbe ut fra en grid på 8 kolonner, der 6 var dedikert for hoved tekst delt i to kolonner og to i ytterkant til margtekst for bilder og illustrasjoner, med en guid på 12 rader. Denne griden ble også et utgangspunkt for omslaget og de resterende sidene i boken. Da griden var valgt ble ulike designelement, som tallene, & -ene og etterhvert drop capsen, prøvd med ulike designstil, samt plassering av tekst og bilder justert for tilslutt det endelige resultatet. Det var i utgangspunktet ikke tenkt å ha farger, men etter å søkt videre på ideer ble det observert at farger kunne gjøre brukervennligheten bedre. Det ble funnet en fargepalett som ble kopiert da disse fargene ga riktig stiluttrykk, og ble tilført ulike designelementer. Omslaget ble jobbet med tilslutt for å sikre lik stil som inni boken. Det var tidlig tenkt å bruke en stor all caps T med dekor av de ulike skrifttypene som blir presentert i boken. Det ble søkt etter fonter fra østen som var tykk nok til å kunne romme dekoren tenkt inni. Chinese Takeaway ble en favoritt da den ved penselstrøk stilen tydelig uttrykte innholdet i boken. Tittelen på boka ble oversatt ved hjelp av google translate til Kinesisk, Arabisk, Japansk, Koreansk, Indisk som det ble funnet fonter som kunne presentere tegnene. Disse setningene ble satt sammen for deretter, i Photoshop, kuttet ut fra T -en. Designet ble tilslutt tilført en tekstur for å gi den et mer historisk preg. Deretter ble tittel og annen tekst for fremsiden prøvd ut med ulike plasseringer og størrelser, der det til slutt ble avgjort at helheten ble best med en mindre T som utgjorde en slags drop cap for teksten som ble plassert på siden, istedet for sentrert slik som ideen var i starten (se skisser). Oblig 4 Rapport for Book Design - 3nd Semester Graphic Design2 (GRA2) - Aina Cecilie Moen Aina Cecilie Moen - 3nd Semester Graphic Design2 (GRA2) - Oblig 4 Rapport for Book Design

10 Skisser Ideutvikling Firkanter som rommer av et kinesisk tegn Farge skiller av seksjoner en farge, svart hvit (rød) Kontrast (mellom tekster) Hvitt rom Brødsmule funkjson på toppen (hvor mange sider det er igjen av seksjonen) røde penselstrøk Oblig 4 Rapport for Book Design - 3nd Semester Graphic Design2 (GRA2) - Aina Cecilie Moen Aina Cecilie Moen - 3nd Semester Graphic Design2 (GRA2) - Oblig 4 Rapport for Book Design

11 Elektroniske skisser Elektroniske skisser Oblig 4 Rapport for Book Design - 3nd Semester Graphic Design2 (GRA2) - Aina Cecilie Moen Aina Cecilie Moen - 3nd Semester Graphic Design2 (GRA2) - Oblig 4 Rapport for Book Design

12 Elektroniske skisser Designvalg Stiluttrykk Stiluttrykket til boken Typography from the East er profesjonell, kunnskapsrik og har et moderne uttrykk. Dette kommer frem ved fontvalget (mer utdypet under Typografi), fargevalget (mer utdypet under Farger) og gjennom layout (mer under komposisjon) Typografi Fontene som er valgt for tittelen på boka og overskrifter inni boka er Fine Style. Den er valgt å bruke som all caps for å få et jevnere og sterkere uttrykk. Fonten er en seriff font som har kontrast mellom tykk og tynn strek i bokstavene som gir den en moderne stil. Den gir følelsen av kompetanse og autoritet noe som var ønskelig for en slik bok. Da det er en informativ bok var det viktig å legge vekt på leseligheten og gi et inntrykk av seriøsitet og god kunnskap som kan stoles på, derfor ble Fine Style valgt. I ordet East i tittelen på boka er det valgt å bruke Chinese Takeaway for å illustrere innholdet i boken. Denne ble også bruk for T -en som er laget til illustrasjon på fremsiden. Ordet Loved i setningen på baksiden samt drop capene inni boka fikk også denne fonten for å koble fremside, baksiden og innhold. For å bygge videre på leseligheten ble PT sans valgt for body teksten. Den har en høy X-høyde noe Fine Style også har og dermed passer de godt sammen. Body teksten er satt til 10p med 13p leading for å få en bedre leselighet samtidig som det er lite tekst i forhold til illustrasjoner og bilder er det plass til å tilføre ett ekstra punkt for leading. Marginteksten er italic og satt ned et punkt til 9p for å skille på body teksten. Leadingen er holdt lik for å få et rydderigere helthetsuttrykk. Heiti SC er brukt på kinesisk tekst i body teksten da denne ga det beste resultatet av fontene som ble prøvd ut. Farger Det er valgt å bruke en rødfarge som en gjennomgående farge i boken da dette er en farge som blir mye brukt i Asia og som mang assosierer med Kina. Det er videre brukt en mørk blå farge på overskriften da dette uttrykker autoritet og kunnskap. Bodyteksten har fått en gråfarge for å få et mykere helhetsutrykk. Drop capene i body teksten er redusert til 17% opacity for å ikke forstyrre teksten over. Komposisjon, layout, grid Boken er designet ut fra en grid på 8 * 12 med margin på 2cm for topp og bunn og 1.5cm for innsiden og ytterkant. To kolonner mot ytterkant er dedikert margtekst, mens de andre 6 kolonnene er for body teksten, bilder og illustrasjoner. Body tekst er delt i to kolonner med en bredde på tre gridkolonner hver. Linjebredden ble da passende for enkel lesing av teksten. Det er i hovedsak blitt hold til griden, men for enkelte bilder og designelementer er de blitt plassert utenfor griden for å bryte opp designet. Bilder har blitt beskåret for å passe inn i helheten og griden som er satt. Teksten på fremsiden er like brei som 6 kolonner i griden inni boka. T -en er plassert slik at den utgjør en stor Drop cap. Da denne er satt så stor er første bokstavene allikevel inkludert i overskriftene for å lette lesbarheten. Disse drop capene fungerer kun som et designelement som bryter opp en ellers stram grid og samtidig fungerer som et blikkfangende skille mellom avsnittene. Den røde ryggen på omslaget ble dradd ut til den sjette kolonnen i griden på baksiden for å koble bruken av rødt på fremsiden til baksiden og bruken av grid inni boken til utsiden. Oblig 4 Rapport for Book Design - 3nd Semester Graphic Design2 (GRA2) - Aina Cecilie Moen Aina Cecilie Moen - 3nd Semester Graphic Design2 (GRA2) - Oblig 4 Rapport for Book Design

13 Egenevaluering Refleksjon rundt eget produkt Jeg synes det ble et ryddig og oversiktlig layout til boken. Den visualiserer østen samtidig som den er ren og enkel for brukeren i vesten. Teksten er lettleselig og avsnittene er oversiktlig og enkel å få et raskt overblikk av innholdet. Fargevalget passer godt til emnet og uttrykker ønsket budskap. Layoutet følger en ryddig grid gjennom hele boken. Utfordringen for utviklingen av boken var å finne riktig grid som passet godt gjennom hele boken og koble fremsiden med innholdet. Jeg føler dette ble løst på en god måte til slutt. Kildehenvisninger og referanser Litteratur: Gavin Ambrose, Paul Harris. The Fundamentals of Typography. Ava Publishing ISBN: X Læringsmaterialer: Layout: Typography Lynda læringsvideoer: Foundations of Typography by Ina Saltz Utvikling og prosess Arbeidsprosessen for denne oppgaven har vært utfordrende da jeg reiste til Norge midt i prosessen og det ble vanskelig å få tid og mulighet til å jobbe med oppgaven. Det ble derfor også liten tid til å jobbe med ukesoppgaven og tilhørende materialer for å kunne utføre denne oppgaven på best mulig måte. Jeg har jobbet med kinesiske tegn i layoutdesign tidligere og kjenner til ulike fonter for kinesiske tegn noe som var en fordel i denne oppgaven. Jeg ser at jeg kunne gjort mer research og innhenting av inspirasjon for å kunne gå i en mer innovativ retning, særlig når temaet var så kjent for meg som bor i Kina. Samtidig ser jeg at jeg kunne jobbet mer med typografien på en mer kreativ måte, men samtidig tenkte jeg at siden det er en stor bok, var det viktig at teksten var godt leselig for at brukeren enkelt kunne få med seg innholdet. Konklusjon I løpet av disse to ukene med typografiarbeid har jeg fått en dypere innsikt i hva typografi er, forskjellen på font og skrifttype, betydningen av valg av riktig font for ulike formål for design. Jeg har blitt bedre kjent med termonologien innenfor typografi og harmonien av bruken av samme skrifttype av ulike vekt. Jeg ser fordelen ved å repetere hva Ina Saltz forteller i læringsvideoen Foundations of Typography da jeg har et annet utgangspunkt nå enn for et år siden. Jeg har en god forståelse for bruken av InDesign men ser fordelen av å se InDesign CS3 Professional Typography av Nigel French noe jeg dessverre ikke fikk muligheten til denne gangen. Jeg vil i ettertid gå igjennom læringsmaterialene grundigere slik at jeg stiller enda sterkere for fremtidig arbeid med typografi. Typografi er en kjempe viktig del av design og kan være effektiv og virkningsfull om den blir brukt riktig. Oblig 4 Rapport for Book Design - 3nd Semester Graphic Design2 (GRA2) - Aina Cecilie Moen Aina Cecilie Moen - 3nd Semester Graphic Design2 (GRA2) - Oblig 4 Rapport for Book Design