22 years of kinetic typography 1994–2016 - Fluxible · kinetic typography = communication...

22 years of kinetic typography 1994–2016

Dan Boyarski, ProfessorSchool of DesignCarnegie Mellon UniversityPittsburgh, PA, USA

moving type on screens

time-based communication

1994typography coursebeta software

“what I did last summer”

Christopher Graef, 1994Ramsey Hong, 1994

kinetic typography explorations

1994 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 2016 . . . .

2 3 4 5 6 7 8 9 10 11 12 13 14 15

25 AUG 1 SEP 8 15 1710327 22 24 29 1 OCT 6 8 13 15 20 22 27 29 3 NOV 5 10 12 17 19 24 26 1 DEC 3

16

8 10

week

ten seconds

rhythm

visual explanation

. . .

. . .

. . .

. . .

. . .

. . .

. . .

.

. . .

. . .

. . .

. . .

. . .

. . .

. . .

. . .

. . .

. . .

. . .

. . .

. . .

. . .

three voices

visual identity

words in motion

Motion is emotion.

Douglas Sirk

. . .

. . .

. . .

. . .

. . .

. . .

. . .

. . .

. . .

. . .

. . .

. . .

. . .

. . .

. . .

. . .

. . .

. . .

. . .

. . .

. . .

. . .

. . .

. . .

. . .

. . .

. . .

. . .

. . .

. . .

. . .

. . .

. . .

. . .

. . .

. . .

. . .

. . .

. . .

. . .

. . .

. . .

. . .

. . .

. . .

. . .

. . .

. . .

. . .

. . .

. . .

. . .

. . .

. . .

. . .

.....

1

Think of your ears as eyes.

Gertrude Stein

. . .

. . .

. . .

. . .

. . .

. . .

. . .

. . .

. . .

. . .

. . .

. . .

. . .

intr

o

Animation is not the art of drawings-that-move but rather the art of movements-that-are-drawn.

Norman McLaren

Fina

l Pre

sent

atio

n

mid

-ter

m

TMC TMCFall 2014Boyarskicalendar

Time Motion & Communication

kinetic typography = communication explaining : visualizing : translating : informing : performing : making meaning : touching emotions

lessons learned over these 22 years?

the screen is your stage

every element on stage is an actor

you are the director and choreographer

1.

Jack Moffett, 1997 Samantha Freedman, 2015

this is time-based performance

this is not print typography

time suggests a beginning, middle, and end (a story?) motion has meaning

2.

Eden Weingart, 2013

Josh Eiten, 2013

it’s all about rhythm

timing, pacing, speed, duration

3.

Kaleb Crawford, 2014

Daniel Kim, 2013

Ian Gunn, 2006

visual voice / tone of voice

loud . . . . . . . . soft young . . . . . . mature public . . . . . . private silly . . . . . . . . serious

4.

James Brommer, 2005 Josh Eiten, 2015

open mind + brave explorations = unique outcomes

keep your audience in mind, too

5.

Heebok Lee, 2000

Joe Oak, 2013

what can you do with kinetic typography?

what can you do with kinetic typography? convey information clarify complex ideas help someone make a decision tell a story express thoughts and emotions have fun with it

Rebecca Ussai, R/GA

KINETICTYPOGRAPHY ARCHIVES

www.KineticTypo.design

KINETICTYPOGRAPHY ARCHIVES

remember, you’re communicating with people

one eye sees, the other feels. –Paul Klee

finding your personal voice

Joe Oak, 2013

thank you