キネティック・タイポグラフィ

Kinetic Typography / 1950s– / 技法 / タイポグラフィ

文字の位置、速度、尺度、形、出現時間を変化させ、静止した字面だけでは伝えにくい声の調子、感情、注意の移動を時間軸で組み立てる表現技法。文字は説明を載せる層ではなく、動きそのものが意味になる。

Kinetic Typography — AI生成の解釈イメージ 1
AI生成の解釈イメージ(参考作品ではありません)
Kinetic Typography — 『フラッシュ・ゴードン』オープニング・クロール 1940 — Wikimedia Commons / Public domain
『フラッシュ・ゴードン』オープニング・クロール 1940 — Wikimedia Commons / Public domain

ひと目で判断

見た目の特徴

  • 発話の強弱に合わせて変わる文字の速度と大きさ
  • 語または文字単位でずれる出現と消失
  • 移動、回転、変形が語の意味と一致する
  • 停止時間と画面内の読順で作る時間的階層

向いている用途

  • タイトル、広告、歌詞映像で、声の調子と文字の動きを一つにするとき
  • 短い説明や会話へ、音を出せない環境でも感情と強調を加えるとき

このスタイルを使う

短い指針を制作へ持ち込むか、構造化された仕様をAIへ渡せます。

詳しい作り方と出典制作ルール、実在作例、比較、研究、引用形式

辞書情報

文字
文章を語と音節へ分け、各単位の速度、停止、尺度変化を発話の意味へ対応させる。
構成
一度に読む範囲を限定し、次の語が現れる位置で視線の進行方向を先に示す。
素材
位置、回転、尺度、字間、ウェイト、透明度のうち意味に必要な軸だけを動かし、停止時の可読性を検証する。
注意
全文字を常に跳ねさせると動きが雑音になる。動きを外して意味が同じ部分は止め、変化が言葉の役割を担う箇所だけを動かす。
関連研究
CMU Kinetic Typography research / temporal change and expressive text / reading time, attention and emotion

関連項目

この項目を引用する

辞典はリンクされるためにある。書いている場所に合う形をそのまま持っていってよい。

Link
https://indexstyle.org/ja/styles/kinetic-typography
Markdown
[キネティック・タイポグラフィ(Kinetic Typography) — デザインスタイル辞典](https://indexstyle.org/ja/styles/kinetic-typography)
HTML
<a href="https://indexstyle.org/ja/styles/kinetic-typography">キネティック・タイポグラフィ(Kinetic Typography) — デザインスタイル辞典</a>

一覧内の位置へ戻る