{"id":"kinetic-typography","no":55,"name":"Kinetic Typography","ja":"キネティック・タイポグラフィ","era":"film titles–digital motion","family":"文字表現","kind":"モーション","collection":"Personal expansion 01","source":{"title":"Art of the Title — North by Northwest","url":"https://www.artofthetitle.com/title/north-by-northwest/"},"addedAt":"2026-08-16","essence":"言葉の意味を速度・間・方向へ変換し、読む時間そのものをデザインする。","cues":["語ごとの動き","リズム","スケール変化","間"],"intents":["高揚","反骨","親密"],"works":["短いメッセージを身体的に感じさせる","音声や音楽の抑揚を画面へ移す"],"recipe":{"type":"一つの書体でウェイトと幅を変える","layout":"文章を語単位に分け、意味に合う軌道を割り当てる","material":"背景は抑え、文字の時間差を主役にする"},"avoid":"すべての語を動かさない。静止する語があるから動きが読める。","colors":["#f0eee6","#ff542f","#171714"],"motif":"type","pair":["experimental-type","swiss"],"study":["film title design","motion typography systems"],"reference":{"status":"verified","pageUrl":"https://www.artofthetitle.com/title/north-by-northwest/","credit":"Saul Bass, North by Northwest title sequence, 1959","gallery":[{"imageUrl":"/quotes/kinetic-typography.jpg","pageUrl":"https://www.artofthetitle.com/title/north-by-northwest/","credit":"ソール・バス『北北西に進路を取れ』タイトル（Art of the Titleより引用）"},{"imageUrl":"/quotes/kinetic-typography-2.jpg","pageUrl":"https://www.artofthetitle.com/title/anatomy-of-a-murder/","credit":"ソール・バス『或る殺人』タイトル（Art of the Titleより引用）"}]},"en":{"essence":"Translates a word's meaning into speed, pause and direction — designing the time of reading itself.","cues":["Per-word motion","Rhythm","Scale change","Pauses"],"works":["Making a short message physically felt","Carrying the intonation of voice and music to the screen"],"recipe":{"type":"One family, varied in weight and width","layout":"Split the sentence into words; assign each a trajectory that fits its meaning","material":"Keep the ground quiet; the timing offsets are the star"},"avoid":"Don't move every word. Motion reads because some words stand still."}}