Project Two
The Weather 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.
TECHNICAL RESTRICTIONS
Size: 8 x 8 inches
Grid: 5 column. All type must lock-up into the upper left corner
Font: Neue Haas Grotesk https://fonts.adobe.com/fonts/neue-haas-grotesk
Size: 10pt and 20pt
Text: must remain horizontal, no vertical text, no shapes
No Icons or Graphics of any kind.
USE ALL OF THE FOLLOWING TEXT: (All of the text has to be on every composition)
Weather for Lawrence, KS Currently 52° Mostly Cloudy Humidity: 66%
4-Day Forecast
Tuesday Partly Cloudy High 56 Low 26
Wednesday Sunny High 61 Low 37
Thursday Partly Sunny High 52 Low 43
Friday Thunderstorms High 43 Low 28
Tension: how the page is used, how the edges are used, activate the page
Grouping: how things are visually grouped together, use triangulation as a guide.
Alignments: vertical, horizontal (type must stay horizontal)
Coding/Similarity: type that is the same size and style will be read together
Deliverables
DELIVERABLES:
Process Book (Digital PDF) (Keep file size under 150 MB) (Keep and organize all handouts lecture notes, sketching and process.)
Final Poster (Printed) Poster with final weather grids and explorations. Use the provided template.
SCHEDULE:
2 / 17 / 22
HOMEWORK
Please read the following link and take notes:
http://thinkingwithtype.com/grid/
You have to use the grid correctly for all explorations.
Must lock every element to the upper left of the module. You can group type.
Prompt 1:
Explore (5) compositions just using ONLY the 10pt regular Neue Haas Grotesk. Using printed type, printed grids, cutting and pasting the type using the grid.
How can you create hierarchy based on where you put things on the page?
What do you want the viewer to read first? (Don’t be boring and say the current weather ever time)
How do you “trick” the viewer to not start reading from the upper left corner of the page?
Prompt 2:
Explore (5) new compositions just using ONLY the 10pt regular and bold Neue Haas Grotesk. Using printed type, printed grids, cutting and pasting the type using the grid.
How can you create hierarchy based on where you put things on the page?
How does bold text alter what the viewer will read first?
What do you want the viewer to read first? (Don’t be boring and say the current weather ever time)
How do you “trick” the viewer to not start reading from the upper left corner of the page?
Play with what we read first is it the current weather, the highs, the lows, the days of the week?
Mix it up.
2 / 22 / 22
HOMEWORK
Link for InDesign Grid Template
You have to use the grid correctly for all explorations.
Must lock every element to the upper left of the module. You can group type.
Prompt 3:
Explore (12) new compositions just using Neue Haas Grotesk regular, bold 10 pt and 20pt
How can you create hierarchy based on where you put things on the page?
How does bold text alter what the viewer will read first?
How does size effect what the viewer will read first?
If something is small and bold and something else is light an big what to we read it first?
What do you want the viewer to read first? (Don’t be boring and say the current weather ever time)
How do you “trick” the viewer to not start reading from the upper left corner of the page?
Play with what we read first is it the current weather, the highs, the lows, the days of the week?
Mix it up.
Digitize (2) from prompts 1 and 2
2 / 24 / 22
IN CLASS
Review Weather Grid Studies
HOMEWORK
You have to use the grid correctly for all explorations.
Must lock every element to the upper left of the module. You can group type.
Prompt 4:
Explore (12) new compositions just using Neue Haas Grotesk and only 3 sizes of type and Regular and Bold weights. Also begin to explore adding color further explore hierarchy.
How can you create hierarchy based on where you put things on the page?
How does bold text alter what the viewer will read first?
How does size effect what the viewer will read first?
If something is small and bold and something else is light an big what to we read it first?
What do you want the viewer to read first? (Don’t be boring and say the current weather ever time)
How do you “trick” the viewer to not start reading from the upper left corner of the page?
Play with what we read first is it the current weather, the highs, the lows, the days of the week?
Refine Top (3) from prompt 3
3 / 1 / 22
IN CLASS
Review Weather Grid Studies
HOMEWORK
You have to use the grid correctly for all explorations.
Must lock all type elements to the upper left of the module. You can group type. Can abbreviate days of the week.
Prompt 5:
Explore (6) new compositions just using Neue Haas Grotesk with 3 sizes (10 / 20 / 48) of type and explore adding rules to increase hierarchy and tension.
Explore (6) new compositions just using Neue Haas Grotesk with 3 sizes (10 / 20 / 48) of type and explore adding rules + one color to increase hierarchy and tension.
How can you create hierarchy based on where you put things on the page?
How do rules alter what the viewer will read first?
How does size effect what the viewer will read first?
What do you want the viewer to read first? (Don’t be boring and say the current weather ever time)
How do you “trick” the viewer to not start reading from the upper left corner of the page?
Play with what we read first is it the current weather, the highs, the lows, the days of the week?
Mix it up.
Digitize & Refine Top (3) from prompt 4
3 / 3 / 22
IN CLASS
Review Weather Grid Studies
HOMEWORK
You have to use the grid correctly for all explorations.
Must lock typographic elements to one corner of the grid but can you use other corners than the left. You may abbreviate the days of the week and highs and lows (H/L)
Prompt 6:
Explore (12) new compositions just using Neue Haas Grotesk with only 3 sizes
Choose 3 from this list: (10 / 12 / 14 / 18 / 24 / 30 / 36 / 48 / 60 / 72)
Give yourself range but only three per composistion.
Use weights (regular and bold). With the addition of color and rules.
How can you group information together and create tension on the page?
How can you create hierarchy based on where you put things on the page?
How do rules alter what the viewer will read first? How does color?
How does size effect what the viewer will read first?
What do you want the viewer to read first? (Don’t be boring and say the current weather ever time)
How do you “trick” the viewer to not start reading from the upper left corner of the page?
Play with what we read first is it the current weather, the highs, the lows, the days of the week?
Mix it up.
Refine Top (3) from prompt 5
3 / 8 / 22
IN CLASS
Review Weather Grid Studies
HOMEWORK
You have to use the grid correctly for all explorations. Execeptions for large typographic elements rules and color fields.
Must lock typographic elements to one corner of the grid but can you use other corners than the left. You may abbreviate the days of the week and highs and lows (H/L)
Prompt 7:
Explore (10) new compositions just using Neue Haas Grotesk with only 3 sizes
Choose 3 from this list: (10 / 12 / 14 / 18 / 24 / 30 / 36 / 48 / 60 / 72++++++) GO BIG for some of your explorations!
Give yourself range but only three per composistion.
Use weights (Thin / Reguar / Bold / Black) Three per composistion.
Use up to two colors + white per composistion.
How can you group information together and create tension on the page?
How can you create hierarchy based on where you put things on the page?
How do rules alter what the viewer will read first? How does color?
How does size effect what the viewer will read first?
What do you want the viewer to read first? (Don’t be boring and say the current weather ever time)
How do you “trick” the viewer to not start reading from the upper left corner of the page?
Play with what we read first is it the current weather, the highs, the lows, the days of the week?
Mix it up.
3 / 10 / 22
IN CLASS
Snow Day!
HOMEWORK
Continue with homework from 3/8
3 / 22 / 22
IN CLASS
Review Weather Grid Studies
Choose Top (6)
One from each of the six prompts.
Make sure you are signed up through KU for
NYT digital accerss @ https://guides.lib.ku.edu/current_newspapers
HOMEWORK
Refine all six of your layouts. Focus on legbility and hierarchy.
How can you group information together and create tension on the page?
How can you create hierarchy based on where you put things on the page?
How do rules alter what the viewer will read first?
How does color group similar info and alter what the viewer will read first?
How does size effect what the viewer will read first?
What do you want the viewer to read first? (Don’t be boring and say the current weather ever time)
How do you “trick” the viewer to not start reading from the upper left corner of the page?
Play with what we read first is it the current weather, the highs, the lows, the days of the week?
3 / 25 / 22
HOMEWORK
Project due next class!
Article must be a feature story from the NYT or NYT Magazine
Article must be 1000 words or more
Article must have 6-8 images
Question to ask: Are you interested in the topic or did you find the article interesting. Did it make you think? Are there any images or links that you could add to the article?