Class schedule :: DMA 384 : Digital Typography :: Fall, 2009

About the Schedule

The Week column indicates what week the class is in.

The Date column contains the day and date of the class.

The Class Description column describes what we will do during that class. Classes are categorized as follows:

The Work Due column shows what assignment(s) are due that class.

The Reading Due column contains links or chapter/page numbers for readings, videos, and tutorials to complete for that class.

Lab work Projects and exercises are due on their "Work due" date BEFORE the class begins, so that they may be discussed and critiqued.

Schedule subject to change-Check this page frequently for updates!

Week Date Class Description Work Due Reading Due
1 Tue, Aug 25 Intro/lab dynamics Set up your class folder/website.
  Thu, Aug 27 Type History Lecture

Sketchbook Lecture and Demo

Title

Typography journal

Goal

Great typography is everywhere. This project will force you to find it in your everyday life.

Description

Over the course of the semester, you will collect samples of typography. You may sketch, photograph, cut items from magazines, find scraps of paper on the street, or cut out bits of packaging. Web typography is OK if it is really good-remember though, its low resolution will yield poor printouts.

Directions

Create a two-inch-square sample of each specimen that you find. (Making a viewfinder will help you frame your samples nicely as well as cut them out without measuring.) Arrange your specimens in a simple grid (2 columns, 4 rows, all cells touching.) Complete 8 entries by end of semester.

Due

Finals Week

Cut your viewfinder. Register at the following websites:
  • http://ilovetypography.com/
  • http://typophile.com/
2 Tue, Sep 01 Quiz and discussion. Demo, typography basics in Adobe CS

Classwork: Design a page using Lorem Ipsum that demonstrates the following concepts: Serif, Sans-serif, Monospace, Hand-drawn, low-resolution (photoshop), kerning, tracking, leading.

Read Felici 1-2
  Thu, Sep 03 Quiz and discussion.

Project 2 Lecture and Demo

Title

Type prototype

Goal

To familiarize students with the unique features of the standard character set we interact with each day. Consistent design will challenge students to be creative, as will physical restraints of canvas size and 1-bit palette.

Description

Design a new font whose forms relate to an 10 x 10 square grid. Each box in the grid must be either black or white. You have no curves or true diagonals. Consider proportion, weight, and structural features such as height of cross bars, how elements end, how to accommodate curves and diagonals within the grid of squares, etc.

Directions

Build your file out in a photoshop file. Use the 1-pixel pencil tool to plot your letters on a 10x10 pixel grid. It will help to use a duplicate window to observe the letters at native resolution while working on the 1600% zoom view. Consider the characters that can be accessed either directly or by holding shift on a mac keyboard, yielding 94 characters you must construct. Your photoshop file should show these characters in a neat grid, but the arrangement is up to you. Give your typeface a name. Print out your typeface and mount on foam core adhered to black mat board. Post your design on your website.

Due

Tue, Sep 15

Type Journal Entry #1
3 Tue, Sep 08 Typeface design critique.

  Thu, Sep 10
4 Tue, Sep 15 Quiz and discussion.

Project 3 Lecture and Demo

Title

Word, Text, and Paragraph compositions

Goal

To understand how the appearance of words influences their meaning.

Description

Typography utilizes the medium of type, just as sculpture utilizes clay and metal. Unlike those lifeless materials, however, type is packed with a-priori meaning. The words speak independently of their format. But the format can enhance the meaning. This project will encourage you to seek ways to enhance the meaning of your type.

Directions

Choose two words from the list below. In 6 different compositions, arrange each word to express its meaning (one word per composition). The composition is 6 x 6 inches square. You may vary the size, spacing, placement, and orientation of the letters. You may execute your project by tracing letters, cutting and pasting photocopied letters, using a computer, or any combination of these methods. Use the typeface Futura Bold.

You may repeat, omit, slice, block, or overlap words or letters. Do not use drop shadows or horizontal/vertical scaling (distortion). Consider the entire space of the square. Mount your two best designs to foam core and black museum board.

Words
  • compression
  • transition
  • contraction
  • addition
  • subtraction
  • disruption
  • repetition
  • elimination
  • migration
  • expansion

Part 2: Text exercise as part of project 2

Pick your best two word designs, and both of your paragraph designs, and present on foam core/black mat board.

Here's the text for the parapgraph part of the project:

Print situates words in space more relentlessly than writing ever did. Writing moves words from the sound world to a world of visual space, but print locks words into position in this space. Control of position is everything in print. Printed texts look machine-made, as they are. In handwriting, control of space tends to be ornamental, ornate, as in calligraphy. Typographic control typically impresses most by its tidiness and invisibility: the lines perfectly regular, all justiÞed on the right side, everything coming out even visually, and without the aid of guidelines or ruled borders that often occur in manuscripts. This is an insistent world of cold, non-human, facts.

Due

Thu, Oct. 1

Examples

http://www.papress.com/other/thinkingwithtype/teachers/word_project.htm

Project 2. Read Felici, ch. 3-4
  Thu, Sep 17 Discuss Reading. Visit Forest Lawn Cemetary and wander around with a camera or sketchbook. Take shots and/or rubbings of interesting type. If you're doing rubbings, make sure to collect an entire alphabet of characters so that you can assemble them into your gravestone design.
Watch out for Carrie's grave.
Photos and/or rubbings of headstones.
Type Journal Entry #2
5 Tue, Sep 22

Bring in rubbings/photos and be prepared to discuss graveyard imagery.

Exercise 1: Design your gravestone utilizing some of the faces/design conventions you discovered during your research. If you did rubbings, combine the correct letters "ransom note" style into your final design.

Instructions

Use Photoshop/Illustrator for this exercise. In PS, create a new document at 8.5"x11", 300dpi, and save gravestone.psd in a folder called username_ex1_384. Incorporate design conventions that you observed last class. Use an interesting gravestone photo as your background image; rubber-stamp or otherwise clone out the old text and work in the new. Type on arches/curves should be done in illustrator, copy and pasted into Photoshop as a smart object (more on this in class). Add effects as appropriate to create a convincing gravestone.

Due: Tue, Sep 29

Identify the typefaces used on some of the gravestones. Use http://whatthefont.com and message boards athttp://typophile.com for help.
  Thu, Sep 24 Lab work. Demo paragraph design portion of project 3.
6 Tue, Sep 29 Critique Exercise 1 (gravestone design) Read Felici, Ch. 5-6
  Thu, Oct 01

Project 4 Lecture and Demo

Title

Grids

Goal

To examine the nature of grids as they relate to page design

Description

A typographic grid organizes text and images across the pages of a document. A grid can consist of a single column framed by margins, or it may have multiple columns. When you design a grid, you typically begin with vertical divisions (columns), and then add horizontal divisions.

Directions

Create a new document in InDesign. Your page size is 8 x 8 inches. Create a grid with 1/4-inch margins all around and four vertical columns, 1/4-inch gutters. When your document appears on screen, use guidelines to divide the grid again horizontally. Arrange the text below on the grid. Create three different designs on three different pages, all using the same underlying grid. You may use any typeface that was designed in Switzerland. Suggestions: Helvetica, Frutiger, Univers, Sabon. Do two layouts using 8-pt type only, and one layout that introduces one additional size of type. week one: Bring three designs to class, each trimmed to the edge and taped to a black board. final project: Choose one design to mount permanently on a sheet of black board.

Use this text

COMMON TYPOGRAPHIC DISEASES

Various forms of dysfunction appear among populations exposed to typography for long periods of time. Listed here are a number of frequently observed afflictions.

Typophilia

An excessive attachment to and fascination with the shape of letters, often to the exclusion of other interests and object choices. Typophiliacs usually die penniless and alone.

Typophobia

The irrational dislike of letterforms, often marked by a preference for icons, dingbats, andÑin fatal casesÑbullets and daggers. The fears of the typophobe can often be quieted (but not cured) by steady doses of Helvetica and Times Roman.

Typochondria

A persistent anxiety that one has selected the wrong typeface. This condition is often paired with okd (optical kerning disorder), the need to constantly adjust and readjust the spaces between letters.

Typothermia

The promiscuous refusal to make a lifelong commitment to a single typefaceÑor even to five or six, as some doctors recommend. The typothermiac is constantly tempted to test drive ÒhotÓ new fonts, often without a proper license.

Due

Tue, Oct 20

Type Journal Entry #3
Project 3
Find 5 websites that show a compelling use of the grid. Look in my links for DMA203 and 342 for sources, or go to popular/mainstream sites. Take a screenshot. Bring it into Photoshop, and represent the underlying grid using guides. Save as psds in a folder called username_cw2_384.

Demo:Mounting your Project 3 designs.

7 Tue, Oct 06 Lab work, Quiz

-- Read Felici, Ch.7-8
Read an interview with Khoi Vinh
  Thu, Oct 08 Lab work Lab work
8 Tue, Oct 13 No class-Fall Holiday
  Thu, Oct 15 Class trip to WNYBAC:
View Larger Map Meet there at 11:45 am. Let me know if you need transport.
Type Journal Entry #4
9 Tue, Oct 20 Critique, Grids Project 4:Grids
  Thu, Oct 22

Project 5 Lecture and Demo

Title

Motion

Goal

To explore the impact of motion on typography.

Description

We will be using Flash and/or Adobe After Effects to create movie trailer type effects.

Directions

Find a movie trailer you like. Recreate the title sequence.

Due

Tue, Nov 03

Or, do the poster project:
Click here to download pdf

10 Tue, Oct 27 Use this text for the poster: Design Culture Now
Cooper-Hewitt, National Design Museum
2 East 91st Street
New York City
Erik Adigard | M.A.D.
Thursday, September 12
6:00 pm
Graphic designer Erik Adigard founded McShane
Adigard Design (M.A.D.) in 1989. The firm has since
designed Web sites, multimedia installations, and
print publications for global clients, including Wired
magazine..
Julie Bargmann | D.I.R.T. Studio
Tuesday, October 9
7:30 pm
Julie Bargmann founded D.I.R.T Studio, a landscape
consultancy, in 1992. Recent projects include
the landscaping of the Massachusetts Museum of
Contemporary Art in North Adams, and Riverside Park
South and the Hudson River Park in New York City.
Michael Gabellini | Gabellini Associates
Wednesday, November 2
6:00 pm
Michael Gabellini, a graduate of the Rhode Island
School of Design, worked for Kohn Pedersen Fox
Associates before founding his own practice in 1991.
Recent projects include exhibitions for the Guggenheim
Museum, the Marian Goodman Gallery, and the
Council of Fashion Designers of America.
Rebeca MŽndez | MŽndez Communications
Thursday, December 4
6:30 pm
Rebeca MŽndez, born and raised in Mexico City
and trained at the Art Center College of Design in
Pasadena, has designed publications for the Getty
Center, the Los Angeles County Museum of Art, and
the Whitney Museum of American Art.
Read Felici, Ch.9-10
  Thu, Oct 29 Type Journal Entry #5
11 Tue, Nov 03 Demo grunge fonts (download template) Project 5
  Thu, Nov 05 Critique Pr. 5 Project 5
12 Tue, Nov 10

Project 6 Lecture and Demo

Title

Books

Goal

To examine that nature of books and bookbinding.

Description

This project will greatly enhance your knowledge of managing multi-page documents in Indesign. Students will import text, organize it using master pages and style sheets, print, and bind a unique, handmade book. Japanese, saddle-stitch, and other forms of binding will be demo'd. Furthermore, original binding approaches are encouraged.

Directions

Find a poet who you like (song lyrics are acceptable). Use their poems for the content of your book. Search the library, bookstores, etc. for examples of poetry books for inspiration. If the text is online, just copy/paste. If it's in a book, type it in, or try the OCR scanning software in the web lab. Graphic elements such as lines and shapes are ok; images are not. We will be doing class trips to UB's Poetry and Rare Books collection and P22 Type Foundry as part of our research for the project.

Due

Tue, Dec 08

Book art lecture. Look at previous work. Indesign Multipage/Stylesheets Practice. We will cover:
  • facing pages vs. single sided (spreads)
  • stylesheet review
  • master page, including page numbers
  • columns and text overflow
  • dummies
Read Felici, Ch.11-12
  Thu, Nov 12 Bookbinding Demo/Japanese & Saddle Stitch 4-hole bound dummy book
Type Journal Entry #6
Take a look at This demo and This demo.
13 Tue, Nov 17 Lab work
  Thu, Nov 19 -Lab work- --
14 Tue, Nov 24 Quiz, Type Journal Entry #7 Read Felici, ch.13-15
  Thu, Nov 26 No class-Thanksgiving
15 Tue, Dec 01
  Thu, Dec 03
16 Finals Week Project 6 class critique--Atendance is Mandatory!!!
Type Journal Entry #8