IAT-102: 04 Laying it Out — A slide deck
Close All Laptops Please
Only the back two rows may use their laptops.
The post-its from last week helped to capture the feedback, please take notes this week to help capture it again.
Audience = everyone
"Objective-rational design means legible design, objective information that is communicated without superlatives or emotional subjectivity."Josef Müller-Brockmann
Considerations for composing type:
- Kerning, tracking and leading
- Paragraph breaks, widows and orphans
You want to set point size to clearly distinguish hierarchy between elements and achieve good readability in your body text.
Headings should clearly stand-out
Subtitles should still stand apart from body copy
Body-copy should be a nice and readable point-size. Not too big as to feel uncomfortable, but not too small as to be unreadable. In print, this is typically between 8-11 points (depending on the font).
A natural or expected alignment, though concerns can arise with the ragged right edge and ensuring a nice rag.
Unfamiliar (in English), so be particularly careful about the punctuation along the right edge.
Easy balance, though problematic for body-text as there are two ragged edges.
A clean shape, but watch out for rivers.
Only kern type when balance within a word is concerning. You should not be kerning body type.
Tight line-spacing means type can be hard for us to visually track, loose line-spacing separates paragraphs into lists.
Widows and Orphans
Widows have a past, but no future. Orphans have a future, but no past.
Good line-length makes it easier for our eyes to track from one line to the next. Aim for 5-7 words per line.
Too short ('the Shatner')
Too long ('Monologuing')
The final frontier...
In which of these examples is the logo larger?
Whitespace is Not Evil
Important for helping balance and hierarchy.
Useful for focusing attention or clarifying hierarchy.
What is a Grid?
A grid is the underlying structure of a document which helps organization of content in a coherent pattern.
Purposes of a Grid
Grids assist in:
- Organization of text and imagery
- Providing consistency
- Clearer communication
- Expediting layout exploration
Setting a Grid
First we would establish page edges.
Next we establish margins.
Margins can be even or uneven.
Next we set columns.
When flowing type, it should clearly begin and end at the edges of columns.
Type should not end in a gutter or the middle of a column.
Type should not float freely in columns.
Type should clearly snap-to and work with the grid.
Any alignment can work within the grid.
Now set your own!
- Page dimensions
- Margins + Bleed
- Columns + Gutters
- Flowing type
Please snap a photo and post your grid to https://ah1.ca/grids when done. If you do not have a mobile device with you, please bring it to the front during the break.
Composing Without Grids
Composing without grids is not an excuse to do whatever you want.
- Making a center of interest
- Directing the eye and rhythm
- Balance, unity and harmony
Center of Interest
A strong center of interest often involves use of contrast and balance to focus our attention.
Directing the Eye + Rhythm
Using position, emphasis, and the visual cues within your composition can help direct the eye through.
Photos as structure
Remember that the photos you choose can strongly suggest a structure.
Photos as message
How you crop or alter photos can strongly suggest a message.
Photos as message
Same photo. Different cropping. Different message.
Balance, Unity and Harmony
Ensuring that we perceive the composition as one piece.
Unity, Consistency, and Boredom
Given InDesign's complexity, you will receive a bit more of a software tutorial this week. Good and clean file and folder structures are essential.
- P02 Project Folder (Oct 2017)
- P02 Spreads (v1r1 Oct 2017).indd
- Export Folder
- P02 Spreads (v1 Oct 2017).pdf
- P02 Spreads (v1r1 Oct 2017).pdf
- Links Folder
- Placeholder Text.txt
- Duck Photo.jpg
- Duck Photo - Adjusted.jpg
Deliverables not brought in the requested format — such as print documents not printed — will not be critique nor receive any completion grade. The project brief details how materials should be delivered.
Please remember that there are group and individual deliverables for each week of P02.
Bring to the labs:
- 1 article topic, title and 3 main sub-headings (per person)
- 5 high-resolution photos, printed (per person)
- 2-4 fonts, printed (per person)
- 20 print layout sketches (per person)
Next week we will discussion how :D means we are happy, and :D means colon and capital D.
- Office hours — Tuesdays from 9-10am and Thursdays from 9-10am at the Surrey campus mezzanine.