:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
Project One: MODULAR GRID
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 over 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.
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
Mon. August 26
_ Review Syllabus
_ Watch
Andrew Bryom: If h is a chair
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
HOMEWORK
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Set Up Blog: Set up personal blog on Blogger: http://www.blogger.com
Click here for a tutorial. *email your professor your blog address. address looks like this: www.yourname.blogspot.com
Follow: make sure you add the class blog to your blogs that you follow. http://kutype01.blogspot.com/.
Post: Scan or take of photo of your "TYPE" and post it to your blog.
Download and Print: *Meet your Type, by Font Shop
download and print out (black and white is fine)
Read: Typographic Design: Form and Communication pages 60-65, 105-109, 166-168, 201
Answer and Post: the following answers and any links to your personal blog...
_ define the word “grid”
_ why do we (designers) use a grid? what are the benefits or functions?
_ what is a modular grid?
_ define and illustrate: margins, columns, grid modules. flow-lines, gutter
_ define hierarchy
_ define typographic color (this does not mean color as in change it to a color)
_ what are ways to achieve a clear hierarchy?
_ define white space
_ define contrast
SUPPLIES NEEDED FOR Thursday’S CLASS:
_ something to cut with: scissors, x-acto
_ something to cut on: buy a cutting mat at least 5 x 7 inches
_ clear removable tape NO GLUESTICKS
_ 35 xerox copies of Weather_grid.pdf
_ 5 copies of the Type_project_01.pdf
_ binder clip (purchase a box of them)
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
Wed. August 28
_ Review homework
_ Introduction of project 1: working in class
INCLASS
Current Weather
_ Explore 15 different compositions with the current weather being first in the hierarchy.
_ Strive for all 10 to be different from each other.
_ Cut and paste, no computer computer layouts.
Technical Restrictions:
Size: 8 x 8 square
Grid: 5 column. All type must lock-up into the upper left corner
Font: Univers 45 light and Univers 75 bold
Size: 9pt and 16pt
Text: must remain horizontal, no vertical text, no shapes
TEXT
Weather for Lawrence, KS
Currently
83°
Partly Cloudy
Humidity: 42%
4-Day Forecast
Tuesday
Partly Cloudy
High 88
Low 68
Wednesday
Mostly Sunny
High 90
Low 70
Thursday
Sunny
High 90
Low 69
Friday
Partly Cloudy
High 89
Low 75
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? The reader must be able to discern which temperature goes with which date. You may use abbreviations for the days of the week.
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, horizontal (type must stay horizontal)
Coding: type that is the same size and style will be read together
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
HOMEWORK
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Current Weather
_ Finish 15 layouts
_ Make a title page with your name, Elements of Typography
_ Clip all together and hand in.
_ Strive for all 15 compositions to be different from each other.
_ They should not look like they are a set or a theme.
_ Cut and paste, no computer computer layouts.
BLOG
Using the books required for class, define/or give the rule for the following words and when possible give an example.
_ define weight
_ define width
_ define style
_ define font
_ define typeface
_ define x-height
_ define cap hight
_ define leading
_ define letters-pacing (tracking)
in regards to measuring type...
_ How is type measured in inches, mm, points or picas
_ define point
_ define pica
_ How many points in an inch?
_ If a letter is set in 36 pts about how many inches tall is it?
_ How many picas in an inch?
_ How many points in a pica?
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
Mon. September 2: no class. Labor Day
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
Wed. September 4
_ Visit Letterpress
_ Meet your Type
_ Review homework, lecture, large crit
_ Work in class on High or Low temp
High or Low Temp
_ Using InDesign explore 7 different compositions with either the high temp OR low being first in hierarchy.
_ Strive for all 7 to be different from each other.
_ 2 sizes of type only (16pt or 18pt and 9pt).
_
2 weights only (light or roman and black)
Technical Restrictions:
Size: 8 x 8 square
Grid: 5 column. All type must lock-up into the upper left corner
Font: Univers 45 light and Univers 75 bold
Size: 9pt and 16pt
Text: must remain horizontal, no vertical text, no shapes
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? The reader must be able to discern which temperature goes with which date. You may use abbreviations for the days of the week.
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, horizontal (type must stay horizontal)
Coding: type that is the same size and style will be read together
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
HOMEWORK
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
High or Low Temps
_ Finish 5 current weather layouts (you may make adjustments to make them better)
_ Using InDesign explore 7 different compositions with either the high temp OR low being first in hierarchy.
_ Strive for all 7 to be different from each other.
_ 2 sizes of type only. 2 weights only (light or roman and black)
_ They should not look like they are a set or a theme.
_ Just on the computer, no prints needed for class. You will print them later
** Next class BRING your laptop computers we will be using them and InDesign.
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
Mon. September 9
_ x-height / type color comparison
_ how to print 2 per page
Getting onto the computer
Choose your 3 layouts for Current weather and choosing 3 for High or Lows add the following elements to make the layouts better. Try at least 3 variations for each design. In the end you should have 24 layouts. (the original 6 + 18 variations)
Variations (alone or in any combination)
_ typographic color (type style, tracking...)
_ add a second color
_ add typographic rules (tip: keep rules going the same direction and with purpose)
_ background color
AVOID decoration! You are only using these elements to HELP with hierarchy. Avoid checker boards, diagonal structures, think horizontal pull, vertical pull.
Restrictions:
Size: 8 x 8 square
Grid: All type must lock-up into a modual (top, bottom, left, or right)
Font: Any style of Univers BUT no more than 3 styles on one layout
Size: Two sizes of type. Any 2
Text: must remain horizontal, no vertical text, no shapes,
Ask yourself...
Are the explorations completed as outlined? Is the hierarchy clear? Is each layout varied in look and feel or do they look similar? If they look similar you need to keep working.
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
HOMEWORK
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
_ Finish 18 variations (keep the original 6, we want to see where you started)
_ Print all 24 layouts, 2 per page, color or b/w
_ Make a title page with your name and class time 11:30 or 2:30.
_ Clip all together and hand in.
_ Which 5 do you think are the most successful? Why? (mark them in some way)
DO NOT wait to print to just before class (think of how many of you and how many you need to print). If you are waiting for prints when class starts you will be marked LATE. (3 lates = 1 absence)
Make a title page and clip your work together to hand-in.
BLOG
(using your books for class)
_ Who is Adrian Frutiger 200 + words
_ What makes Univers “unique”, what is the Univers grid
_ Name and write a short about for 5 font designers that are living (include source)
_ Name and write a short about for 5 font designers that are dead (include source)
*no web sources
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
Mon. September 11
_ Class Crit
_ Bring laptop
_ Bring your files with you and a media device
MORE high or low temps
Using the grid in InDesign, create 14 new compositions with where the high or low temperatures are first in the hierarchy. Strive that all 14 compositions look different from each other.
Technical Restrictions:
Size: 8 x 8 square
Grid: 5 column. All type must lock-up into any modular corner, must be a corner but any corner
Font: Univers up to 3 styles in one design (max 3 styles)
Size: Any 3 sizes, go BIG, go small, may "bleed" off the page
Color: 2 color + black (tints ok)
Text: must remain horizontal, no vertical text, no shapes
Rules: typographic rules maybe used (not as decor but as an anchor, help in grouping, hierarchy...)
Elements: background colors, boxes... allowed just make sure they are helping with the composition, hierarchy... not decoration.
Ask yourself...
_ Are the explorations completed as outlined?
_ Is the hierarchy clear?
_ Is each layout varied in look and feel or do they look similar?
*If they look similar you need to keep working.
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
HOMEWORK
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
_ Finish 14 layouts,
_ Print them of 2 per page, color or b/w
_ Make a title page with your name and class time 11:30 or 2:30.
_ Clip all together and hand in.
_ Strive for all 14 compositions to be different from each other.
_ They should not look like they are a set or a theme.
_ Which 5 do you think are the most successful? Whyl? (mark them in some way)
BLOG
(using your books for class)
_ Who is Adrian Frutiger 200 + words
_ What makes Univers “unique”, what is the Univers grid
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
Mon. September 16
_
Diagonal Grid
_ Combining files into one pdf
Diagonal Grid/Axial Grid
Design 15 different compositions using the Axial Grid (get it off the server). You can use type a 45°angles going right and left and on the horizontal lines. Make sure you have a clear hierarchy in every design.
Technical Restrictions:
Grid: Use the Axial (45° grid) and or the 90° grid. USE the modules to align. Flush left, flush right are acceptable but NO Centering the text
Font: Up to 3 different styles of Univers in one composition
Size: up to 4 sizes of type EXPLORE SCALE
Color: 2 color + black (tints ok)
Text: must remain horizontal and or at 45° angles but no vertical text, no shapes
Rules: typographic rules maybe used (not as decor but as an anchor, help in grouping, hierarchy...)
Elements: background colors, boxes... allowed just make sure they are helping with the composition, hierarchy... not decoration.
Ask yourself...
_ Are the explorations completed as outlined?
_ Is the hierarchy clear?
_ Is each layout varied in look and feel or do they look similar?
* If they look similar you need to keep working.
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
HOMEWORK
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
_ Finish 14 layouts
_ Print them of 2 per page, color or b/w
_ Make a title page with your name and class time 11:30 or 2:30.
_ Clip all together and hand in.
_ Strive for all 14 compositions to be different from each other.
_ They should not look like they are a set or a theme.
_ Which 5 do you think are the most successful? Why? (mark them in some way).
BLOG
(using your books for class)
_ Name and write a short blurb for 5 font designers that are living (include source)
_ Name and write a short blurb for 5 font designers that are dead (include source)
*no web sources
also
_ go to Behance.net, sign up in the upper left / ask for your invitation to join.
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
Wed. September 18
_ Class Crit: Diagonal Grids
_ Combining pdfs
_ Printing with Crop Marks turned on (if printing from pdf turn crops on when making pdf)
_ http://www.behance.net/
_ posting to behance. export as jpg
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
HOMEWORK
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Looking at all your explorations based on what you know select the strongest solutions...
AND REFINE these so you have good ones to choose from on Thursday
PRINT all 20 layouts full size and in color, make sure you have crop marks turned on. PRINT. DO NOT come to class with out prints. Follow the directions very carefully.
_ Choose 5 from Current Weather as the dominate hierarchy and make any refinements you feel should be made. ALL current weather explorations:
_
all type must align in the upper left of the module,
_
Univers 45 and 75 ONLY, only 2 sizes of type,
_
black an white (no color)
_
you may use typographic rules
_ Choose 3 from the "sets you made"from Current Weather or high low hierarchy and make any refinements you feel should be made. From the explorations where you picked a design and made 3 variations Choose one set and make it a strong narrative on how you can change the look of a design by how you treat the elements. Need to show a range. A nice set. Not just little changes. Always a clear hierarchy.
_ Choose any 5 from the HIGH or LOW temperature being the dominate in hierarchy and make any refinements you feel should be made. High temperature compositions may...
_
lock into any corner, flush left, flush right, no center,
_
may use 3 styles of Univers (no more than 3),
_ 3 sizes (any 4 sizes go big and small,
_ 2 color + black (tints ok),
_
you may use color fields, typographic rules,
_
all type must remain horizontal.
_ Choose 5 from the Diagonal grid studies, any clear hierarchy is accepted (current weather or highs or lows,
_
lock into any corner, flush left, flush right, no center,
_
may use up to 3 styles of Univers (no more than 3),
_
4 sizes (any 4 sizes go big and small,
_
2 color + black (tints ok),
_
you may use color fields, typographic rules, all type must remain horizontal.
_ type may read up, down (not vertical
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
Mon. September 23
_ Crit
_ Selecting top explorations
_ Add project to your www.behance.net.
*
Behance won't take a pdf you must export as a jpg.
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
HOMEWORK
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - finalize and produce finals: 3 layouts from each exploration, printed in color, full size on the laser printer is fine and prepare process book.
ALL DUE NEXT CLASS.
READ this very carefully and follow the directions. Following directions is part of your grade.
12 Compositions are 8 x 8inches and should be neatly mounted on BLACK CORE BOARD: black on front, back and middle of the board (that is not foam core). 12 boards total/ 12 final compositions. Each board is 12 x 12, (8 x 8 composition with a 2 inch border all around = 12 x 12 board.) I strongly suggest using Studio Tac to mount. Do not spray in the building EVER, NEVER EVER, do not use GLUE STICK (I promise it won't stick and it will bubble and and and)! Please cover your work with a paper flap. The flap covers your entire board NEATLY do not tear, clean lines... AND make sure your name on the back of each composition.
12 compositions with the grid VISIBLE (go to layers click on PRINT, then the layer will print. Do not mount, do not put in the process book. Keep loose with the compositions or tape them to the back of the boards.
Place a pdf of your final 12 compositions (as one pdf) yourname_project1.pdf put on the server before class begins
Export all 12 compositions as a 72dpi jpg and upload them your behance.net page. Email me your behance link AND put a link to your behance page on your blog. IT takes some concentrated time to post on BEHANCE so don't wait until just before class. Late posts will affect your grade.
Process Book Outline (please follow carefully)
Make a hard cover and spiral binder put into a 3 Ring Binder (do not try and spiral yourself WE DO NOT have spirals large enough for you to do it successfully.)
1) title page with your name, class time, Elements of Typography, fall 2011, professor Herstowski
2) project brief: in your words explain the project
3) organize your explorations in order put a page divider in between each section...
15 current weather (cut and paste) (3 finals will be from this set)
7 highs or lows computer
24 on the computer with variations (choosing 1 set from this for the final)
14 highs or lows : SCALE (3 finals from this set)
14 diagonal / axial explorations (3 finals from this set)
18+ refinements
4) last page: project overview: This project was easy/difficult for me, I struggled with, I enjoyed, I hated, it was too long/short..
You may email me 1 time for feedback over the weekend. That means you can send me a pdf with as many questions, variations, explorations as you want let me know what you think is working and any questions you have and will send comments back to you. I will not go back and forth with you, but am more than happy to give you feedback once. (be prepared, emailing has a great possibility for miscommunication so my comments will be blunt, not to be mean but clear).
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
Wed. September 25
PROJECT DUE SEE ABOVE
|