Stacy Asher

Art, Art History + Design

University of Nebraska–Lincoln


Graphic Design

Spring 2019


GRPH 223 / Typography

This studio course will introduce students to the practice, history, and theory of typography. Through design research, independent project work, and collaborative exercises; students will produce typographic solutions to applied and experimental problems using typography as their primary, if not exclusive, design element.

Course work will include independent student research, sustained project work, and critiques, emphasizing the perceptual and contextual properties of typographic design. Lectures, readings, and guided discussions will supplement project work, introducing students to the topics of letter form design, printing history, typographic classification, and textual representations.

L'Atlas - Be what You AreL’Atlas – Be what You Are

To successfully complete this course, students will be expected to understand and emulate the principles of typographic practice that began in the early Renaissance and continue with contemporary digital design. Students will also be expected to demonstrate both leadership and collaboration skills while working with their fellow students towards the completion of project work.


After the Bauhaus, Before the Internet:
A History of Graphic Design Pedagogy



{M / January 07}

Introduction / Type as Identity

Course Syllabus
Course Deliverables
Canvas

Course Schedule

Image result for ellen lupton typography


Textbooks / Resources* 

*See Canvas for additional resources related to Typography. You will find an extensive list of suggested readings and resources, links to design organizations, and type foundries.


Introductory Readings~

What is graphic design?

Who becomes a graphic designer?

What a graphic designer needs to know?

Write 5 questions you have from the readings. Be prepared to turn this in.



Eric Gill’s Process Book


{W / January 09}

Review readings. Work in groups of 3 to outline the readings and discuss the questions that you have. Present your reponse to the readings as a group.

[.pdf presentation due in Canvas]

Exercise 01 - [On-going]
Type / Typology / Type Awareness


Gather your type specimens in a folder on BOX or in Google Drive. Have them ready to share on Tuesday. [100 minimum samples]

{M / January 14}

Present process for Exercise 01
Review found typography / type collected. Review found typography / type collected from the walking tour and your personal hunt.

Discuss what you have gathered and prepare to organize type specimens into categories of type classification. Demonstration on how to go forward and classify your type specimens. This will be an exercise that you participate in all semester. Look at this as an opportunity to create an archive of your typography finds.
Platform: Google Collections, Pinerest, Behance, Tumblr, Google Drive??

Type Activity:

Draw Type!

Make tracings of your prize type specimens



Assign Exercise 02

Reference Readings:
Typographic Design: Form and Communication, 7th edition,
by Rob Carter, Ben Day, Phillip B. Meggs, The Evolution of Typography,
pages 1–32, The Anatomy of Typography, pages 33–52


Anatomy of Type Presentation

Anatomy of Type / Ask Lynda

Anatomy of Type Animation

Content on this page requires a newer version of Adobe Flash Player.

Get Adobe Flash player



Letter Fountain / Names + Classifications

Anatomy of Letterforms


Evolution of Typography Animated Short

{W / January 16}

Present process for Exercise 02
Discuss what you have accomplished and how to go forward.

Review creative direction and what will be turned in for Exercise 02

“I have decided to stick with love—
hate is too great a burden to bear.”

– Martin Luther King Jr.


{W / January 23}

Exercise 02 is due.
Prepare to upload your final solutions as a .pdf to Canvas and the packaged Illustrator file to the designated BOX.UNL folder.

Present your printed solutions in class. Ready to pin up at 11:30 a.m.

Have them ready to pin up and discuss. Reference your written statement for the conversation.

Prepare what you want to say. Listen carefully to each presentation and ask thoughtful questions.

How do you talk about or critique graphic design work?

Emigre PDF Cover AldaEmigre PDF Cover Apollo Program
Emigre PDF Cover Base 900Emigre PDF Cover Base Monospace

Grid + Typographic Space Presentation

Work on Exercise 03

Assigned Readings~ Typographic Design: Form and Communication,
7th edition,
by Rob Carter, Ben Day, Phillip B. Meggs
Chapter 03: Syntax and Communication
Chapter 04: Legibility
Chapter 05: The Typographic Grid


Grid Examples / Square Format~

{W / January 30}

Foundations Faculty Search:
What do graphic design students need to learn in ARTP 151 and ARTP 152? Foundations… 2D and 3D.

Where does the 4D, time, space, motion etc. come into play?


Ulm School of Design



Check out this blog post about the Ulm School.

Naming of files:
Lastname_GRPH223_Proj01_Proc01_SP2019.pdf

 

Prepare for a quiz over the following readings and content of Exercises 01, 02, 03.

Assigned Readings~ Typographic Design: Form and Communication (Links to an external site.)Links to an external site.,
7th edition,
by Rob Carter, Ben Day, Phillip B. Meggs
Chapter 03: Syntax and Communication
Chapter 04: Legibility
Chapter 05: The Typographic Grid

Typographic Definitions

Typeface and Font

A typeface comprises a family of fonts such as Garamond Regular, Garamond Italic, Garamond Bold, etc. A font is a specific weight or style within a typeface family, such as Garamond Italic.

Typeface Classifications

Serif and sans serif are the two most common typeface classifications. Serif typefaces have a more traditional look. Sans serf typefaces became popularly in the late 19th century and are considered to be more modern.

Grids work with other key design principles

Once you've mastered the basics you can start to break away from the grid

Don't forget that the grid is just one tool alongside many basic principles you can use to enhance your layouts. Don't get caught up in using a grid too rigidly – some of the best designs break all the rules of grid layout and are all the more successful for doing so.

{M / February 11}

Evaluating Exercise 03


Present 15 iterations for Layout 02
05 for layout 03
05 for layout 04

Work on Project 01

Typography and Web Design

[W]  February 13

Work on Project 01

Present iterations for Layout 03 and for Layout 04



[M]  February 18

Work on Project 01
Review printing specifications. See Canvas announcement for setting your document to print bleeds.

Demonstration on trimming to crop marks.
Reviewing what to turn in to Canvas and to BOX UNL.

[W]  February 20

Related image



[M]  February 25

Project 01 Due

Critique and Formal Review of Work
Turn in .pdf's to Canvas and Packaged InDesign Files to Box.

Launch Research for Project 02

Referencing the first two chapters from the required textbook

Typographic Design: Form and Communication, 7th edition,
by Rob Carter, Ben Day, Phillip B. Meggs, The Evolution of Typography,
pages 1–32, The Anatomy of Typography, pages 33–52

Research:

1. Content
Look more intently at the timeline of the evolution of typography in the western alphabet in Chapter 01. In a word doc. write about 1 - 2 type design or development of typefaces, or notable developments in type history, finding points of interest in each decade. [10 total that span across the history represented. one from the first section, one from the next, etc] Record these in the word document.

2. Methods
Using repurposed 11" X 17" and OR 8 1/2" X 11" paper, and your straight edge as a guide to measure. Fold down a mock up for each of the following folding options. You may need to trim the paper to make longer strips for the Roll, Double Parallel, Accordian folds.

Image result for 11 X 17 fold down to booklet

Image result for 11 X 17 fold down to booklet

 

Project 02 will require you to be skilled at folding, measuring and constructing a printed publication with folds that are to be crisp and professional.

Related image

Practice using care and the tools to make the folds as perfect as possible. I will demonstrate how to

Required Tools

X-acto, Straight edge, Bone Folder, 11" X 17" and OR 8 1/2" X 11" paper

 



[W]  February 27

Quiz 02: Skill /Knowldege Assessment
Revisit Project 01 with more effective use of the grid and interlacing.

Example of a successful case study.

Review Details for Project 02

Assign

1. Sketches, studies, iterations for layout possibilities for timeline design for Project 02. Look at your inspiration and begin to design layouts and studies for typographic systems, use of the grid to give structure to the panels.

2. Consider the accoridan fold and how each panel represents a story chronologically. How can the folds move the viewer through the experience?
What do you want to include in our story that isn't in the required list or already in the timeline in the text book?

3. Further develop your design research and add to the document that you started for the project. Make an outline of the contents you will include in the timespan you have been assigned.

4. Read about the history and culture of the times that you are exploring. Think about what the zeitgeist and what you can reveal about the architecture, culture, fashion, music, socio-economic conditions, world politics etc. Also consider the technologies that influeneced the way typography was created, displayed and read.

Timeline inspiration



 
 

Project 01 Research Notes

Image result for accordion fold book diagram connecting panels



[M]  March 04

Work on Project 02 [Canvas]

Present progress and what was assigned.

Project 02 Brief


[W]  March 06

Work on Project 02

Jeffrey Keedy
Steven Heller
Ellen Lupton

Related image


Reminder: Letterpress Workship with Professor Katie Krcmarik and
Danley Wilkington, printmaker, artist and letterpress instructor.
T + TH from 6 - 8:50 in the Letterpress Studio, Woods Hall, 3rd Floor.

Workshop Group 1 – Tuesday, March 12 and March 26

Workshop Group 2 – Thursday, March 14 and March 28



[M]  March 11
Work on Project 02

[W]  March 13

Work on Project 02



[M]  March 18 – [W]  March 20

Image result for spring break graphics



[M]  March 25

Work on Project 02
Review BW Prints of your layouts. We will print them at reduced size for comping, pin them up, study them, mark them up, and then revise them.

Print, fold a black and white mock up for Wednesday.

Consider these Ultimate Google Font Pairings as you move forward with your timeline books.

[W]  March 27

Image result for ellen lupton typography

[M]  April 01

Prepare files for printing.
Have final version of printed timelines prepared for review on Wedensday.
At least 2 black and white mockups are required.




[W]  April 03

Present Project 02


Project 03 Brief

Project 03 in Canvas

Complete Adobe After Effects Tutorials for Monday.

Assigned Reading
Typographic Design: Form and Communication, 7th edition,
by Rob Carter, Ben Day, Phillip B. Meggs, The Evolution of Typography
Case Studies in Type in Motion
Chapter 09, Typography in Motion and Time




[M] April 08

Project 03: Type in Motion / Type in Space

Presentation on Typography / Logo Types

Final Exam Review

10 Commandments of Typography

25 Rules of Setting Type

Study Topics from the Syllabus / pg. 31

Final Exam Terminology

Type Classification Quiz


[W] April 10

Project 03: Type in Motion / Type in Space

Submit Typography / Logo Types to Canvas

A new opening animation zooms into the N, revealing a spectrum of colours that are apparently based on the idea of show thumbnails turned sideways – 
like books on a shelf.



Final Exam Terminology



[M] April 15

Work on Project 03: Type in Motion / Type in Space
Prepare for the Final Exam.
We will not meet formally.

After Effects Resources from Chris Irvin
christopherirvin.com
cirvin@unl.edu

Assigned Reading

Typographic Design: Form and Communication, 7th edition,
by Rob Carter, Ben Day, Phillip B. Meggs, The Evolution of Typography
Case Studies in Type in Motion
Chapter 09, Typography in Motion and Time
Become familiar with terminology and principles.



[W] April 17
Work on Project 03: Type in Motion / Type in Space


Vision Get Wild Award 2018 Promo | 放視大賞宣傳 from Whitelight Motion on Vimeo


Organize Process Books / Prepare for Final Exam


 



[M] April 22

Final Exam Review

Typographic Design: Form and Communication, 7th edition,
by Rob Carter, Ben Day, Phillip B. Meggs

Review the Study Topics from the Syllabus / pg. 31

Familarize yourself with the following:

Type History Timeline [thanks to Machala]

10 Commandments of Typography

25 Rules of Setting Type

Final Exam Terminology

Type Classification Quiz

Letterform Anatomy from Ellen Lupton’s Thinking with Type

Units of Measure / Points / Picas / Inches

Lining vs Non-Lining Figures

X-height and legibility

Legibilty / Readability

Humanist Serif / Humanist San Serif

Sabon / Garamond
Didot / Bodoni
Aksidenz Grotesk / Franklin Gothic

Hanging punctuation

Visual Compensation

Tracking, leading, kerning

What is a lock up?

Logotype Terminology

Relative or adaptive grid structures

Typography on screen

Terminology in Chapter 09, Typography in Motion and Time

AIGA’s Ultimate Typography Answers

[Note that D is missing, 54 is missing some words. Adaptive grid systems are independent of specific browsers and screen sizes?]

Work on file export and preparing for Project 03 Review.

Submit Exercise 01 / Type Specimen Library

Documentation from the Class

Teaching Evaluations

 

[W] April 24
Present Project 03: Type in Motion / Type in Space

Last day of regularly scheduled classes.

 



[M] April 29
FINALS Week

No class.

[W] May 01
FINAL EXAM
10:00 a.m. – 12:00 p.m.
Woods 208

Turn in Process Books

 


 

Some good stuff you want to know.

Type Image Relationships 

How to see white space.

Image Show White Space

 

Remember to enjoy the white space.



The Art of the Movie Titling