Welcome to Web Typography

Web Typography is a course in typographic theory and practice… for the web. Through readings, lectures and projects/critiques, you will be introduced to various theoretical approaches to the typographic page, as well as various approaches to using typography to design for the web. You will also learn current technological standards.

This course emphasizes the importance of connotation, content, audience and purpose, as well as research. The course work for this class includes the following:

  • readings provided in class on the history of typography and type theory, with an accompanying design project.
  • completing a series of introductory web typography lessons
  • researching and designing a web site (with a writing component)
  • producing the web site
  • designing and producing your own homepage (final exam) that highlights the work done in this class.

Note: most HTML/CSS lessons and any assignments I don’t hand out are on TypographicWebDesign.com (TWD).

The course work for this class is intensive. You are preparing for advanced study in your field. Be prepared to work hard. To read, think, write, sketch, discuss, and revise.

Learning Outcomes

In Web Typography, you will:

  • research: gather (information on possible artists / designers / typographic issues to focus on), evaluate (whether content is appropriate for project), analyze (readings, examples to use in your site), explore (possible solutions to the web structure/design)
  • craft demonstrations: practice basic html/css skills before building final web project.
  • explaining graphic design history / context for our projects: read and discuss essays related to history of typography and typographic theories. Write how chosen artists / designers / typographic issues may or may not be aligned with one of the readings.
  • vocabulary list to be learned: identify or explain the following terms: classical, modern, post-modern, HTML, CSS, tag, class, ID, div, stylesheet, padding, margin, web safe fonts vs web fonts, site map, wire frame, mobile first.
  • design formats that will be addressed: design and produce web pages, a web site.
  • software to be used: InDesign / Illustrator / Photoshop (creating mockups of web pages); a Text Editor for HTML/CSS.