ah teaches graphic design (SD) (A Type of History lecture)

A Type of History

Lecture outline

An introduction to typography and working with type in design. Lecture slides will be made available on the day of the lecture (January 20).

P1 Critique

In preparation for today's critiques, please head to our Figma workspace for today.

Peer critique reminders

For today's peer critique, we will be providing you with a series of prompts to guide your critique. For each critique you provide please make sure to:

Peer critique process

For each prompt, you will spend time providing feedback on each of the projects after which you will rotate to the next project in your list.

Looking at the submission overall

(Link 1)

Does the submissions appear to have all the pieces required in a process document including:

You have 2 minutes.

Rationale

(Link 2)

Read the rationale and look at the corresponding mood board. Are you convinced by the rationale? Why so or why not?

You have 2 minutes.

Rationale and images

(Link 3)

Does the rationale make use of images to help make their case for the mood board. Are you convinced by the rationale? Why so or why not?

You have 2 minutes.

Polish

(Link 4)

Review the process document. Can you:

Please answer why so, or why not.

You have 2 minutes.

Citations

(Link 5)

Review the process document. Can you:

Please answer why so, or why not.

You have 2 minutes.

Critiques

(Link 6)

Please write down and complete the following statements based on the deliverables you see.

You have 2 minutes.

Critiques

(Link 7)

Please write down and complete the following statements based on the deliverables you see with a classmate in a breakout room.

You have 5 minutes.

Critique complete

Use the critique you have just received as a means for improving your projects.

In-class activity

To help you with organizing the feedback you have received we have an in-class activity that should allow you to organize and categorize the feedback. Please categorize the feedback into:

  1. For things you agree with: Please respond with a thumbs-up.
  2. For things you disagree with: Respond to the comment explaining why you disagree (politely).
  3. Things that you need more explanation for: Respond to the comment asking for further explanation (politely).

You have 10 minutes.

March break

The majority of you will have March break during the following classes: March 17/March 24. I will be making the following changes to the course schedule:

For those who have March break later, we can meet the 17th to get you feedback on your portfolio. I cannot cancel/alter April 7th.

The Printing Press

Let there be type!

An illustration of an old printing press

Measurements lie

While these fonts have been set to the same size, they don't appear to be the same size:
why,why, why, why, why, why

Elements of Type

In this sketch:

Serif and Sans

They're best friends

serif & sans

Identifying Type

The serif edition

Humanist
(Centaur)

A humanist, serif typeface

Transitional
(Times New Roman)

A transitional, serif typeface

Modern
(Bodoni)

A modern, serif typeface

Identifying Type

The sans edition

Humanist
(Gill Sans)

A humanist, sans-serif typeface

Transitional
(Helvetica)

A transitional, sans-serif typeface

Geometric
(Futura)

A geometric, sans-serif typeface

Identifying Type

The other edition

Slab serif
(Rockwell)

A slab-serif typeface

Script
(Brush Script)

A script typeface

Graphic
(Comic Sans)

A graphic typeface

Identifying Type

The meaning(s)

If you had to characterize each of these typefaces, how would you describe them?

I am a typeface that needs characters. Please give me some characters to work with that are clear and define who I am.

I am a typeface that needs characters. Please give me some characters to work with that are clear and define who I am.

I am a typeface that needs characters. Please give me some characters to work with that are clear and define who I am.

Identifying Type

By case, weight, and posture

By case:

  • ALL CAPS
  • lowercase
  • small caps

By weight:

  • Light
  • Regular
  • Semi-bold
  • Bold
  • Extra-bold

By posture:

  • Normal
  • Italics

By width:

  • Condensed
  • Regular

Legibility vs Readability

In legible type we are looking to be able clearly interpret the type from a distance.

Brisket hamburger leberkas capicola boudin bresaola jerky.

Legibility vs Readability

With readable type we want to be able to comfortably read it for a while.

Veggies es bonus vobis, proinde vos postulo essum magis kohlrabi welsh onion daikon amaranth tatsoi tomatillo melon azuki bean garlic.

Gumbo beet greens corn soko endive gumbo gourd. Parsley shallot courgette tatsoi pea sprouts fava bean collard greens dandelion okra wakame tomato. Dandelion cucumber earthnut pea peanut soko zucchini.

Turnip greens yarrow ricebean rutabaga endive cauliflower sea lettuce kohlrabi amaranth water spinach avocado daikon napa cabbage asparagus winter purslane kale. Celery potato scallion desert raisin horseradish

Kerning

This is when we adjust the spacing between letters to achieve an optimal balance within a word. Let's take a a look at a kerning game, to demonstrate the practice.

Any questions?

P2: Layout

Sketching layouts

You have 5 minutes.

Teamwork 101

Form teams

Please form teams of 2-3 students for P2. After you have an idea of who to work with, I will need:

You have 5 minutes.

Exploring Type sketch

Open work time

Time for you to work on:

1/1