{"id":"kinetic-typography","no":602,"name":"Kinetic Typography","ja":"キネティック・タイポグラフィ","era":"1950s–","family":"タイポグラフィ","kind":"技法","essence":"文字の位置、速度、尺度、形、出現時間を変化させ、静止した字面だけでは伝えにくい声の調子、感情、注意の移動を時間軸で組み立てる表現技法。文字は説明を載せる層ではなく、動きそのものが意味になる。","cues":["発話の強弱に合わせて変わる文字の速度と大きさ","語または文字単位でずれる出現と消失","移動、回転、変形が語の意味と一致する","停止時間と画面内の読順で作る時間的階層"],"intents":["高揚","技術","遊び"],"sourceTitle":"Carnegie Mellon University — The Kinetic Typography Engine","sourceUrl":"https://www.cs.cmu.edu/~johnny/kt/","pair":["saul-bass-title","concrete-poetry"],"study":["CMU Kinetic Typography research","temporal change and expressive text","reading time, attention and emotion"],"works":["タイトル、広告、歌詞映像で、声の調子と文字の動きを一つにするとき","短い説明や会話へ、音を出せない環境でも感情と強調を加えるとき"],"recipe":{"type":"文章を語と音節へ分け、各単位の速度、停止、尺度変化を発話の意味へ対応させる。","layout":"一度に読む範囲を限定し、次の語が現れる位置で視線の進行方向を先に示す。","material":"位置、回転、尺度、字間、ウェイト、透明度のうち意味に必要な軸だけを動かし、停止時の可読性を検証する。"},"avoid":"全文字を常に跳ねさせると動きが雑音になる。動きを外して意味が同じ部分は止め、変化が言葉の役割を担う箇所だけを動かす。","colors":["#F4F1E9","#E94A38","#141414"],"motif":"type","collection":"Dictionary expansion 32","addedAt":"2026-08-22","source":{"title":"Carnegie Mellon University — The Kinetic Typography Engine","url":"https://www.cs.cmu.edu/~johnny/kt/"},"reference":{"status":"verified","pageUrl":"https://www.cs.cmu.edu/~johnny/kt/","credit":"Carnegie Mellon University — The Kinetic Typography Engine","gallery":[{"imageUrl":"https://commons.wikimedia.org/wiki/Special:FilePath/Flash%20Gordon%20(1940)%20-%20Opening%20Crawl.jpg?width=640","pageUrl":"https://commons.wikimedia.org/wiki/File:Flash%20Gordon%20(1940)%20-%20Opening%20Crawl.jpg","credit":"『フラッシュ・ゴードン』オープニング・クロール 1940 — Wikimedia Commons / Public domain"}]},"en":{"essence":"Kinetic typography uses changes in position, speed, scale, form and timing to build tone of voice, emotion and attention along a timeline. Type is not a caption layer; its movement carries meaning.","cues":["Speed and size changing with vocal emphasis","Entrances and exits offset by word or character","Travel, rotation or deformation matching a word's meaning","Temporal hierarchy built from holds and reading order"],"works":["Joining tone of voice and moving type in titles, advertising and lyric films","Adding emotion and emphasis to short explanations or conversations without sound"],"recipe":{"type":"Break copy into words and syllables, mapping speed, holds and scale changes to what each unit says.","layout":"Limit how much is read at once and use the next word's position to preview eye direction.","material":"Move only the necessary axes among position, rotation, scale, tracking, weight and opacity, testing legibility at rest."},"avoid":"When every letter always bounces, motion becomes noise. Keep passages still whenever removing motion would not change meaning.","study":["CMU Kinetic Typography research","Temporal change and expressive text","Reading time, attention and emotion"]},"links":{"page":"https://indexstyle.org/styles/kinetic-typography","json":"https://indexstyle.org/api/styles/kinetic-typography","designSpec":"https://indexstyle.org/styles/kinetic-typography/design.md","imagePrompt":"https://indexstyle.org/styles/kinetic-typography/prompt.txt"},"usage":{"license":"CC-BY-4.0","licenseName":"Creative Commons Attribution 4.0 International","licenseUrl":"https://creativecommons.org/licenses/by/4.0/","attribution":"IndexStyle — https://indexstyle.org","attributionUrl":"https://indexstyle.org","scope":"Original IndexStyle text and structured data. Reference images, quoted works, and third-party material are excluded and retain their own rights."}}