Presentations

dylantarre/animation-principles/skills/01-by-domain/presentations

作者 dylantarre83597134ba8f無授權條款99 個星標收錄於 2026年10月8日更新於 2026年10月8日儲存庫9 個月前更新

Use when creating Keynote, PowerPoint, Google Slides animations, or any presentation motion design work.

AI 產生的概覽

將迪士尼十二項動畫原則套用於 Keynote、PowerPoint 和 Google Slides 簡報的動態與動畫序列設計。

功能
此技能提供使用迪士尼十二項動畫原則設計簡報動畫的指引,將每項原則對應到具體的投影片行為,例如擠壓與伸展、預備動作、舞台調度、節奏與吸引力。內容包含 Keynote、PowerPoint 和 Google Slides 的軟體專屬模式,並提供建構序列表,列出標題、項目符號、圖片和圖表的建議動畫類型、時長與延遲。它也提供關於節奏、排練和備用簡報的簡報者建議。產出的是指引和建議,而非檔案或指令碼。
適用情境
適用於在 Keynote、PowerPoint 或 Google Slides 簡報中建立或調整動畫與動態設計時。適合處理建構序列、轉場效果和投影片節奏。也適合就動畫如何配合演講向簡報者提供建議。
執行需求
不需要指令碼或特殊工具,僅為說明性內容。使用者需要能使用所提及的簡報軟體之一(Keynote、PowerPoint 或 Google Slides)來套用這些指引。

Presentation Animation

Apply Disney's 12 animation principles to Keynote, PowerPoint, Google Slides, and presentation software.

Quick Reference

PrinciplePresentation Implementation
Squash & StretchBounce emphasis, elastic scaling
AnticipationBuild sequences, pre-reveal fades
StagingFocal point management, dimming
Straight Ahead / Pose to PoseMorph vs discrete transitions
Follow Through / OverlappingStaggered builds, delayed elements
Slow In / Slow OutEase animations, avoid linear
ArcMotion paths, curved entrances
Secondary ActionSupporting graphics follow primary
TimingBuilds 0.3-0.5s, transitions 0.5-0.8s
ExaggerationEmphasis effects, attention draws
Solid DrawingConsistent alignment, visual balance
AppealProfessional polish, purposeful motion

Principle Applications

Squash & Stretch: Use bounce effect sparingly for playful emphasis. Scale animations should feel elastic not mechanical. Key numbers can "pop" with slight overshoot.

Anticipation: Fade out previous content before new appears. Slight pause after slide transition before builds begin. Dim existing elements before highlighting new ones.

Staging: One focal point per moment. Dim completed content to 30-50% opacity. Use motion to direct eye path. Build complex diagrams piece by piece.

Straight Ahead vs Pose to Pose: Morph transitions (Keynote Magic Move, PowerPoint Morph) create fluid straight-ahead motion. Standard builds are pose to pose. Use morph for transformation stories.

Follow Through & Overlapping: Build related items with 0.1-0.2s delays. Supporting text follows primary graphic. Bullet points stagger naturally. Don't animate everything simultaneously.

Slow In / Slow Out: Always use ease-in-out or ease-out. Never linear—looks robotic. Keynote: "Ease In & Out". PowerPoint: use custom motion paths with curve handles.

Arc: Motion paths should curve naturally. Elements entering from sides arc inward. Exit animations arc toward edges. Straight lines feel mechanical.

Secondary Action: Icons animate alongside text reveals. Arrows appear as relationships are explained. Background subtle shifts support primary content.

Timing: Text builds: 0.3-0.5s. Graphic reveals: 0.4-0.6s. Slide transitions: 0.5-0.8s. Complex sequences: 0.2-0.3s between elements. Match pacing to speaking rhythm.

Exaggeration: Use scale emphasis for key points. Pulse effect for critical numbers. Shake for contrast/disagreement. Reserve exaggeration for truly important moments.

Solid Drawing: Maintain grid alignment during motion. Consistent transform origins. Elements should feel anchored to the slide structure.

Appeal: Purposeful animation builds credibility. Excessive motion distracts and annoys. Every animation should serve communication.

Software Patterns

Keynote

Best builds: Dissolve, Move In, ScaleMagic Move: Most powerful transition—objects morph between slidesTiming: Use "Build Order" panel for precise sequencingTip: Group objects that should animate together

PowerPoint

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

Google Slides

Limited but functional: Fade, Fly inNo morphing: Use Fade for cleanest transitionsTiming: Less control—keep animations simpleTip: Fewer, better animations beat many poor ones

Build Sequences

Content TypeAnimationDurationDelay
TitleFade + Scale0.5s0s
SubtitleFade0.4s0.2s
Bullet 1Fade + Move0.3s0.3s
Bullet 2+Fade + Move0.3s+0.15s each
ImageScale from center0.5svaries
ChartCustom/Wipe0.6svaries

Presenter Tips

  1. Animate on click, not automatically—control your pacing
  2. Practice with animations—know what comes next
  3. Less is more—animation should clarify, not decorate
  4. Test on presentation display—timing feels different at scale
  5. Have a backup with no animations for technical issues

來源與署名

來源:dylantarre/animation-principles位於skills/01-by-domain/presentations提交8359713

授權條款: 無授權條款

內容歸原作者所有。SourceWeft 從公開儲存庫中收錄這些內容。

檢舉或申請下架