ah teaches graphic design (Layout Construction lecture)
Composition and organizing content across a series of pages. Lecture slides will be made available on the day of the lecture (Sept 27).
Grading of P1 is in progress. I will have your grades back to you by next class.
Should you have any questions or concerns with your grades once released, email Andrew.
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.
We can make a grid modular by adding vertical divisions.
A bleed defines space outside of the printed page.
Images can make use of a bleed to span off the page, and then be cut to size.
Now set your own!
- Page dimensions
- Margins + Bleed
- Columns + Gutters
- Flowing type
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.
Balance, Unity and Harmony
Ensuring that we perceive the composition as one piece.
Unity, Consistency, and Boredom
We will be asking questions of the work. Please phrase every 'critique' as a question.
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.
- P2 Project Folder (Oct 2023)
- P2 Spreads (v1r1 Oct 2023).indd
- Export Folder
- P2 Spreads (v1 Oct 2023).pdf
- P2 Spreads (v1r1 Oct 2023).pdf
- Links Folder
- Placeholder Text.txt
- Duck Photo.jpg
- Duck Photo - Adjusted.jpg