You

and
Yours
All meaning accrues in duration
Ken Burns
Two examples of duration
Ray and Charles Eames, Powers of Ten: a Flipbook
Le Corbusier, 35+ publications over a 40 year career
Book
PDF/sample Website
Book
PDF/sample Website
10
Organization
of
content
Collecting, sequencing and editing
Good editing depends most on two things:
- a clear idea of the communication goals of the content
- empathy for the reader
First move:
Put everything you have in the document
Second move:
Sequence the content using a common organization device, such as
scale or time
Third move:
Consolidate materials to clarify as needed. Be ruthless. A book is
only as good as it weakest image.
Fourth move:
Always check for spelling and double words.
Worth noting:
Whats first and last matters most, consider this in both macro and
micro organization of content
11
Structuring content
LATCH is an acronym that represents five basic strategies to
organize information.
Location
maps, travel books
Alphabetical
dictionaries or encyclopedias
Time
timelines, calendars, recipes or other instruction types
Category
periodic tables, color, or in architecture we might use typology, ie
libraries, theatres, gas stations
Hierarchy
top ten lists, evolutionary charts
12
Title page of S,M,L,XL, Bruce Mau and Rem Koolhaas, 1995
14
Evolutionary Tree to the year 2000, Architecture 2000: predictions and methods, Charles Jencks
15
16
Sequence
of
content
time
difficulty
difficulty
time
Attention ramps
Abrupt
Gradual
difficulty
time
19
20
21
22
23
24
Organization
of
format
25
Using the grid and typography to make a clear presentation
Align all elements on the spread
Use one typeface
Use three type sizes
Specify the distance between lines of text, ie leading
Ensure alignment is consistent and meaningful
The ergonomics of book formatting, Jost Huchuli
Keith Godard, Perspecta 11
28
Josef Mller-Brockmann, Grid Systems in Graphic Design
30
Josef Mller-Brockmann, Grid Systems in Graphic Design
Josef Mller-Brockmann, Grid Systems in Graphic Design
Josef Mller-Brockmann, Grid Systems in Graphic Design
33
Josef Mller-Brockmann, Grid Systems in Graphic Design
Verb, issue one
Choose two typefaces.
or one if youre not sure.
Make sure one of them has multiple weights.
Galaxie Polaris, three fonts in a typeface
handgloves
handgloves
handgloves
Regular
Italic
Bold
Leading, the space between lines of text,
sets the speed of reading
In 1913, as the automobile zoomed into American life, The
Outing Magazine gave its readers a bit of background on
what fueled the new motorcars in The Story of Gasoline.
After a brief vignette describing the death of old Colonel
Stegosaurus Ugulatus, the article explained that
yesterday you poured the remains of the dinosaur from a
measuring-can which, let us hope, held five gallons, full
measure into your gasoline tank.
In 1913, as the automobile zoomed into American life, The
Outing Magazine gave its readers a bit of background on
what fueled the new motorcars in The Story of Gasoline.
After a brief vignette describing the death of old Colonel
Stegosaurus Ugulatus, the article explained that
yesterday you poured the remains of the dinosaur from a
measuring-can which, let us hope, held five gallons, full
measure into your gasoline tank.
No more than 10 words per line,
no less than 4
In 1913, as the automobile zoomed into American life, The
Outing Magazine gave its readers a bit of background on
what fueled the new motorcars in The Story of Gasoline.
After a brief vignette describing the death of old Colonel
Stegosaurus Ugulatus, the article explained that
yesterday you poured the remains of the dinosaur from a
measuring-can which, let us hope, held five gallons, full
measure into your tank.
In 1913, as the automobile
zoomed into American life, The
Outing Magazine gave its
readers a bit of background on
what fueled the new motorcars
in The Story of Gasoline. After
a brief vignette describing the
death of old Colonel
Stegosaurus Ugulatus, the
article explained that yesterday
you poured the remains of the
dinosaur from a measuring-can
which, let us hope, held five
gallons, full measure into
your tank.
Align left/ragged right
is for lazy perfectionists
Justified text (usually) isnt
All caps is best left for warning labels
In 1913, as the automobile zoomed into American life, The
Outing Magazine gave its readers a bit of background on
what fueled the new motorcars in The Story of Gasoline.
After a brief vignette describing the death of old Colonel
Stegosaurus Ugulatus, the article explained that yesterday
you poured the remains of the dinosaur from a measuring
can which, let us hope, held five gallons, full measure
into your gasoline tank.
In 1913, as the automobile zoomed into American life, The
Outing Magazine gave its readers a bit of background on
what fueled the new motorcars in The Story of Gasoline.
After a brief vignette describing the death of old Colonel
Stegosaurus Ugulatus, the article explained that
yesterday you poured the remains of the dinosaur from a
measuring can which, let us hope, held five gallons, full
measure into your gasoline tank.
Align left/ragged right Justified text
IN 1913, AS THE AUTOMOBILE ZOOMED INTO
AMERICAN LIFE, THE OUTING MAGAZINE
GAVE ITS READERS A BIT OF BACKGROUND
ON WHAT FUELED THE NEW MOTORCARS IN
THE STORY OF GASOLINE. AFTER A BRIEF
VIGNETTE DESCRIBING THE DEATH OF OLD
COLONEL STEGOSAURUS UGULATUS, THE
ARTICLE EXPLAINED THAT YESTERDAY
YOU POURED THE REMAI NS OF THE
DINOSAUR FROM A MEASURING CAN
WHICH, LET US HOPE, HELD FIVE GALLONS,
FULL MEASURE INTO YOUR GASOLINE
TANK.
44
Type guidelines
Use one typeface
Keep it classic:
Helvetica, Franklin Gothic, Akzidenz Grotesk
Hoeer Text, Times New Viking
Use three type sizes
18 points for titles
9 points for body text
6 points for captions
Leading between lines of text
Type size plus 2 points, ie 18 pt text gets 20 pts leading
Alignment
left margin-right ragged, maintains type spacing best
text justified edge-to-edge of text boxes typically distorts
spacing, use sparringly
45
Text
Book as object
Formats
Paper
Binding
Covers
Outsourcing production
Hot rodding
Butan, the worlds largest production book
47
Miniature book, Stop Stealing Sheep
The ergonomics of book formatting, Jost Huchuli
Binding, sewn signature
Binding, perfect bound in signatures
Binding, saddle staple
Binding, case bound. Zeier, book spines
comb binding
Binding, wire-o
Binding, post, good for expandability
Book covers by Ed Ruscha
57
Text
Book as object
Formats
Using a labor-efficient format: letter, legal or tabloid format for
ease of production.
Paper
Use a matte-surfaced paper, it does not show fingerprints
Binding
Wire-o: Most durable. Lays flat, helpful during interview
Saddle staple: lays flat, informal quality. Too relaxed/common?
Perfect bound: readily available, full spread images interrupted
Case bound: durable, good for large format
Plastic comb: never use this, just dont
Cover
Simple is best, avoid the word portfolio as the situation should
make this self-evident
Outsourcing production
lulu.com, blurb.com, booksurge.com: these services provide an
(potentially) inexpensive and timesaving alternative to self-
printing.
Hot Rod
Especially if you outsource: consider using a book jacket or slip
cover as a way of both protecting your book during handling and
transport as well as giving it a qualitative distinction
Book
PDF/sample Website
60
Text
PDF or sample
In addition to introducing you, this document should state
your point of view, interest and work in an area of research,
and/or an idea of a larger Project. It should be more than
an excerpt from your book of work in order to stand out.
63
Text
PDF or sample
This document should state your point of view, interest
and work in an area of research, and an idea of a larger
project.

First move: Select one distinctive and memorable
project from your book of work
Second move: Make it a keeper
Third move: Develop a standalone experience of that
project in both PDF and printed versions
Third move: Edit, re-edit and edit again
Fourth move: Make it irresistible to open, the wrapper
matters
Fifth move: always provide a link to your website
Book
PDF/sample Website
Indexhibit
Stacey
Stacey
Cargo
75
Text
Website
Indexhibit
www.indexhibit.org Free, database driven archival tool
with clear interface
Stacey
www.staceyapp.com, free also, a bit trickier to use, but
more flexible
Cargo
www.cargocollective.com hosted service which is quite
nice, free for the basic version
Tumblr
you could always do a Tumblr, its free, easy to update
and with a custom template can be pretty good
Website hosting
www.pair.com or pairlite.com if you go the Indexhibit or
Stacey route, we recommend this web host
Book
PDF/sample Website
Dont fall in the gutter!
glossy paper
16 sizes/15 fonts at once
architectural fonts
photoshop filters
frames around pictures
No background images
exciting image cropping