:: Syllabus :: Modular Grid :: Modular Font :: Publication :: Resident Expert :: class google drive

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Modular Grid + Hierarchy

In this project you will learn so see typography in two ways: 1) as visual elements in a two- dimensional composition 2) as information which represents hierarchical organization. Emphasis will be on establishing a clear visual hierarchy and exploring compositions that closely adhere to a given modular grid.

Analyze the given text. You will be asked to classify it into three levels of informational importance; dominate, sub-dominate, subordinate. Your compositions will simplify and clarify the information, encouraging the viewer to read the information in a logical and per-determined order.

You will be creating a series of typographic compositions that closely adhere to a traditional grid form (a straightforward composition that stresses organization and legibility). Use a clear vertical/horizontal structure in the organization of the information. Do not orientate type at an angle, running vertical, or into any shape or form.

D A T E S
It is your responsibility to have everything asked of you ready before class begins. Process is 50% of your grade you can't pass the project or the course if you don't come prepared for every class. Also, if you have prints in the print lab when class begins you will be counted LATE (3 lates = 1 absence). Remember there are 40 of you and you can't all print at the same time, coming in 15 minutes before class to print will get you into trouble.

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
LEARNING OBJECTIVES
_ explore visual elements in a two-dimensional composition
_ explore hierarchy and how to enhance it through typographic color, color, and rules (line)
_ understand how to use a modular grid
_ understand Swiss Design and its place in design history
_ InDesign basics

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Deliverables
More directions will be given closer to due date.

Packaged InDesign File of final 8 compositions. *
Make sure you are locking to the baseline grid, using the grid correctly, using style sheets)
Behance Post: finals posted, process optional.
Process Book: spiral bound*
* keep all your handouts, lecture notes, class work and homework + research. If you do a title page, as asked, for every project you will be prepared for your process book. You are printing all your homework so all you have to do is keep it all and keep it organized and then spiral bind it together. ** 8 Final Compositions added to the last section of your process book.

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Text for the project. Analyze the given text...
My Way to Typography
Retrospective in Ten Sections
Wolfgang Weingart
1941 – 2021

Weingart was most influential as a teacher and a design philosopher. He began teaching at the Basel School of Design, where he was appointed an instructor of typography by Armin Hofman in 1963. He also taught for the Yale University Summer Design Program in Brissago. Throughout his entire career he spent time traveling and lecturing throughout Europe, the Americas, Asia and Australia.

He taught a new approach to typography that influenced the development of New Wave, Deconstruction and much of graphic design in the 1990s. While he would contest that what he taught was also Swiss Typography, since it developed naturally out of Switzerland, the style of typography that came from his students led to a new generation of designers that approached most design in an entirely different manner than traditional Swiss typography.

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Modular Grid
You will be using InDesign for this project. Please use InDesign (even if you know illustrator or photoshop better). This is a intro to InDesign project. Now is the time to learn it. If you need more help with the software you need to let me know.

--> Please use this file. It is set up correctly for you to use.

Page Size: 6 x 9in. Single pages in InDesign. Not spreads
Margins: .25 inch
Column: 5 column grid
Horizontal lines: 7

Explore Design Principles...
Tension: how the page is used, how the edges are used, activate the page
Grouping: how things are grouped together, use triangulation as a guide.
Alignments: vertical, horizontal (type must stay horizontal)
Coding: type that is the same size and style will be read together

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Hierarchy
You will be asked to classify the text into three levels of informational importance/hierarchy; Primary, Secondary, Tertiary. Your compositions will simplify and clarify the information, encouraging the viewer to read the information in a logical and predetermined order.

There are a variety of ways you can create a sense of hierarchy. Many of these will effect also the typographic color*. Here are some of the most common techniques:

_Placement: Where text is located on the canvas can establish hierarchy as well. Typically you read from top to bottom, left to right, but this can be changed by employing some of the techniques above.

_Size: It almost goes without saying, but the bigger the type, the quicker the eye will be drawn to it. Type sizing should correlate to the order of importance in reading the text.

_Weight: The thickness of letters can make text look larger (bold, thick strokes) or smaller (thin or compressed typefaces).*

_Tracking: Adjusting the overall spacing of a group of letters is called tracking or letter spacing.*

_Capital and lowercase letters: Capital letters will appear larger and come to the forefront while lowercase letters appear smaller and often fall into the background. (Be wary of use for text/ body copy).*

_Bold: Bold lettering is a good point of emphasis for a single word or phrase. It works especially well in the tertiary level of type.*

_Italics: Italic lettering can highlight a single word or phrase in a less dramatic and more subtle way than bolding. It works especially well in the tertiary level of type.*

_Color: Changing the text from black to a color.

_Typographic color: Refers to the space between letters, words, and lines of text as well as the weight of the font. Leading, and tracking among other things help control typographic color and can be used to control the hierarchy of your text. When text gets too dense (has too much color) it becomes harder to read.

Ask yourself...
How does where you put text on the page affect what we see first?
How does bold type affect what we read first?
How does size affect what we read first?
What about tracking?

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Font List
You can use one of these fonts for the project .… pick the one you want to use. All are available to all of you on adobe fonts or google fonts so you won’t have font trouble.

Sans Serif
Aktiv Grotesk — https://fonts.adobe.com/fonts/aktiv-grotesk#fonts-section
FF Unit  — https://fonts.adobe.com/fonts/ff-unit
IBM Plex Sans – https://fonts.adobe.com/fonts/ibm-plex-sans
Meta Sans – https://fonts.adobe.com/fonts/ff-meta#packages-section
Futura — https://fonts.adobe.com/fonts/futura-pt
Zeitung  —https://fonts.adobe.com/fonts/zeitung

Serif
Le Monde Livre - https://fonts.adobe.com/fonts/le-monde-livre
Bookmania: https://fonts.adobe.com/fonts/bookmania
IBM Plex Serif: https://fonts.google.com/specimen/IBM+Plex+Serif?category=Serif
Museo Slab: https://fonts.adobe.com/fonts/museo-slab
Mrs Eaves XL: https://fonts.adobe.com/fonts/mrs-eaves-xl
Utopia: https://fonts.adobe.com/fonts/utopia

*what is a variable font/ how to use: https://v-fonts.com/ :: https://typofonderie.com

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
August 23
Intro to class/Syllabus
Sign into Slack: ku-viscom-2024.slack.com
Fill out door code form https://forms.gle/p7SYMDBbMgsDikqq5
Fill out survey https://forms.gle/GpsnRPytaMWueX4XA
Font Observation Handout/pdf
Look through the font list and pick one to use.
Intro to Project
Font Playground Play: https://play.typedetail.com/

HOMEWORK
_ Look through the font list and pick one to use.
_ Read chapter 3 and Thinking with Type: Grids. Pay attention to Golden Section, Hang Line, Modular Grid, Baseline Grid
_ Learn the parts of a grid terms: https://vanseodesign.com/web-design/grid-anatomy/
_ Watch: Ellen Lupton
_ Watch: 10 rules to help you rule type
_ Next class meet in the 313 lab. Be prepared to use a school computer. Be able to get your file. Turn on the font you need.

:- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
August 25
_ Meet in the 313 lab. Be prepared to use a school computer. Turn on the font you want to use.
_ Slack channels add them all
_ Discuss Thinking with Type.
_ Discuss Parts of the grid
_ InDesign Basics, Baseline Grid, Style Sheets
_ Tour the buildind and Marvin

InDesign refresher *for file set up... see above modulargrid
turn on the adobe font you have chosen
open InDesign
tools
understanding the master page
saving your file
printing with crop marks and doc info
add another page from master page or duplicate page
using layers( type and grid)
type: text box, change font, change size, change leading, change tracking
lock type to corner left corner of the grid
baseline grid. lock text
style sheets: make 6 different character styles

Start in class and finish as homework. It is a lot so do not wait until Sunday or Monday to start it!

- - - - - - - - - - - - - - - - - - - - -
USE ALL OF THE FOLLOWING TEXT (once per layout, no repeating text)
My Way to Typography
Retrospective in Ten Sections
Wolfgang Weingart
1941 – 2021
- - - - - - - - - - - - - - - - - - - - -
Ask yourself...
How does where you put text on the page affect what we see first? How does bold type affect what we read first? How does size affect what we read first? what about tracking?

Explore...
Tension: how the page is used, how the edges are used, activate the page
Grouping: how things are grouped together, use triangulation as a guide.
Alignments: vertical pull and horizontal pull how can you use them...(type must stay horizontal)
Coding: type that is the same size and style will be read together

*be careful to not put the type in the same place on multiple layouts
*explore different hiearchies (don't alwasys make the title first)
*how can you manipulate the hiearchy (see the list above)
*how can you use typographic color (this does not mean turing type into a color)

HOMEWORK
_ Slack channels add them all
_ Read though (at least look at the pictures) Meet your Type

ROUND ONE:
_ Use the correct InDesign Doc (get it off the class google drive)
_ 2 weights (only 2): light (or regular) and bold (you have lots of options but for now please use only two weights
_ 2 sizes (pick 2 from the size list, mix them up)
8pt/12pt
12pt/16pt
34pt/36pt
*does anyone know where these numbers come from?
_ Black and White only: No color
_ All type must lock up into the upper-left
_ Keep type horizontal (only horizontal), left aligned.
_ USE THE GRID!
_ Explore 15 different compositions with clear hierarchy: 1st, 2nd, 3rd
_ Strive for all 15 compositions to look different from each other. EXPLORE variations.
_ Print all b/w with the grid and page layer visible

Modifying Round One.
_ Choose your favorite / strongest 5 designs (all solutions should be different from each other)
_ Explore case changing some text to all caps or all lowercase
_ Explore that happens to hierarchy when you use tracking
_ Print all b/w with the grid and page layer visible
_ also Design and print a title page: Your Name, Round One

*that is 20 pages black and white prints. yep print them all.

RESEARCH:
Who is Josef Müller-Brockmann? Why is he important and capture at least 6 examples of his work.
Who is Jan Tschichold? Why is he important and capture at least 6 examples of his work.
Who is Wolfgang Wiengart?. Why is he important and capture at least 6 examples of his work.
* sorry they are all men.

What is do on Monday: Recap
20 designs total + research.
Be prepared to share/present your research. (put a pdf here)(you don't need to print it)
Collect and present your research so that it is easy to add to your process book.

:- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
August 30
_ Present Research
_ Review homework

HOMEWORK
you are completing round 2

ROUND TWO: ADD RULES + COLOR
How can you visually show us the information so we can read it quickly.
How does color, typographic rules help with hierarchy?

MAKE 10 new layouts using up to 3 sizes, 2 weights but now add color and/or rules.
You want to have 10 different successful layouts exploring typographic rules (lines) and/or color.

If you didn't have great layouts in round one this is your opportunity to make great ones. Make new don't just recycle what you have made.

_ Create new layouts/refine old ones add color and/or rules (need 10 different solutions of color and /or rules)
_ Remember you can add color to the background.
_ If your background color is in the mid-range then you could have colored type, black or white text
_ Explore not having all the type 1 color)
_ Strive for all 10 to be different from each other.
_ Type has to lock to the Upper left of the module
_ USE only 3 sizes of type only (8pt, 12pt, 34pt) (not every layout has to use all three. These are your choices.
_ 2 weights only (light and bold)
_ typographic color (type style, tracking, leading...)
_ add typographic rules (tip: keep rules going the same direction and with purpose, no mouse maze)
_ add color no more than 2 colors + tints
_ what happens if you make the background a color how does that give you more options?
_ Print them all. Use the THUMBNAIL option and print 2 layouts per page.
_ Make/Print a title page Your Name and Round 2

AVOID decoration! You are only using these elements to HELP with hierarchy. Avoid checker boards, diagonal structures, think horizontal pull, vertical pull

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
September 1
Crit layouts what is working well, what isn't?

HOMEWORK: starting in-class
Watch: Contrast Video

ROUND THREE: GO BIG (or go home)
_ Explore SCALE. Extreme Scale. 20 new layouts using SCALE (and rules and/or color)
_ Do not use any layouts you have made in Round 1 or Round 2
_ Do not repeat the text on a layout
_ Letters/Words can bleed off the page

Create 20 new layouts that use SCALE BIG TYPE.
Do not use more than 4 sizes of type on one layout.
You can also use color, rules.

Type should lock up to any corner on the grid.

By Friday... Post at least 1 SCALE design to the Slack channel so you all can get feedback before you keep going.
To post on Slack export your page as a pdf or jpg.

_ Explore 20 NEW compositions
_ Use the grid as a guide large text should relate to the grid somehow
_ Smaller text can lock to the top or bottom of the modular
_ Strive for all 20 to be different from each other.
_ ANY 4 sizes of type only, No more than 4 sizes on a layout
_ (you can go small 5pt you can go HUGE explore a range).
_ 2 weights only (any 2 weights explore different choices on different layouts)
_ typographic color (type style, tracking, leading...)
_ add typographic rules (tip: keep rules going the same direction and with purpose)
_ add color no more than 2 colors + tints
_ Print them all. Use the THUMBNAIL option and print 4 layouts per page (we also call this 4 up?
_ Make/Print a title page Your Name and Round 3

Ask yourself...
How does where you put text on the page affect what we see first? How does bold type affect what we read first? How does size affect what we read first? what about tracking?

Explore...
Scale!
Tension: how the page is used, how the edges are used, activate the page
Grouping: how things are grouped together, use triangulation as a guide.
Alignments: vertical, horizontal (type must stay horizontal)
Coding: type that is the same size and style will be read together

Every year this phase has to be redone so please. Use SCALE BIG. Push it to you think is ridiculously big.
*again don't wait to do your homework

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
September 6: Labor Day : no class :)

:- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Wednesday, September 8
_ Review homework
_ What is working what isn't

HOMEWORK
Read: https://practicaltypography.com/all-caps.html
Read: typography/length-column-width
Read: typography/rags-widows-orphans

(optional) More advanced: https://readings.design/PDF/the_elements_of_typographic_style.pdf
page 26 - 28 Choose a comfortable measure
page 32 - 34 Kern...
page 36 Choose a basic leading
page 39 - 40 Blocks and Paragraphs

Refine... (re-make, make new if needed). For monday you need all of the following ready for a final crit and selection on what are the best ones for each of the rounds so far.

Check your type sizes and styles.
Check to make sure all your type (rules and boxes) are locked to the baseline grid. (4pt baseline grid)

Round 1: 4 awesome layouts that don't look or feel anything like round 2 or round 3.
Recap...
_ Type size only 2 sizes from this list (8/12pt, 12/16pt, 34/36pt)
_ Type styles: 2 weights only (light and bold)
_ Typographic color: consider type style, tracking, leading..
_ Can use all caps, title case and lower case
_ No color (as in color :)
_ No rules (as in lines)
_ Locking only to the upper left corners

Round 2: 4 awesome layouts that don't look or feel anything like round 1 or round 3.
Recap... changed a bit from what you did originally follow these new parameters...
_ Type size only 2 - 3 sizes from this list (8pt/12pt, 20/24pt, 34/36pt)
_ Type styles: 2 weights only (light and bold)
_ 1 color (plus tints) , black and white
_ Typographic color: consider type style, tracking, leading..
_ Can use all caps, title case and lower case
_ Typographic Rules
_ Background Color
_ Locking only to the upper left corners

Round 3: 6 awesome layouts that don't look or feel anything like round 1 or round 2.
Recap...
_ Type size : unrestricted, you can go small 5pt you can go HUGE explore a range).
_ Type styles: 2 weights only (any 2 weights explore different choices on different layouts)
_ 2 colors (plus tints) , black and white
_ Typographic color: consider type style, tracking, leading..
_ Can use all caps, title case and lower case
_ Typographic Rules
_ Background Color
_ Locking into ANY corner

Save as a pdf. No need to print we can look at them onscreen on Monday.
Put the pdf on the Google drive before class starts. Bring all your files to work during class.

:- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
September 13
Discuss: https://practicaltypography.com/all-caps.html
Discuss: typography/length-column-width
Discuss: typography/rags-widows-orphans

Paragraph break ideas.

Working with paragraphs. Usings your layouts (or refine, or make new) add the paragraphs to the "back page", add the the full title and author to the spine, all the text has to be on the back. PLEASE (i beg you here... please start with the text at 8pt on 12 pt leading and make it larger or smaller based you your design. But start with it at 8/12pt. Please get used to always using 8 - 9 pt type for text. As with all of this project please only loosely think of this as a book cover. Think of it more as a typographic exploration of manipulating hierarchy, using the grid, and creating dynamic layouts.

Cover:
My Way to Typography
Retrospective in Ten Sections
Wolfgang Weingart
1941 – 2021

Spine
My Way to Typography
Retrospective in Ten Sections
Wolfgang Weingart

*make sure you use some of the same sizes and weights on the front, spine, back
*horizontal alignment (clothesline)
*book published in the USA the spine reads down so please rotate the text on the spine to read down.

Back cover.
Weingart was most influential as a teacher and a design philosopher. He began teaching at the Basel School of Design, where he was appointed an instructor of typography by Armin Hofman in 1963. He also taught for the Yale University Summer Design Program in Brissago. Throughout his entire career he spent time traveling and lecturing throughout Europe, the Americas, Asia and Australia.

He taught a new approach to typography that influenced the development of New Wave, Deconstruction and much of graphic design in the 1990s. While he would contest that what he taught was also Swiss Typography, since it developed naturally out of Switzerland, the style of typography that came from his students led to a new generation of designers that approached most design in an entirely different manner than traditional Swiss typography

HOMEWORK
ROUND 4: adding the paragraph (round 4 is adding the pargraphs to round 1, round 2 and round 3)

Round 1: 4 different designs with front back spine that don't look or feel anything like round 2 or round 3.
Recap...
_ Type size only 2 sizes from this list (8pt, 12pt, 34pt)
_ Type styles: 2 weights only (light and bold)
_ Typographic color: consider type style, tracking, leading..
_ Can use all caps, title case and lower case
_ No color (as in color :)
_ No rules (as in lines)
_ Locking only to the upper left corners

Round 2: 4 different designs with front back spine that don't look or feel anything like round 1 or round 3.
Recap... changed a bit from what you did originally follow these new parameters...
_ Type size only 3 sizes from this list (8pt/12pt, 20/24pt, 34/36pt)
_ Type styles: 2 weights only (light and bold)
_ 1 color (plus tints) , black and white
_ Typographic color: consider type style, tracking, leading..
_ Can use all caps, title case and lower case
_ Typographic Rules
_ Background Color
_ Locking only to the upper left corners

Round 3: 6 different designs with front back spine that don't look or feel anything like round 1 or round 2.
Recap...
ANY 4 sizes of type only, No more than 4 sizes on a layout
_ Type size : unrestricted, you can go small 5pt you can go HUGE explore a range).
_ Type styles: 2 weights only (any 2 weights explore different choices on different layouts)
_ 2 colors (plus tints) , black and white
_ Typographic color: consider type style, tracking, leading..
_ Can use all caps, title case and lower case
_ Typographic Rules
_ Background Color
_ Locking into ANY corner

Use frontspineback InDesign doc (find it in the class google drive)

PRINTING ON THE LASER PRINTER IN THE PRINT LAB IS NOW
FREE!
Please print all your layouts (13 of them) on 11 x 17 full color.

:- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
September 15
_ Crit front spines backs
_ Play kerning game https://type.method.ac/
_ Justification Settings *if you justify paragraph text. (turn on hyphenation)

HOMEWORK
These readings/observations need to be done by Wed. Sept 22. Giving them to you now so you and work them when you have time.
Read, observe, take notes: Functionalism and the Grid
Read, observe, take notes: WimCrouwel_Alphabets.pdf
Read, observe, click on links, take notes. Lecture: part three.
Your notes will go into your process book so do this in a way that makes it easy to add to your process.

Redo/Refine/Remake layouts for the final (see list below) What is listed is the min for monday. If you want to make variations for any or all the layouts you can then pick what is working the best for the final
_ refine layouts as needed
_ refine paragraphs/ how can the back relate more to the front
_ check for consistency in type styles
_ check that all text is locked to the 4pt baseline
_ refine paragraphs/ how can you make the type more engaging to read/ details to add?
_ color, weight, tracking, leading...
_ rag or justification (fix justification)
_ kern all 30pt or larger most likely needs to be kerned Read: Kerning Typography
_ spell check many of you have typos

Round 1:
3 different designs with front back spine that don't look or feel anything like round 2 or round 3.
_ Type size only 2 sizes from this list (8pt, 12pt, 34pt)
_ Type styles: 2 weights only (light and bold)
_ Typographic color: consider type style, tracking, leading..
_ Can use all caps, title case and lower case
_ No color (as in color :)
_ No rules (as in lines)
_ Locking only to the upper left corners

Round 2:
3 different designs with front back spine that don't look or feel anything like round 1 or round 3.
_ Type size only 3 sizes from this list (8pt/12pt, 20/24pt, 34/36pt)
_ Type styles: 2 weights only (light and bold)
_ 1 color (plus tints) , black and white
_ Typographic color: consider type style, tracking, leading..
_ Can use all caps, title case and lower case
_ Typographic Rules
_ Background Color
_ Locking only to the upper left corners

Round 3:
5 different designs with front back spine that don't look or feel anything like round 1 or round 2.
ANY 4 sizes of type only, No more than 4 sizes on a layout
_ Type size : unrestricted, you can go small 5pt you can go HUGE explore a range).
_ Type styles: 2 weights only (any 2 weights explore different choices on different layouts)
_ 2 colors (plus tints) , black and white
_ Typographic color: consider type style, tracking, leading..
_ Can use all caps, title case and lower case
_ Typographic Rules
_ Background Color
_ Locking into ANY corner

Have ready for class
_ Print Everything out on 11 x 17 to crit in class on Monday. Trim and fold (practice this for final)
(if you want me to tell you if you are using the grid correctly print with the grid on and print with it off)
_ Package your InDesign File so you know how to do it for the Final
_ Export all your designs as single jpgs so we can practice posting to behance in class.
_ Start preparing your process book (see below)

:- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Monday Sept 20
Crit: picking the best for the finals
Practice putting a behance post together
Refine typography (leading, typographic color, kerning, widows, orphans, justifcation/rags...)

All 8 have to be different layouts not variations of the same layout.

You will be graded on
__ 30% process (had everything that was asked for class, explored variation both quality and quanity
__ 10% variety of solutions (every solution has to be different from another)
__ 10% use of the grid (locking as directed) and locking all text to the baseline grid
__ 10% very clear hierarchy
__ 10% typographic color (use of bold, caps, tracking
__ 10% dynamic layout (how you use the page)
__ 10% typographic details (leading, widows and orphans, kerning, word spacing)
__ 10% handed in as asked: process book, packaged InDesign Folder, posted on behance (followed directions)

________________________________________________________
FOR THE FINAL
Round 1
2 different designs with front back spine that don't look or feel anything like round 2 or round 3.
_ Type size only 2 sizes from this list (8pt, 12pt, 34pt)
_ Type styles: 2 weights only (light and bold)
_ Typographic color: consider type style, tracking, leading..
_ Can use all caps, title case and lower case
_ No color (as in color :)
_ No rules (as in lines)
_ Locking only to the upper left corners

Round 2
2 different designs with front back spine that don't look or feel anything like round 1 or round 3.
_ Type size only 3 sizes from this list (8pt/12pt, 20/24pt, 34/36pt)
_ Type styles: 2 weights only (light and bold)
_ 1 color (plus tints) , black and white
_ Typographic color: consider type style, tracking, leading..
_ Can use all caps, title case and lower case
_ Typographic Rules
_ Background Color
_ Locking only to the upper left corners

Round 3:
4 different designs with front back spine that don't look or feel anything like round 1 or round 3.
_ Type size : unrestricted, you can go small 5pt you can go HUGE explore a range).
_ Type styles: 2 weights only (any 2 weights explore different choices on different layouts)
_ 2 colors (plus tints) , black and white
_ Typographic color: consider type style, tracking, leading..
_ Can use all caps, title case and lower case
_ Typographic Rules
_ Background Color
_ Locking into ANY corner

--------
Final Layouts
Print on the laser printer all 8 layouts in color without the grid trim and fold (if you don't like the color or it isnt' legible you have to reprint. don't hand in something that isn't legible)
AND
Print all 8 layouts in color with the grid. (no need to trim and fold these).

Process Book
If you followed the directions for every homework you already have title pages for each Round. You need to just organize everything.
AND
Make a title page for the process bookk (your name and project title)
Write a project description
Write a project overview and
Spiral bind it all together to hand in on Wed.
*you can get it bound at Jayhawk Ink, Office Depot, Ups where ever!

Behance
Post all 8 final layouts on Behance without the grid.
Behance page as 1400 pixels wide and as long as you need it. We can see 800px high at a time (when you are scrolling), you can use InDesign and export your file as a jpg or png to upload to Behance.
Please note you only RGB (won't take CMYK).
Optional: post some process, post with the grid on, include a link to the pdf of your process book

InDesign Files
Package the designs of your final 8 layouts. And put them on the google drive (name the folder your name). We will heck that you have locked your text to the baseline grid so you need to package your indesign file and hand in that entire folder

These readings/observations need to be done by Wed. Sept 22.
Read, observe, take notes: Functionalism and the Grid
Read, observe, take notes: WimCrouwel_Alphabets.pdf
Read, observe, click on links, take notes. Lecture: part three.
Your notes will go into your process book so do this in a way that makes it easy to add to your process.
at makes it easy to add to your process.

:- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
September 22
Project is DUE
full directions are above

__ Printed layouts. Final w/o grid trim and folded. With the grid no trim and fold
__ Packaged InDesign File of final 8 compositions. (put it on the google drive)
__ Behance Post: finals posted (follow me so I can find you._
__ Process Book: spiral bound

*bring different size markers to class