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 (Sept 17).

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:

• Baseline
• X-height
• Cap-height
• Serif
• Ascender/descender

Serif and Sans

They're best friends

serif & sans

Identifying Type

The serif edition

Humanist
(Centaur)

Transitional
(Times New Roman)

Modern
(Bodoni)

Identifying Type

The sans edition

Humanist
(Gill Sans)

Transitional
(Helvetica)

Geometric
(Futura)

Identifying Type

The other edition

Slab serif
(Rockwell)

Script
(Brush Script)

Graphic
(Comic Sans)

Identifying Type

The meaning(s)

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

Identifying Type

By case, weight, and posture

Any questions?

Typographic Concerns

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.

Contrast
Contrast
Contrast
Contrast
Contrast
Contrast
Contrast

What Does It Say?

Why might you identify one of these as the latest news?

To figma!

As part of today's tutorial we will be covering setting up grids in Figma.

P1 Critique

In preparation for today's critiques, please:

1. Find one classmate to work on today's critique with.
2. Open up your project for review.
3. Make sure you have a pen or pencil and notebook ready.

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:

• Be specific about what you are referring to.
• Be clear about what is working, or not.
• Focus on listening and taking notes on what is being said first.
• Focus on the work and speaking to the work that is presented.
• Be prepared to explain why you have made a particular critique.

Peer critique process

For each prompt, you will spend time providing feedback on each of the projects. For example if there are 4 minutes provided for the prompt, spend about 2 minutes on each project.

Looking at the submission overall

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

• All the sketches and brainstorming materials
• Original two moodboards
• Revised moodboard
• Article concept — title, subtitles, high-res images
• Short rationale

You have 4 minutes.

Critiques

Rationale

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

You have 6 minutes.

Critiques

Polish

For each of you review the process document. Can you:

• See process clearly? (no unclear images or materials)
• Understand how the process went?
• Understand the rationale in relation to the process?

Please answer why so, or why not.

You have 6 minutes.

Critiques

I like/I wish

Within your groups you will be providing an 'I like/I wish' critique for each other. Please individually write down and complete the following statements based on the deliverables you see for each individual.

• I like ... because ...
• I wish ... because ...

You have 4 minutes.

Critiques

I like/I wish

Please take turns sharing your 'I like/I wish' critiques.

You have 4 minutes.

Critique complete

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

Teamwork 101

Form teams

Please form teams of 2-3 students for P2. After you have formed a team please come see me at the front to ensure I put together your team on Canvas.

Open work time

Time for you to work on:

• Project 2
• Continue a reading reflection (if not finished)
• Sketching exercise