Certificate in Advanced Typography:

12 hours 27 February; 6, 13, 20 March 2021 (Saturdays) Register

Reconciling the linguistic, anatomical and aesthetic differences between the Hanzi (Chinese) and Latin scripts to create optimal reading experiences for different genres of typographic communications.

This course concerns the typographic design of multilingual documents. Complex issues related to the navigation of information arise when two scripts that are linguistically and visually very different need to coexist in the same environment. It will look at the spatial patterns and graphical considerations when a logographic script (Hanzi) is combined with an alphabetic script (Latin). Print, screen and spatial application of multilingual typography will be considered. Principles of multilingual typography will be put into practice, combining aesthetic and digital craft skills using an industry-standard software.

Course content

  • Theory of Hanzi–Latin multilingual typography
  • Aesthetic and digital craft skills
  • Multilingual typographic design practice

Learning outcomes

Upon completion of the programme, learners will be able to

  • describe the issues and theories related to Hanzi–Latin typography
  • devise effective spatial organisation and graphic cueing systems for multilingual information
  • make appropriate typographic design decisions for multilingual information based on communication goals, users’ needs and other contextual requirements
  • apply aesthetic and digital craft skills related to multilingual typography for different applications using industry-standard software

QF level 4
QR registration no. 20/000475/L4
Validity period 15/07/2020 to 31/08/2021

Certificate in Advanced Typography:
Designing for Reading

12 hours 9, 16, 23, 30 January 2021 (Saturdays) Register

Typography is not just about the styling of text; it shapes how we read and engage with information. This course explores what makes typography work for reading and the advanced craft skills that enable that.

This course takes an in-depth look at the technics and thinking behind good typography that works. The focus is not type as a conceptual or expressive element, but a lucid vehicle for textual content to support different contexts and modes of reading. Digital craft knowledge will be complemented by theory of typography and document design. Suitable for practising communication designers who are interested in elevating their craft skills and typographic knowledge for creating usable and aesthetically sound documents.

Course content

  • Theory of typography and document design
  • Aesthetic and digital craft skills
  • Typographic design practice

Learning outcomes

Upon completion of the programme, learners will be able to

  • describe the typographic and document design theories that make typography work for supporting reading
  • apply aesthetic and digital craft skills on character, paragraph, list, table, object and page levels using industry-standard page layout software
  • make appropriate and informed orthographic and typographic decisions when designing with complex text matter to support different modes of reading

QF level 4
QR registration no. 20/000474/L4
Validity period 15/07/2020 to 31/08/2021

Lecture videos


Type anatomy explained through lead type (Univers Condensed 30pt): point, pica, em, en, leading (in Cantonese)
A demonstration of paragraph and character styles (including nested styles) in InDesign (in Cantonese)
On Chinese–English bilingual typography: historical origins, matching Chinese and Latin type, bilingual layout and information hierarchy, detail bilingual typography (in English and Cantonese)
A lecture on the legibility of Latin and Chinese type (in English and Cantonese)
A lecture on the small details that make typography read and look great: orthography, numerals, alignment, detailing, hyphenation & justification (in English and Cantonese)

Information design

An introduction to information visualisation, with classic/historical examples and some information design principles (in Cantonese)
A short introduction to the POEMS observational research framework (in Cantonese)
Wayfinding design principles (1) Cognitive maps (2) Kevin Lynch’s five key environmental components (3) Per Mollerup’s wayfinding strategies (in Cantonese)
A wayfinding system design case study: Jockey Club Innovation Tower (in Cantonese)

Reflecting on formal design education

What is the role and meaning of design education? As a field of study that is firmly rooted in practice, is the purpose of design education simply for skill training so that students can get a job upon graduation? I would think not — education has a greater role than that, especially in the 21st century where the constantly evolving economy and technological developments mean that skills — and indeed the profession and industry — transform at a rate unbeknownst to previous generations. Education needs to prepare graduates for resilience and unpredictability.

On the occasion of receiving a design education award back in 2016, the Hong Kong Designer’s Association asked me a couple of questions, and I reflected on the role and meaning of formal design education.

As aesthetic standards may be subjective and varies between people, what are the criteria you would take into consideration, while grading your students’ works other than functionality?

I do not believe that aesthetics can be considered separately from function. Good designers try to understand the context and users rather than focussing on his or her own taste or aesthetic preferences. Good design performs as intended, and that includes whether a piece of design can be understood or used, as well as whether it elicits the right emotional response. Grading, to me, is overrated. The most important thing is that students develop their ability to articulate whether something that they have done is effective for the intended situation. The ability to self-evaluate is more important in my opinion. As much as I do not believe in grading, it is a necessary evil in formal education. Drawing up a set of objective criteria for an assignment is important. The final outcome of a project needs to adequately answer to the requirements and the needs of the intended users as set out in the brief. The final outcome is only part of the picture. Research and concept development need to also be taken into consideration. Clarity in verbal and written communication is also important, because designers need to be able to eloquently explain their work.

There are many renowned self-taught designers who did not acquire their skills through standard education. To what extent do you agree that knowledge of design can be taught through a standard educational system?

Good designers tend to be life-long learners. A natural curiosity can motivate anyone in learning anything really. So design, for sure, can be learnt outside of formal education. The craft aspects of design can be imparted through apprenticeship in a design studio, but the apprenticeship mode of learning is also quite widely used in formal design education. But we mustn’t forget that formal education can be much more than simply a means for honing professional skills; more importantly it should be a place where an inquisitive, critical mind is nurtured. Asking critical and difficult questions, challenging the status quo, advancing knowledge in the profession – these are all very important within formal design education. So design education is not a means to an end; it is an end in itself. Along with the industry, educational institutions drive change in the design profession.

Image: A vision for the future of education in the year 2000 produced as a cigarette card in France, 1901 (from Wikimedia Commons)

Also published on LinkedIn and on Medium in (in)visible (de)signs

Baseline grid

Teaching notes on how to set up a baseline grid in InDesign. This document is a slightly revised and reformatted document previously available here.

Download in PDF format

A baseline grid is based on the leading of the continuous text (body text) of a publication. Leadings and paragraph spaces of all text in a complex publication would then be mathematically derived from this leading. A baseline grid ensures that the sizes and leadings all text in a complex publication are related to each other and are locked into place, so that they line up across columns as well as across pages. Baseline grids are almost always used in newspapers, and often in other complex publications such as magazines and textbooks.

Digital typography

‘In typography there is no technical step which is not at the same time an aesthetic decision’ — Emil Ruder

Some teaching notes on digital typography. This is a sightly revised version of the previous document that was available here for download.

Download in PDF format

Since the advent of printing with movable type, typography and technology have become inseparable. If we are to accept the definition of typography as the mechanical production of written language, then we must have an intimate understanding of our prevailing typesetting technology – the computer and its software and output devices – in order to become competent typographic designers. There is craftsmanship involved in digital typesetting; creativity is also built upon the foundation of understanding the technology. 

Document design and usability of documents

Not the usual typography and information design books, but specifically on designing documents from a user-centred point of view.

Burke, C; Black, A; Stiff, P; Waller, R (1992) Designing business documents. Surrey, UK: Monotype Typography Ltd

Hartley, J (1994) Designing instructional texts (third edition).
London: Kogan Page

Schriver, K A (1997) Dynamics in document design: creating texts for readers. New York: John Wiley & Sons

Twyman, M (1985) ‘Using pictorial language: a discussion of the dimensions of the problem’, in Duffy, T M and Waller, R, Designing usable texts. London: Academic Press 245–312

Waller, R H W (1982) ‘Text as diagram: using typography to improve access and understanding’ in D Jonassen (ed), The technology of text
Englewood Cliffs, NJ: Educational Technology Publications, 137–166

Waller R H W (1999), ‘Making connections: typography layout and language’, Proceedings of the 1999 Autumn Symposium, American Association for Artificial Intelligence

Bilingual typography: Hong Kong case studies

This keynote presentation was delivered at the Multilingual Typography Symposium at the Hong Kong Polytechnic University in 2011. Through considering the socio-political and socio-linguistic evolutions of bilingualism in Hong Kong, the presentation argues that visual harmony is not always the ultimate concern in cross-cultural typography – its effectiveness depends on how the two languages or scripts as well as their semantic components interact with each other under different contexts and purposes. With a systemic approach, the presentation examines case studies of bilingual typography in Hong Kong, considering bilingualism in terms of parallel translations, code-mixing and code-switching. A comparative descriptive framework for bilingual typography is also presented.

Bilingual typography: Hong Kong case studies from Keith Tam

Typographic hierarchy and legibility research

A seminar that discusses Michael Twyman‘s notation system for establishing typographic hierarchy (headings and paragraph) and a summary of Herbert Spencer’s review of literature of over 100 years of legibility research. Useful for typographers to inform their design decisions.

Twyman, M (1981) ‘Typography without words’, in Visible Language, XV no. 1, 5–12

Spencer, Herbert (1969) The visible word. London: Lund Humphries and Royal College of Art

Typographic hierarchy and legibility research from Keith Tam