Session Recording #
Reading Discussion #
We’ll discuss our two readings from last week, to help set the tone for our first unit, Type and the Web:
Further Reading #
Throughout this first unit, you are also expected to take a look at these additional readings at your own pace. (Some are lengthy. Pace yourself.) While we won’t have an in-class discussion, they are to serve as additional reference and fodder for your project:
-
The Principles of the New Typography
Jan Tschichold, 1928 -
Detail in Typography
Jost Hochuli, 1987 -
The Elements of Typographic Style
Robert Bringhurst, 1992
Our First Project #
Let’s discuss the project and its requirements in detail:
Right, Typography #
We’re going to go through a quick history of typography, and what to look for as you begin to work with type:
A Little Figma #
We’ll do a quick walkthrough of Figma (you should have already made accounts). Everybody should join our team, via this invite link:
Typography & Interaction, 2024–25
And you can follow along in our design file for today:
A quick overview of what we’ll try to get through:
- Overall organization, naming, following, commenting, quick action, hide UI and presenting
- How to set up frames (née artboards) and pages (examples)
- Some basics of type and styles
- Establishing some hierarchy with title, author, first paragraph
- Maybe into components, variants, auto-layout-as-flexbox
For Next Week #
-
Download Visual Studio Code, which we’ll use as our text editor for the course. Have this installed on your machine by next class.
-
Also download GitHub Desktop, which we’ll use to manage our code. Sign in there with your GitHub account (which you should have already created). Make sure you have applied for the student benefits!
-
Select your text for Project 1, Manuscript and add it this list:
We’re not going to allow any duplicates, so pick your text early!
-
Read your text (or a chapter if it is lengthy—ask if you are unsure) and write a short response. You’ll use these both as the content for your project. Add the link to your document in our form:
-
You’ll complete the first phase of your project, sketching three different directions for laying out your text and response. Have these ready by class next week! Submit your Figma links for these, as well:
Please organize your frames and link us directly to where we need to be.