22 years of kinetic typography 1994–2016 - Fluxible · kinetic typography = communication...
Transcript of 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