presentations

プレゼンテーションアニメーション

Disneyの12のアニメーション原則をKeynote、PowerPoint、Google Slidesなどのプレゼンテーションソフトウェアに適用します。

クイックリファレンス

原則	プレゼンテーションでの実装
スクワッシュ＆ストレッチ	バウンスによる強調、弾力のある拡大縮小
予備動作	段階的な表示、表示前のフェード
演出	焦点の管理、暗転
ストレート・アヘッド／ポーズ・トゥ・ポーズ	モーフと個別の切り替え
フォロースルー／オーバーラップ	段階的な表示、要素の遅延
スローイン／スローアウト	イージングアニメーション、リニアを避ける
アーク	モーションパス、曲線を描く登場
副次動作	主要な要素に続く補助グラフィック
タイミング	ビルドは0.3-0.5秒、切り替えは0.5-0.8秒
誇張	強調効果、注意を引く動き
立体感のある描写	一貫した配置、視覚的なバランス
魅力	プロフェッショナルな仕上がり、意図のある動き

原則の適用

スクワッシュ＆ストレッチ：遊び心のある強調には、バウンス効果を控えめに使います。拡大縮小アニメーションは機械的ではなく、弾力があるように感じられる必要があります。重要な数字は、わずかなオーバーシュートを加えて「ポップ」させることができます。

予備動作：新しい内容を表示する前に、前の内容をフェードアウトします。スライド切り替え後、ビルドを開始する前に少し間を取ります。新しい要素を強調する前に、既存の要素を暗くします。

演出：各瞬間の焦点は1つにします。表示が完了した内容は不透明度を30-50%に落とします。動きを使って視線の流れを誘導します。複雑な図は少しずつ組み立てます。

ストレート・アヘッドとポーズ・トゥ・ポーズ：モーフ切り替え（Keynote Magic Move、PowerPoint Morph）は、流れるようなストレート・アヘッドの動きを作ります。標準的なビルドはポーズ・トゥ・ポーズです。変化を伝えるストーリーにはモーフを使います。

フォロースルーとオーバーラップ：関連する項目は0.1-0.2秒の遅延を付けて表示します。補助テキストは主要なグラフィックに続けて表示します。箇条書きは自然に段階表示します。すべてを同時にアニメーションさせないでください。

スローイン／スローアウト：必ずイーズイン・イーズアウトかイーズアウトを使います。リニアは使わないでください。ロボットのように見えます。Keynote：「Ease In & Out」。PowerPoint：カーブハンドルを使ったカスタムモーションパスを使用します。

アーク：モーションパスは自然な曲線にします。左右から入る要素は内側に向かって弧を描きます。終了アニメーションでは端に向かって弧を描きます。直線は機械的に感じられます。

副次動作：テキストの表示に合わせてアイコンをアニメーションさせます。関係を説明する際に矢印を表示します。背景の微細な変化で主要な内容を支えます。

タイミング：テキストのビルド：0.3-0.5秒。グラフィックの表示：0.4-0.6秒。スライド切り替え：0.5-0.8秒。複雑なシーケンス：各要素の間隔は0.2-0.3秒。話すリズムに合わせてペースを調整します。

誇張：重要なポイントには拡大による強調を使います。重要な数字にはパルス効果を使います。対比や意見の相違にはシェイクを使います。誇張は本当に重要な場面に限って使います。

立体感のある描写：動きの間もグリッドの配置を保ちます。変形の基準点を一貫させます。要素がスライドの構造にしっかり固定されているように見せます。

魅力：意図のあるアニメーションは信頼性を高めます。過剰な動きは注意をそらし、煩わしさを感じさせます。すべてのアニメーションは、伝達を助けるものである必要があります。

ソフトウェア別のパターン

Keynote

Best builds: Dissolve, Move In, Scale
Magic Move: Most powerful transition—objects morph between slides
Timing: Use "Build Order" panel for precise sequencing
Tip: Group objects that should animate together

PowerPoint

Best entrances: Fade, Fly In (with custom path)
Morph transition: Objects with same name transform
Timing: Animation Pane for sequencing
Tip: Use "With Previous" + delay for stagger

Google Slides

Limited but functional: Fade, Fly in
No morphing: Use Fade for cleanest transitions
Timing: Less control—keep animations simple
Tip: Fewer, better animations beat many poor ones

ビルドシーケンス

コンテンツの種類	アニメーション	時間	遅延
タイトル	フェード＋拡大縮小	0.5s	0s
サブタイトル	フェード	0.4s	0.2s
箇条書き1	フェード＋移動	0.3s	0.3s
箇条書き2以降	フェード＋移動	0.3s	以降は各+0.15s
画像	中心から拡大	0.5s	可変
グラフ	カスタム／ワイプ	0.6s	可変

プレゼンター向けのヒント

1. 自動ではなくクリックでアニメーションさせ、ペースをコントロールします
2. アニメーションを使って練習し、次に何が起こるか把握します
3. 少ないほうが効果的です。アニメーションは装飾ではなく、明確化のために使います
4. プレゼンテーション用ディスプレイでテストします。大きな画面ではタイミングの感じ方が異なります
5. 技術的な問題に備えて、アニメーションなしのバックアップを用意します