visual communication
VISC 302


...... :: syllabus :: p1 (ongoing) :: p2 logo :: p3 redesign :: p4 festival :: google drive

Professor: Andrea Herstowski
Office hours: by appointment

:: Research
:- Thinking with Type
:- Typotheque
:- Type Cultur
:- Visual Thesaurus
:- Type Base

:: Short films :: Audio
:- films by Hillman Curtis
:- Type Radio








Famous First Page / Tschichold Grid
building the pages together in class

Tschichold Grid
make sure you are starting with a 8.25” x 10.75” page when you are creating the Tschichold Grid.

download this pdf: Elements of Typographic Style, Robert Bringhurst
refer to pages 39-40, 61 - 67

Paragraph Break Rules
Paragraph breaks set a rhythm for the reader. The breaks have a relationship with the column of text as well as the page margins. A break may be introduced as an indentation, as a space or both. The over all page feel will be influenced by your choice.

In typography there are 4 rules regarding paragraph breaks:
1. first line at the beginning of an article should be flush left (do not indent first paragraph)
2. the amount indent is = to the leading (sometimes needs a bit more)
3. block paragraphs are flush left and are separated by extra leading not a full return
4. never hit two returns between paragraphs

Include in your process
-- a short text explaining its significance of the Tschichold grid in Design History
*(you can use what you find online)
-- a short text about Jan Tschichold and why his is important in history of design
-- Start the study by showing the grid how it is made

-- Use all the given text for every study (5-7 of your solutions can use part of the text)
-- Create 20 first page studies.
-- Use the 8.5 x 11 page size (build the grid on 11x 17 spread size)
-- Use only the Tschichold Grid (single page)
-- Use 8.5 / 12 as body type (you can alter the size but start with that
-- You may only use 1- 2 font family per study
-- You don't have to use the same family for every study) )
-- Column width is set by the Tschichold Grid (text must go the width of the box)
-- Consider different ways to show paragraph breaks (use one idea per study)
-- Question: How does the chapter title and page number work with the page?
-- You can not use multiple columns but you
-- You can use different alignments based on paragraph breaks for headers, sub, page no,,,

*you are looking for non-expected solutions:
*you may only use 1 drop cap solution (and that is only if you must)
*only the beautiful will be excepted, all of the solutions have to be different from each other.
*any solutions that are similar to each other won't be counted when grading.

-- Save it all as a pdf and put the pdf yourname_jantschichold.pdf onto the google drive.
Think about how you are presenting this to the class.

** understand what is expected before you leave class today.

Use all the text below

Moby Dick
Chapter 1 - Loomings
Call me Ishmael. Some years ago – never mind how long precisely – having little or no money in my purse, and nothing particular to interest me on shore, I thought I would sail about a little and see the watery part of the world. It is a way I have of driving off the spleen and regulating the circulation. Whenever I find myself growing grim about the mouth; whenever it is a damp, drizzly November in my soul; whenever I find myself involuntarily pausing before coffin warehouses, and bringing up the rear of every funeral I meet; and especially whenever my hypos get such an upper hand of me, that it requires a strong moral principle to prevent me from deliberately stepping into the street, and methodically knocking people's hats off then, I account it high time to get to sea as soon as I can. This is my substitute for pistol and ball. With a philosophical flourish Cato throws himself upon his sword; I quietly take to the ship. There is nothing surprising in this. If they but knew it, almost all men in their degree, some time or other, cherish very nearly the same feelings towards the ocean with me.

There now is your insular city of the Manhattoes, belted round by wharves as Indian isles by coral reefs – commerce surrounds it with her surf. Right and left, the streets take you waterward. Its extreme downtown is the battery, where that noble mole is washed by waves, and cooled by breezes, which a few hours previous were out of sight of land. Look at the crowds of water-gazers there.

Circumambulate the city of a dreamy Sabbath afternoon. Go from Corlears Hook to Coenties Slip, and from thence, by Whitehall, northward. What do you see? Posted like silent sentinels all around the town, stand thousands upon thousands of mortal men fixed in ocean reveries. Some leaning against the spiles; some seated upon the pier-heads; some looking over the bulwarks of ships from China; some high aloft in the rigging, as if striving to get a still better seaward peep. But these are all landsmen; of week days pent up in lath and plaster tied to counters, nailed to benches, clinched to desks. How then is this? Are the green fields gone? What do they here?

1 (page number has to be on the page somewhere in the margin)


1) please add to this google doc. you can all add to it and use it / make sure it is correct. you need this done before you can do step 2

2) use this InDesign file and follow the directions on the first page. You are creating 10 different font combinations using the template and filling out all the information. Watch

3) sketch out by hand 5 - 10 concepts on how to show/teach us your given rule.
*don't understand your rule !!! find it here !!!
-01- Use real quotation marks
-02- Use real apostrophes
-03- Use proper ‘em’ dashes, ‘en’ dashes, and hyphens
-04- Hang punctuation
-05- Use True Small Caps
-06- Add letter spacing to capitalized text and small caps
-07- Use old style figures when appropriate
-08- Kern all headlines
-09- Never use the spacebar to align text
-10- Never leave a widows (or orphan)
-11- Avoid more than 3 hyphenations in a row
-12- Avoid hyphenating names and proper nouns
-13- Avoid beginning consecutive lines with the same word
-14- Avoid ending lines with the words: the, of, at, a, by…
-15- Never hyphenate a words in a headline
-16- Never justify the text on a short line
-17- Keep the word spacing consistent
-18- Use a one-em indent on all indented paragraphs
-18- Never combine two serif fonts on one page
-20- Always spell check
-20- Insert only a single space after all punctuation

11:30 class
rule: your name (sketch ideas, can be custom type, photography, show your rule show the opposite of your rule -- need to make it have reason and look cool. Just sketch 5 - 10 different concepts
-01- Adam
-02- Claire H
-03- Dominique
-04- Emily F
-05- Hadley K
-06- Hannah D
-07- Jayna S
-08- Karley P
-09- Kasey C
-10- Keegan S
-11- Maggie N
-12- Natalie F
-13- Nick
-14- Paige
-15- Paola
-16- Sara dN
-17- Sarah S
-18- Sierra H
-18- Syndey A
-20- Tiana L
-21- Xiaoya

Do some research. Think about it. Sketch.
Inclass and finish as homework: Refine your Beautiful Page solutions need 10 great ones. All 10 have to be completly different from each other. All 10 have to use the grid. All 10 need to have all the elements on the page working together. You can use scale, 1 color + black, rules, bars.

Design at least 3 diffrent solutions for your given rule. Final Size is 8 x 5in. Print them out full size full color.

Font Combinations
Updated the font list — what you all were working with was pretty pitiful.
I went through all the Adobe Type Kit fonts and added all the ones that area worthy. Please go through typekit turn them on. If you are not using TypeKit please start. HERE is the list

So you should redo a few of your Font Classifications — especially if you didn’t like many of them. You should have at least 10 combinations that you can live and work with. AND if you don’t like serif fonts as body text — I hear you but please have at least 5 with the body text as serif — .

*if you didn’t use the template that I gave you — please redo it with the template InDesign
** this is a good resource to find out classifications and more info about the font

Postcards: Your Type Rule
Need a concept. If you didn't have 5 - 10 sketches today you should think/make more.
Need too be visually interesting.
Noting is off the table on how you design them.
Final Size is 8 x 5in.
Print them out full size full color. *you can fit 2 on 8.5 x 11 sheet

Famous First Page
You need 10 excellent ones so maybe you can refine them. Maybe you need to make NEW.
All different from each other (you had 100’s of examples in class)
Each page should have all the elements working together.
These are for a grade so do your best. Save as a pdf and upload them to google drive.

Book Redesign
We will start the book redesign project on Wed (I hope) so make sure you have 3 terrible books to choose from — you don’t want to pick a book that is already well designed. Non-Fiction.


Present Postcards. Famous First Pages.


Monogram Presentation (second chance)
Find your presenation on the google drive and may any corrections, refinements and rehand it in for a grade on Wed. Presation is only part of your LogoType project so take the opportunity to get an A in that section of the grade sheet. Here is the link.

Book Redesign
We will start the book redesign project on Wed so make sure you have 3 terrible books to choose from — you don’t want to pick a book that is already well designed. Non-Fiction.