Project 2 reminders: – Hand in your typed book summary...
Transcript of Project 2 reminders: – Hand in your typed book summary...
Project 2 reminders:
– Hand in your typed book summary/response at end of class today.
– Make sure to include your name and section.
Project 2 reminders:
– First book cover critique this Friday.
– Bring 3 book cover compositions to pin up.
– All must be 6" x 9", vertical.
– Print out centered on 8.5 x 11" high-quality matte paper. (Not mounted.)
– Use computer-generated type (not sketches) for your book title and author
– You can use any kind of imagery (photography, abstract shapes, etc). You can use just type if you wish.
Project 2 reminders:
– We want to see lots of very different concepts for the first critique.
– Try different subjects and experiment with different media.
Project 2 reminders:
– Also dUe FridAY: your image/research file.
– Present 2 images per 8.5 x 11" sheet. Minimum 12 images.
– Can be printed on regular paper, but preferably quality matte paper.
– Bring them loose (not bound or stapled together), so they can be pinned up as needed.
– Make sure your name and section is on each sheet (upper left corner).
Project 2 reminders:
– readings for this week (2) are posted on website. Please complete by this Friday.
Basic Typography
Basic Typography
By PETER EDIDIN
“Good Night, and Good Luck,” the movie about Edward R. Murrow’s battle to expose the demagoguery of Joseph R. McCarthy, has received both critical and popular ac-claim. But the movie has its fervent detractors - and they aren’t people nostalgic for the days of backyard fallout shelters. They are typographers and graphic designers. Their charge: typographical inaccuracy.
Good Film, Shame About the Helvetica
www.ms-studio.com/typecasting.html
Anatomy of Type
AxbiyBaseline
Axbiyx-height
AxbiyCap height / Capline
AxbiyAscender
AxbiyDescender
Axb iBlack Bold Regular Italic
xxxxSans Serif Old Roman (Serif) New Roman (Serif) Slab Serif
Aaathy fi fi
descender
stem
terminal
ascender
letter 4
italic
counterserif counter or
aperture
cross bar
bowl
terminal
uppercase
majuscule
lowercase
minuscule
roman
cap height
x-height
baseline
no ligature ligature
bowl
anatomy of a letter
adobe
garamond
175 pt
Type Setting
Contemporary
C o n t e m p o r a r y
C o n t e m p o r a r y
Standard tracking
Open tracking (200)
Open tracking (400)
Tracking
Tomorrow
Kerning
Tomorrow
Uppercase and lowercase
typography
TYPOGRAPHY
Uppercase and lowercase
do you read me?
how about this?
Uppercase and lowercase
do you read me?
how about this?
Sir NormanFoster
Flush left
The quick brown fox jumped over the
lazy brown dog. This is a collection of the
primary compositions discussed in the
video and analysis. These compositions
are referenced in the analysis appearing
in the body copy. You can click the link
and it will take you to this page to viewing
the compositions. Use the back button
(the back arrow in circle) to return to the
original page previously viewed.
Alignment
Sir NormanFoster
Flush left
The quick brown fox jumped over the
lazy brown dog. This is a collection of the
primary compositions discussed in the
video and analysis. These compositions
are referenced in the analysis appearing
in the body copy. You can click the link
and it will take you to this page to viewing
the compositions. Use the back button
(the back arrow in circle) to return to the
original page previously viewed.
Center stacked
Sir NormanFoster
The quick brown fox jumped over the
lazy brown dog. This is a collection of the
primary compositions discussed in the
video and analysis. These compositions
are referenced in the analysis appearing
in the body copy. You can click the link
and it will take you to this page to viewing
the compositions. Use the back button
(the back arrow in circle) to return to the
original page previously viewed.
Alignment
Sir NormanFoster
Flush left
The quick brown fox jumped over the
lazy brown dog. This is a collection of the
primary compositions discussed in the
video and analysis. These compositions
are referenced in the analysis appearing
in the body copy. You can click the link
and it will take you to this page to viewing
the compositions. Use the back button
(the back arrow in circle) to return to the
original page previously viewed.
Center stacked Flush right
Sir NormanFoster
The quick brown fox jumped over the
lazy brown dog. This is a collection of the
primary compositions discussed in the
video and analysis. These compositions
are referenced in the analysis appearing
in the body copy. You can click the link
and it will take you to this page to viewing
the compositions. Use the back button
(the back arrow in circle) to return to the
original page previously viewed.
The quick brown fox jumped over the
lazy brown dog. This is a collection of the
primary compositions discussed in the
video and analysis. These compositions
are referenced in the analysis appearing
in the body copy. You can click the link
and it will take you to this page to viewing
the compositions. Use the back button
(the back arrow in circle) to return to the
original page previously viewed.
Sir Norman
Foster
Alignment
Sir NormanFoster
Flush left
The quick brown fox jumped over the
lazy brown dog. This is a collection of the
primary compositions discussed in the
video and analysis. These compositions
are referenced in the analysis appearing
in the body copy. You can click the link
and it will take you to this page to viewing
the compositions. Use the back button
(the back arrow in circle) to return to the
original page previously viewed.
Justified
Sir NormanFosterThe quick brown fox jumped over the lazy
brown dog. This is a collection of the pri-
mary compositions discussed in the video
and analysis. These compositions are ref-
erenced in the analysis appearing in the
body copy. You can click the link and it will
take you to this page to viewing the com-
positions. Use the back button (the back
arrow in circle) to return to the original
page previously viewed.
Alignment
Sir NormanFoster
40/40
The quick brown fox jumped over the lazy brown dog. This is a collection of the primary compositions discussed in the video and analysis. These compositions are referenced in the analysis appearing in the body copy. You can click the link and it will take you to this page to viewing the compositions. Use the back button (the back arrow in circle) to return to the original page previously viewed.
11/11
40pt
Leading
Leading is thevertical spacebetween lines of type
70/70
70pt
Leading
Sir NormanFoster
40/40
The quick brown fox jumped over the lazy brown dog. This is a collection of the primary compositions discussed in the video and analysis. These compositions are referenced in the analysis appearing in the body copy. You can click the link and it will take you to this page to viewing the compositions. Use the back button (the back arrow in circle) to return to the original page previously viewed.
40/45
The quick brown fox jumped over the lazy brown dog. This is a collection of the primary compositions discussed in the video and analysis. These compositions are referenced in the analysis appearing in the body copy. You can click the link and it will take you to this page to viewing the compositions. Use the back button (the back arrow in circle) to return to the original page previously viewed.
Sir NormanFoster
11/11 11/14
40pt 45pt
Leading
Sir NormanFoster
40/40
The quick brown fox jumped over the lazy brown dog. This is a collection of the primary compositions discussed in the video and analysis. These compositions are referenced in the analysis appearing in the body copy. You can click the link and it will take you to this page to viewing the compositions. Use the back button (the back arrow in circle) to return to the original page previously viewed.
40/45 40/50
The quick brown fox jumped over the lazy brown dog. This is a collection of the primary compositions discussed in the video and analysis. These compositions are referenced in the analysis appearing in the body copy. You can click the link and it will take you to this page to viewing the compositions. Use the back button (the back arrow in circle) to return to the original page previously viewed.
The quick brown fox jumped over the
lazy brown dog. This is a collection of the
primary compositions discussed in the
video and analysis. These compositions
are referenced in the analysis appearing
in the body copy. You can click the link
and it will take you to this page to viewing
the compositions. Use the back button
(the back arrow in circle) to return to the
original page previously viewed.
Sir NormanFoster
Sir NormanFoster
11/11 11/14 11/16
40pt 45pt 50pt
Leading
Type Crimes
Stretching type
stretched
SquishedSquishing type
squished
Incorrect characters
"don't forget"
“don’t forget”
Incorrect characters
12” = 1’
12" = 1'
prepare negative leading with caution
70/60
60pt
Negative leading
type type type
Accidentally adding an outline
Regular Bold Fake Bold
Why “fake bold” is wrong
Regular weight Fake bold(“expand stroke”)
Bold weight
No tension in form Good tension and better contraxt
Why “fake italic” is wrong
type typeRegular Italic Fake Italic
Why “fake italic” is wrong
type typeBaskerville Regular Baskerville Italic Fake Baskerville Italic
type typeGill Sans Bold Gill Sans Bold Italic Fake Gill Sans Bold Italic
crampedOverly Tight tracking
cramped
cramped
vertical
Vertical Stacking
vertical vert
ical
Suggestions
Large
Contrast small information with
explorevaluechanges
UltraLightBold
emphasize with italics
verticalhorizontal
explore an
unusual axis
pushing the boundaries
integrate with form
Anchor text
formt y p o g r a p h y
a s
t h e
DON’T BE AFRAIDTO USE ALL CAPS
don’t beafraid to useentirelylowercaseletterforms
morgue this way >
(be appropriate)
Keep it simple!
Suggested Typefaces
Suggested Typefaces:
Helvetica designed by Max Miedinger in 1957.Arial designed by Monotype in 1982 for Xerox/IBM.
Helvetica /Arial
Suggested Typefaces:
Helvetica /ArialHoefler_TextDesigned by Jonathan Hoefler for Apple in 1991.
Suggested Typefaces:
Helvetica /ArialHoefler_TextMyriad
Designed by Robert Slimbach and Carol Twombly for Adobe in late 1990s.
Suggested Typefaces:
Helvetica /Arial
Calibri_Cambria
Hoefler_TextMyriad
Windows Vista Fonts:
BaskervilleJohn Baskerville1700’sSerifBook faceUK
BodoniGiambattista Bodoni1800Modern SerifBook faceItaly
RockwellMonotype Foundry1930’sSlab serifDisplay faceAmerica
looking at type
ABCDEFGHIJKLMNOPQRSTUVWXYZ!?abcdefghijklmnopqrstuvwxyz
Helvetica (sans serif)
ABCDEFabcdefghiABCDEFabcdefghijklm
ABCDEFGHIJKLMNOPQRSTUVWXYZ!?abcdefghijklmnopqrstuvwxyz
Myriad (sans serif )
ABCDEFGHIJKLMNOPQRSTUVWXYZ!?abcdefghijklmnopqrstuvwxyz
Old Roman or Old Style (serif)
BASKERVILLE
ABCabcdefghijklmnoprstuv
ABCDEFGHIJKLMNOPQRSTUVWXYZ!?abcdefghijklmnopqrstuvwxyz
Old Roman or Old Style (serif )
CASLON
ABCabcdefghijklmnoprst
ABCDEFGHIJKLMNOPQRSTUVWXYZ!?abcdefghijklmnopqrstuvwxyz
New Roman or Modern (serif)
BODONI
ABCabcdefghijklmno
ABCDEFGHIJKLMNOPQRSTUVWXYZ!?abcdefghijklmnopqrstuvwxyz
New Roman or Modern (serif)
WALBAUM
ABCabcdefghijklmno
ABCDEFGHIJKLMNOPQRSTUVWXYZ!?abcdefghijklmnopqrstuvwxyz
Slab Serif or Square Serif or Egyptian (serif)
ROCKWELL
ABCabcdefghijklmnop
ABCDEFGHIJKLMNOPQRSTUVWXYZ!?abcdefghijklmnopqrstuvwxyz
Slab Serif or Square Serif or Egyptian (serif)
CALVERT
ABCabcdefghijklmno