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

The Living, Speaking Hand: Typography in Language Arts

Jan 27, 2015

Download

Education

sschwister

Typography, design, and visual poetry in the language arts classroom.
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
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