Syllabus : Typographic Workbook :: Resume :: Conference > Resources > Deliverables :: class google drive

 

.................................................................
Professor: Andrea Herstowski
Office hours: by appointment
email: herstow@ku.edu

................................................................
Fonts
:- By Classification
:- by Foundry
:- Adobe Fonts
:- Google Fonts
:- Future Fonts
:- Font of the Month

................................................................
Typography is
:- Glossary of Terms
:- 50 Type Tutorials
:- Fundamentals of Design
:- Ten Rules to rule

................................................................
Resources
:- TypeWolf
:- 25 Type Designers
:- 8 Faces
:- Thinking with Type
:- Practical Typographyh

History" "
:- People's Archive
:- Letterform Archive
:- Design History.com
:- AIGA medalist

Find an article
:- I love Typography
:- Typotheque.com
:- Typographica.org
:- Typeroom
:- FontShop Spotlights
:- Fontshop Essays
:- Medium
:- Eye Magazine
:- Shady Characters
:- c-a-s-t

................................................................
:: Short films :: Audio
:- Type@Cooper
:- Type@Paris
:- Type Radio
:- Type Culture
:- Abstract on Netflix

 


 

 

..........



 

 


 


 


- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - Typographic Workbook
VISC 302: Typographic Systems

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
The type workbook is a series of investigations you will be conducting. The content ranges from typographic studies to type setting rules in typography. It is a time intensive project that requires a lot of attention to details. The workbook should hold together as one document. There are different types of information you will be "displaying" As design professionals it will be apparent if you know the rules or if you don’t. When a professional looks at your type, they can immediately tell if you "know" type. Getting and keeping the job you want requires that you know and master these rules/terms. The upper-level classes focus on the macro of typography, the big idea... this workbook focuses on the micro (all the typographic details) it is expected that you know this information and it will not be covered again.

You will develop the look and feel of the workbook. The final product can be printed or a digital PDF. Printed magazine or digital PDF.

The content given to you is divided into chapters. Each chapter will have a recorded lecture for you to refer to. You may rearrange/ regroup content into different chapters. But you must use all the content given.

Class time will be used to look at your solutions, answering questions. You also will have to manage how to get the project done. I will give you milestones, some chapters are quick and easy and some take more time.

Feel free to look at past examples. Do not use them for content. Your content will not be the same.

You are creating your own typographic resource that you can reference again and again. Take care, invest the time needed, and pay attention to every detail.

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Intense Attention to Detail
From Shaping Text by Jan Endorphin "Beauty is in the eye of the beholder, and whether book or magazine 'looks good' is, to a large extent, a matter of taste. But beyond person preferences, it is certainly possible to recognize quality; to get a feel of a piece of text is harmoniously set, to pick out typesetting flaws (and correct them), to notice whether a text looks bland because that is what the designer wanted or because they never looked beyond the default settings or fonts that begin with 'A'." It is all in the details. There are several factors on which the appeal and functionality and accessibility may depend;

Text formating: choice of type and body size in relation to other decisions: column width; various levels of text; headlines, subheads, introductions, pull quotes, footnotes, captions...

Paragraph formating: Line length in relationship to line spacing (leading) and body size; indents and outdents; alignments (left, right, centered, justified; word spacing, etc.

Microtypography: The attention to details -- the fine art of adjusting every detail to achieve typographic excellence on the smallest level.

It will be apparent to design professionals if you “know” type or if you don’t. When a good professional looks at your type, they can immediately tell. Getting and keeping the job you want, whether in traditional or digital design, requires that you know and master typographic rules, terms and application. Upper-level classes focus on the macro of typography, the big idea... this workbook focuses on the micro (all the typographic details). It is expected that you learn this information as it will not be covered again.

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Rules, Hierarchy and Pacing
The project is all about the rules and details of typography, using them to design your book and presenting them within the book content. Another important component is pacing: applying hierarchy through scale, contrast, position and arrangement to invite the reader into the page. The investigations themselves are basic but how you apply all you learn through them will give you the tools to attain a sophisticated command of arranging complex information in elegant and understandable ways. You will use the learnings to highlight important content and treat title and chapter pages, running headers, captions and folios. Your use of typeface, type size and weight and your use of color is what will make the book beautiful, elegant and dynamic (or not). This is not an easy project, it is complex.

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Resources
Practical Typography by Matthew Butterick
Practical Typography by Fonts.com
Mac is Not a Typewriter
Thinking with Type by Ellen Lupton
Mac is Not a Typewriter (pdf)
The Elements of Typographic Style
: Robert Bringhurst
Getting it Right with Type: Victoria Squire
Letter Fountain. book and online

InDesign help (old doc but useful)
Read the InDesign How to Document (pdf)

Visuals
Flickr Commons: https://www.flickr.com/commons
Bio Diversity Library: https://www.flickr.com/photos/biodivlibrary/sets/
Public Domain Review: https://publicdomainreview.org/collections
Library of Congress: on flikr library_of_congress/albums: or website oc.gov/collections/
The New York Public Library: nypl.org/research/collections/digital-collections/public-domain
The British Library: https://www.flickr.com/photos/britishlibrary/albums
National Archives: flickr.com/photos/usnationalarchives/albums/72157630300235950

UpSplash: https://unsplash.com/images/stock/public-domain
Pixels: https://www.pexels.com/public-domain-images/


maybe not copyright free but a great archives:
Letterform Archive http://oa.letterformarchive.org/
The Peoples Archive People-s-Graphic-Design-Archive

TM RSI SGM http://www.tm-research-archive.ch/

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Baseline Grid (also called the leading grid)
Many people call the baseline grid, the leading grid. It maybe easier to understand the baseline grid thinking about it as the leading grid. The key is the baseline grid is based on leading. The leading should be related (a multiple) of the baseline grid.

*You must use the baseline grid for your workbook. Change the baseline grid to what makes sense for your design. (hint a multiple of 3 or 4). Watch Video.

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Paragraph and Character Styles
To keep your text consistent in the entire book you must use Paragraph Styles and Character Styles. If you need to make changes to the font, size, leading, color, style you can change them all globally through Styles.

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Printed Book
successfully design and typeset both a printed book about the principles of typography

tools: Adobe InDesign
size print: 8.5in x 11in (page size)
page count: unlimited so do not overcrowd pages fonts: typefaces of your choice, determined by investigation
color: full color
grid: 6 column
output: final output will be digitally printed
*b/w version printed cheaply at Jayhawk is required for grading then you may send it off to blurb and get it printed as a magazine

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Digital pdf
successfully design and typeset both a digital screen proportioned pdf
tools: Adobe InDesign
size print: 11 x 17 page (do not design as spreads)
page count: unlimited so do not overcrowd pages fonts: typefaces of your choice, determined by investigation
hyper links: must include hyper links to content. Any additional interactive element/content is encouraged.
color:
full color
grid: 12 column
output: final output will be a interactive pdf.

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Define/Develop the look and feel, personality, concept... of your workbook. This is your book that you will need / hopefully want to refer to at different times in your design career. It needs to be professionally designed, the content has to be correct -- but how it looks, what you use for visuals is all up to you. I will only try to save yourself from something I think you may regret the look of later.

Before we start on the design of the workbook you need to explore what it could look like. Does the look and feel refer to a Movement in Design History, or some sort of Theme or Spotlight a designer. You need to explore 3 ideas before you pick one. It can be anything. It should be something that you like and is interesting to you.

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Monday, Feb 1
Welcome Back
Updates
Syllabus and Slack: take a look and make sure you are in all the channels. Add yourself.
Attending other sections. Just need to let me know.
Intro to first project

HOMEWORK

Develop three different look/feel/concepts for your workbook.
Design History/Movement/Cannon (missing one you want to do? just do it -- you don't have to ask)

Bauhaus (new typography)
European Influencers
The Early Broadside (early advertising)
Constructivism
Deconstructivism (Crandbrook typography)
Dada
DeStijl
Futurism
The New York School
New Wave
Swiss International Style
Data Visualization: Giorgia Lupi : W.E.B. Du Bois

Theme (for example -- you can use these -- develop you own)
Love for Sale
Ornamental Wood Type: more (anything from Archive would be interesting
Ghost Signs
Roadside America
WPA
Type Specimens : american : long list
Movie Titles

Spotlight
Spotlight your favorite illustrator(s), designer, ... anything

For each idea make sure you include this or something like it in your pdf pretension...
__ Name of the Movement/Theme/Spotlight
__ Overview: who what when and where
__ Dates
__ Key Figures (key players)
__ Show at least 6 images representing the movement/theme ( this is type class and you are graphic designers so think about what examples you are showing! example: DADA maybe not one, Futurism maybe not one)
__ Include any visual elements and a color palette for each direction
__ Fonts explore a Title/call out font and body type for each direction. Pick a set of fonts for each.

Organize in screen proportion (11 x 17 landscape for example).
Save as a pdf and upload to your slack channel for class discussion on Wednesday.

*Please Note: the images do not have to be copyright free. so please keep track of the URLS so you can credit the sources

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Wed, Feb 3
Small classes: Present your ideas.
Discuss pros, "legs" and cons for each direction.

Lecture
Setting up grids in InDesign
Master Pages
Page Numbers
Into to homework (examples in the class google drive)

HOMEWORK
What are you going to call your workbook? Typographic Workbook isn't that cool.
Title and subtitle come up with a list of possibilities.
Refine a tool kit for your chosen idea.
Create 2 sets / explorations on how chapter openings can work.

Tips/Thoughts:
When creating your title pages use the correct page size and proportion. (see above: print or digital
How can you get your type and images to work together, compliment or contrast?
How much type do you want to be on a chapter opening? (number, title, blurb/definition?
Most importantly how can you make the set relate to each other visually but not be exactly same? We are not making cookies you are making a cookie, cupcake and pie.

Each set should have 4 chapters. Use this page for your content. How can you make the 4 chapters use your theme, relate visually but not be the same?

Make a set. Then try a different solution for the next set.

You should have at least 2 different approaches to the look and feel of the 4 chapters. If you need a number it is 8. You know. Exploration is what we are after.

Save as a pdf and post to slack *if you chose the print make sure you save your pdf as SPREAD. if you are digital make sure you save your stuff as pages. Be clear on your medium and how that works when you are posting and presenting.

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Monday, Feb 8
It rarely happens -- no class on Monday Feb 8! and I am not giving you any additional homework.

*if you are not happy with your chapter titles then maybe you do have some homework. Make sure you like the visual direction you are working with.

*if you really need something to do... familiarize yourself with these resources
(just click around you don't have to read -- yet)

Practical Typography by Matthew Butterick
Practical Typography by Fonts.com
Shaping Text by Jan Middendorp (copy is on the class google drive)
Mac is Not a Typewriter (copy is on the class google drive)
The Elements of Typographic Style
: Robert Bringhurst (copy is on the class google drive)

Wednesday the project starts -- it gets real -- fast. Lots of homework coming your wan so enjoy the break.
See you in your small classes and lecture on Wed.

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Wed., Feb 10
There is a zoom recording for each chapter. Watch the recording before you desing each chapter. You can jump around doing the chapters in any order. You can work ahead. If you get behind you just have to make up the time. The timing listed below is just a suggestion for you to follow and I will use the lecture time to go through the chapters listed, answer any questions you have...

Character Styles…we will do this in class. have a tool kit handy.

Typographic Color
<<we will start this chapter together on Wed.
Line Length, Column Width
Justification Settings

Monday, Feb 15
Hyphenation Rules
Words, Lines, Paragraphs

Numerals, Figures
Small Capitals

Monday, Feb 17
Accent Marks, Special Characters 

Quotes, Apostrophes, Inch, Foot
Hyphens, Dashes

Monday, Feb 22:
Kerning
Rules Check Sheet
Typographic Ruies

Wednesday, Feb 24:
if you followed the schedule you have done all the content now you can take a look at anything that may need to be refined. If you want to send me a draft to look at -- I can do it if you get it to me on Wed and I can get it back to you by Friday.

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Monday, March 1: Workbook DUE

Monday small classes optional: If you need help with setting up your file for Jayhawk or making sure you understand how to upload to Blurb (after I give you feedback) Come to the small group meetings.

Large Lecture: the only class that is required on Monday is the large lecture. Will introduce the Resume quick project. Also PLEASE start looking/ listening to ted talks. Project will start on March 22 and you don't want to be rushed into a topic. I know it is tempting but try to avoid mental health or meditation, etc.

Hand in...
Packaged File
(includes all fonts, InDesign File and pdf) upload to the class google drive. Make sure the folder is your name :)

Digital Version
should be an interactive PDF. If you careted a digital version -- you do not need to print I can grade the pdf.

Printed Version print b/w at Jayhawk ink. 20lb paper, perfect bound and only black and white
or print at Blurb! let me know if you have questions. Send it to print by Monday and the due date will be rolling based on if you did Jayawk or Blurb.

Behance post: you will have one but we can do it after you get them back from Blurb.