47
The Living, Speaking Hand: Typography, Design, And Visual Poetry In the Language Arts Classroom IVLA2009.chicago scott schwister

The Living, Speaking Hand: Typography in Language Arts

Embed Size (px)

DESCRIPTION

Typography, design, and visual poetry in the language arts classroom.

Citation preview

Page 1: The Living, Speaking Hand: Typography in Language Arts

The Living,

Speaking Hand:Typography,Design,And Visual PoetryIn the Language ArtsClassroom

IVLA2009.chicagoscott schwister

Page 2: The Living, Speaking Hand: Typography in Language Arts
Page 3: The Living, Speaking Hand: Typography in Language Arts

Guiding Questions

How does typography modify meaning in texts?

How are texts---and typography---evolving in response to changing technology?

What does it mean for teaching and learning?

Page 4: The Living, Speaking Hand: Typography in Language Arts

PROLOGUE

A Brief History of Typography

Page 5: The Living, Speaking Hand: Typography in Language Arts

Typography

is to literature as musical performance is to composition:

an endless act of interpretation,

full of endless opportunity for

insight or

obtuseness.

Page 6: The Living, Speaking Hand: Typography in Language Arts

Typography in Motion

Page 7: The Living, Speaking Hand: Typography in Language Arts

Chapter One: fonts

Are you my type?

Page 8: The Living, Speaking Hand: Typography in Language Arts

Letters are microscopic works of art as well as useful symbols.

They mean what they are as well as what they say.

--Bringhurst

Page 9: The Living, Speaking Hand: Typography in Language Arts

Do fonts have

Flavors?

personalities?

feelings?

Page 10: The Living, Speaking Hand: Typography in Language Arts
Page 11: The Living, Speaking Hand: Typography in Language Arts
Page 12: The Living, Speaking Hand: Typography in Language Arts
Page 13: The Living, Speaking Hand: Typography in Language Arts
Page 14: The Living, Speaking Hand: Typography in Language Arts
Page 15: The Living, Speaking Hand: Typography in Language Arts

iQ font by toyota

driving = writing

Page 16: The Living, Speaking Hand: Typography in Language Arts

design your own

font.

FontCapture

Page 17: The Living, Speaking Hand: Typography in Language Arts

A brief interlude to

talk about teaching and

learning.

Page 18: The Living, Speaking Hand: Typography in Language Arts

Chapter two: principles

Honoring

The Content

Page 19: The Living, Speaking Hand: Typography in Language Arts

Invite the readers into the text.

Reveal tenor and meaning.

Clarify structure and order.

Link text with other elements.

Induce a state of energetic repose.

Page 20: The Living, Speaking Hand: Typography in Language Arts

contrast

size

hierarchy

space

Page 21: The Living, Speaking Hand: Typography in Language Arts
Page 22: The Living, Speaking Hand: Typography in Language Arts
Page 23: The Living, Speaking Hand: Typography in Language Arts
Page 24: The Living, Speaking Hand: Typography in Language Arts
Page 25: The Living, Speaking Hand: Typography in Language Arts

A tale of three sites

Page 26: The Living, Speaking Hand: Typography in Language Arts

Google

Page 27: The Living, Speaking Hand: Typography in Language Arts

The New York Times Online

Page 28: The Living, Speaking Hand: Typography in Language Arts

Boing Boing

Page 29: The Living, Speaking Hand: Typography in Language Arts

We’re

only

skimming

the

surface.

There’s much, much more.

Page 30: The Living, Speaking Hand: Typography in Language Arts

CONCEPTS

about

PRINT

Marie Clay

Page 31: The Living, Speaking Hand: Typography in Language Arts

concepts about digital texts

A new media checklist:

Page 32: The Living, Speaking Hand: Typography in Language Arts

KINETIC TYPOGRAPHY!

Who’s On First?

Ocean’s Eleven

Page 33: The Living, Speaking Hand: Typography in Language Arts

Another brief interlude to

talk about teaching and

learning.

Page 34: The Living, Speaking Hand: Typography in Language Arts

Visual Poetry

& Selected

OdditiesChapter three: play

Page 35: The Living, Speaking Hand: Typography in Language Arts

CONCRETE POETRY

…the typographical arrangement of words is as important in conveying the intended effect as the conventional elements of the poem…

Page 36: The Living, Speaking Hand: Typography in Language Arts
Page 37: The Living, Speaking Hand: Typography in Language Arts
Page 38: The Living, Speaking Hand: Typography in Language Arts
Page 39: The Living, Speaking Hand: Typography in Language Arts
Page 40: The Living, Speaking Hand: Typography in Language Arts
Page 41: The Living, Speaking Hand: Typography in Language Arts
Page 42: The Living, Speaking Hand: Typography in Language Arts
Page 43: The Living, Speaking Hand: Typography in Language Arts

A final brief interlude to

talk about teaching and

learning.

Page 44: The Living, Speaking Hand: Typography in Language Arts

THANK YOU.

Page 45: The Living, Speaking Hand: Typography in Language Arts

font images

tungsten: http://www.typography.com/fonts/font_overview.php?productLineID=100035megalopolis-extra: http://www.smeltery.net/fonts/megalopolis-extrafacebuster: http://www.typetrust.com/fonts/font.php?id=NzQ3tomate: http://new.myfonts.com/fonts/jazzfonts/tomate/

Page 46: The Living, Speaking Hand: Typography in Language Arts

flickr image credits

FELICIANO TYPE FOUNDRY »Morgans Sans Poster« verso & recto (for 24″ widescreen displays): http://www.flickr.com/photos/typoatelier/3517197745/FDI »Iwan Reschniew« Bauhaus (for 24″ widescreen displays): http://www.flickr.com/photos/typoatelier/3624911181/HUBERT JOCHAM »Narziss« - Ö - (for 24″ widescreen displays): http://www.flickr.com/photos/typoatelier/3639362346/Roman Lowercase Letters (for 24″ widescreen displays): http://www.flickr.com/photos/typoatelier/364208399/FELICIANO TYPE FOUNDRY »Morgans Sans Poster« Impact (for 24″ widescreen displays): http://www.flickr.com/photos/typoatelier/3686304927/4th february »Boldesqo Serif 4F« Clown (for 24″ widescreen displays): http://www.flickr.com/photos/typoatelier/3712177973/OTTO MAURER »Mrs. Sabo« Fried Brain (for 24″ widescreen displays): http://www.flickr.com/photos/typoatelier/3981477480/JUKEBOX »Eloquent« Ampersand (for 24″ widescreen displays): http://www.flickr.com/photos/typoatelier/3958771952/JUKEBOX »Pistilli Roman« type&color I (for 24″ widescreen displays): http://www.flickr.com/photos/typoatelier/3462622333/#2582: http://www.flickr.com/photos/mr_gonzales/2455059060/Marat: http://www.flickr.com/photos/redsil/2935406702/victor, tailor: http://www.flickr.com/photos/bright/59773262/"Home" Typography One, Milwaukee Institute of Art & Design: http://www.flickr.com/photos/miadcommunicationdesign/3081768484/"Cup" Typography One, Milwaukee Institute of Art & Design: http://www.flickr.com/photos/miadcommunicationdesign/3080929433FUSE 18: Matthew Carter: http://www.flickr.com/photos/stewf/1479856780/wood type alphabet: http://www.flickr.com/photos/lwr/2865554788/Gadgets: http://flickr.com/photos/slipstreamjc/748716731/RODRIGO FUENZALIDA »Gerd« (lowercase) Experimental Type II (for 24″ widescreen displays)http://www.flickr.com/photos/typoatelier/3550154617/

Page 47: The Living, Speaking Hand: Typography in Language Arts

[email protected]/sschwister

IVLA2009.chicagoscott schwister

MORE INFOsschwister.wikispaces.com/typography