...
Amber Lin’s Publication
...
Peng Ke’s Publication

Introduction to Western Typography (Condensed)

西方字体应用原理

This course is an introduction on the principles and techniques surrounding the practice of typography for latin characters. Most presentations in the class will be mainly focusing on teaching the use of a layout software. We will do multiple comparision with Chinese and also demonstrate equivalent techniques for similar approaches of grid-making with Chinese characters. The knowledge in this course is mainly taught in English with the possibility of consultation in mandarin.

Goals
  • Build/enhance student’s typographic acumen;
  • Develop grid making skills in both English and Chinese;
  • Play + experiment within strict constraints.

  • Requirements
  • Students who took a previous course in Chinese Typography;

  • Credits
    4 credits

    Required Materials
  • Laptop: preferably a Macbook
  • Adobe InDesign software
  • Easy access to a laser printer (Buy together)
  • Easy access to an inkjet printer
  • Electronic mouse
  • Digital storage device
  • VPN account
  • Non permanent tape
  • Double-sided tape
  • Sketchbook
  • Metal ruler
  • T-Square
  • X-acto knife and blades
  • Cutting mat
  • Bone folder (折纸工具)
  • Variety of white cardstock and papers

  • Attendance
    Attend to all classes is essential. Un-excused absences will result in faults to the participation evaluation. Keep me updated if you need to miss class. In any case, the students are responsible for being up-to-date. Being late will be perceived the same way.

    Evaluation
    You will be evaluated according to your overall engagement in the projects. Your active participation during the semester will also be taken in account.

  • Project (70%)
  • Class participation (20%)
  • Respect the deadline (10%)

  • Assignment Criteria (General)
  • Autonomy, authorship
  • Attitude in class
  • Formal approach
  • Execution shows technical skills
  • Progression
  • Participation

  • Schedule
    WEEK 1
    Monday
  • Course introduction
  • Syllabus overview
  • Technical class
  • Useful translations
  • Videos
  • Presentation: Anatomy of the Letter with Qin Yutong
  • Share the fonts
  • Fonts: pretty ones and less pretty ones
  • Presentation: Case studies
  • Purchase printer (?)



  • Tuesday
  • Presentation of homework (first step, DUE FRIDAY)
  • InDesign Teachings
  • Notions:
  •    looking at an English text: basics
  •    approach the blank page (page composition)
  •    paper format and binding
  •    start a new InDesign file (typography MUST be in InDesign)
  •    units: picas/points/cm/inches
  •    setup your rulers

  • Notions: Choose a typeface
  •    size (font-size) on a grid
  •    leading (line-height)
  •    weight (font-weight)

  • Notions:
  •    How to setup inDesign in order to properly print at scale

  •         Homework
  • Place a text block on the page in a place you deem suitable
  • Pick your chosen typeface and adapt it to the text block
  • Only choose one paragraph from the original text



  • Wednesday
  • Notions:
  •    kerning, tracking (letter-space)
  •    word-space
  •    justified text, ragged text (align left)
  •    color of the text (gray)
  •    InDesign styles
  •    How to make a layout and a grid?
  •    grid (margins /columns /gutters)

  •         Homework
  • Work on your text block



  • Thursday
  • Presentation: Typographic examples
  • Work in class
  • Open for questions

  •         Homework
  • Delivery tomorrow: one print-out at scale, and one pdf at the right size.



  • Friday
  • Notions:
  •    masters

  • Deliver first text bloc on one-pager to the professor
  • Corrections in class
  • Open for questions

  •         Homework
  • Over the weekend: correct your design according to feedback
  • Add a page number

  • WEEK 2
    Monday
  • Notions:
  •    uppercase /lowercase /capitals /small caps
  •    adding pages and linking them up
  •    em /en
  •    em dash / en dash / hyphens
  •    real apostrophes
  •    ligatures
  •    figures (typography)
  •    folio (typography)
  •    thin-space, hair-space
  •    indent/first-line indent
  •    paragraphs
  •    quotations
  •    glyphs and diacritics
  •    color swatches
  •    file types: opentype, wopp, truetype

  •         Homework
  • Now repeat your layout on subsequent pages and enter all of your text



  • Tuesday
  • Notions:
  •    baseline
  •    object styles

  • Open session

  •         Homework
  • Apply these new notions to your layout



  • Wednesday
  • Notions:
  •    layers
  •    mix images and text
  •    add images in the flow of text with anchors
  •    notes and footnotes

  •         Homework
  • Apply these new notions to your layout



  • Thursday
  • Open session
  • One-on-one meetings with students
  • Print single pages and trim to size

  •         Homework
  • Continue your homework: prepare a pdf file for tomorrow’s review



  • Friday
  • Teacher reviews homeworks

  •         Homework
  • Progress with your project

  • WEEK 3
    Monday
  • Open session
  • One-on-one meetings with students

  •         Homework
  • Progress with your project



  • Tuesday
  • Start your covers
  • Cover inspo
  • One-on-one meetings with students

  •         Homework
  • Progress with your project



  • Wednesday
  • Chinese typography comparision
  • Our typesetting technique

  •         Homework
  • Start your back cover



  • Thursday
  • Open session
  • One-on-one meetings with students

  •         Homework
  • Progress with your project



  • Friday
  • Open session
  • One-on-one meetings with students

  •         Homework
  • Progress with your project
  • WEEK 4
    Monday
  • One-on-one meetings with students

  •         Homework
  • Progress with your project



  • Tuesday
  • Prepare the imposition of your booklet
  • Prepare your booklet for printing
  • One-on-one meetings with students

  •         Homework
  • Progress with your project



  • Wednesday
  • One-on-one meetings with students

  •         Homework
  • Progress with your project



  • Thursday
  • Production day

  •         Homework
  • Progress with your project



  • Friday
  • Last day: delivery
  • Projects coming in late will be losing 10%