skills/elite-powerpoint-designer/templates/ANIMATION_GUIDE.md

# Professional Animation & Transition Guide

## The Golden Rules

1. **Consistency Over Variety** - Use 1-2 transition types for the entire deck
2. **Subtlety Over Flash** - Professional animations are barely noticeable
3. **Purpose Over Decoration** - Every animation must serve comprehension
4. **Speed Matters** - Too fast feels rushed, too slow feels sluggish
5. **The Boardroom Test** - If it would distract a CEO, don't use it

## Transition Tier System

### Tier 1: Always Professional (Use Freely)

**Fade (0.6s)**
- Universal, works everywhere
- Best for: All content types, section changes
- Duration: 0.6s (standard), 0.4s (fast), 0.8s (slow)
- Brand fit: All brands
```json
{
  "type": "Fade",
  "duration": 0.6,
  "use_case": "Default transition for 95% of slides"
}
```

**Push (0.4-0.5s)**
- Clean, directional flow
- Best for: Sequential content, storytelling, timeline
- Direction: Left (forward), Right (back)
- Brand fit: Tech Keynote, Startup Pitch
```json
{
  "type": "Push",
  "duration": 0.4,
  "direction": "From Right",
  "use_case": "Moving through timeline or sequence"
}
```

**Morph (0.8s)** *PowerPoint only*
- Sophisticated, content-aware
- Best for: Design continuity, repeated elements
- Requires: Matching object names across slides
- Brand fit: Corporate Professional, Financial Elite
```json
{
  "type": "Morph",
  "duration": 0.8,
  "use_case": "When objects appear on consecutive slides"
}
```

### Tier 2: Special Occasions Only

**Zoom (0.5s)**
- Dramatic reveal or emphasis
- Best for: Product reveals, before/after comparisons
- Direction: In (reveal), Out (context)
- Limit: 2-3 times per deck
- Brand fit: Tech Keynote, Creative Bold
```json
{
  "type": "Zoom",
  "duration": 0.5,
  "direction": "In",
  "use_case": "THE reveal moment in your presentation"
}
```

**Reveal (0.6s)**
- Professional wipe effect
- Best for: Section breaks, new chapters
- Direction: Left, Right, Top, Bottom
- Limit: Once per section
- Brand fit: Corporate Professional, Creative Bold
```json
{
  "type": "Reveal",
  "duration": 0.6,
  "direction": "From Right",
  "use_case": "Major section transitions"
}
```

**Wipe (0.5s)**
- Clean directional sweep
- Best for: Image-heavy presentations
- Direction: From Bottom (natural rise)
- Limit: 3-5 times per deck
- Brand fit: Tech Keynote, Creative Bold
```json
{
  "type": "Wipe",
  "duration": 0.5,
  "direction": "From Bottom",
  "use_case": "Introducing new imagery"
}
```

### Tier 3: Never Use (Unprofessional)

**Avoid at All Costs:**
- Ferris Wheel - Gimmicky, distracting
- Curtains - Theater metaphor, dated
- Origami - Overly complex, slow
- Page Curl - Skeuomorphic, 2000s
- Dissolve - Weak, undefined
- Flash - Jarring, aggressive
- Honeycomb - Geometric distraction

**Why avoid these?**
- They draw attention to the transition itself
- They feel amateurish and outdated
- They don't exist in modern design language
- They fail the boardroom test

## Content-Specific Animation Guidelines

### Text Animations

**Title Entrance**
```json
{
  "element": "Title",
  "effect": "Fade In",
  "duration": 0.4,
  "delay": 0,
  "trigger": "With Previous"
}
```

**Bullet Lists (Staggered)**
```json
{
  "element": "Bullet Points",
  "effect": "Fade In",
  "duration": 0.3,
  "delay_between": 0.3,
  "trigger": "After Previous",
  "notes": "Creates rhythm, aids comprehension"
}
```

**Body Text (Simple)**
```json
{
  "element": "Body Text",
  "effect": "Fade In",
  "duration": 0.4,
  "trigger": "With Previous",
  "notes": "All text appears together, no stagger"
}
```

### Image Animations

**Hero Image**
```json
{
  "element": "Full-screen Image",
  "effect": "Fade In",
  "duration": 0.6,
  "trigger": "With Previous",
  "notes": "Let the image speak, minimal motion"
}
```

**Product Shot**
```json
{
  "element": "Product Image",
  "effect": "Wipe",
  "direction": "From Bottom",
  "duration": 0.6,
  "trigger": "After Previous",
  "notes": "Rising reveal feels premium"
}
```

**Multiple Images**
```json
{
  "element": "Image Grid",
  "effect": "Fade In",
  "duration": 0.4,
  "delay_between": 0.2,
  "trigger": "After Previous",
  "notes": "Stagger for visual interest"
}
```

### Chart/Data Animations

**Chart Entrance**
```json
{
  "element": "Chart",
  "effect": "Grow & Turn",
  "duration": 0.8,
  "trigger": "On Click",
  "notes": "Gives audience time to process"
}
```

**Data Points (Sequential)**
```json
{
  "element": "Data Series",
  "effect": "Appear",
  "duration": 0.5,
  "delay_between": 0.4,
  "trigger": "On Click",
  "notes": "Build story one data point at a time"
}
```

### Emphasis Animations (The "AHA!" Moment)

**Key Metric**
```json
{
  "element": "Important Number",
  "effect": "Pulse",
  "duration": 0.8,
  "repeat": 1,
  "scale": 1.15,
  "trigger": "After Previous",
  "notes": "Use once per deck for THE key metric"
}
```

**Call-to-Action**
```json
{
  "element": "CTA Button/Text",
  "effect": "Grow",
  "duration": 0.6,
  "scale": 1.1,
  "trigger": "After Previous",
  "notes": "Subtle emphasis without being pushy"
}
```

**Important Warning/Highlight**
```json
{
  "element": "Highlighted Text",
  "effect": "Color Pulse",
  "duration": 0.5,
  "repeat": 1,
  "trigger": "With Previous",
  "notes": "Draws eye to critical information"
}
```

## Brand-Specific Animation Strategies

### Tech Keynote (Apple Style)
```json
{
  "philosophy": "Less is exponentially more",
  "transitions": ["Fade", "Push"],
  "max_animations_per_slide": 1,
  "duration_preference": 0.6,
  "entrance_animations": "Fade In only",
  "emphasis_animations": "None (let content speak)",
  "notes": "Pure minimalism, content is the star"
}
```

### Corporate Professional (Microsoft Style)
```json
{
  "philosophy": "Smooth, professional, never distracting",
  "transitions": ["Morph", "Fade"],
  "max_animations_per_slide": 3,
  "duration_preference": 0.8,
  "entrance_animations": "Fade In, occasionally Wipe",
  "emphasis_animations": "Subtle Pulse on key data",
  "notes": "Data-friendly, allows charts to build"
}
```

### Creative Bold (Google Style)
```json
{
  "philosophy": "Playful but purposeful",
  "transitions": ["Zoom", "Reveal", "Push"],
  "max_animations_per_slide": 4,
  "duration_preference": 0.5,
  "entrance_animations": "Mix of Fade, Zoom, Wipe",
  "emphasis_animations": "Grow, Color Pulse",
  "notes": "More variety OK, but still controlled"
}
```

### Financial Elite (Goldman Sachs Style)
```json
{
  "philosophy": "Understated sophistication",
  "transitions": ["Fade"],
  "max_animations_per_slide": 1,
  "duration_preference": 0.4,
  "entrance_animations": "Fade In only",
  "emphasis_animations": "None",
  "notes": "Maximum restraint, content is serious"
}
```

### Startup Pitch (Y Combinator Style)
```json
{
  "philosophy": "Quick, energetic, metric-focused",
  "transitions": ["Push", "Fade"],
  "max_animations_per_slide": 2,
  "duration_preference": 0.3,
  "entrance_animations": "Fade In, quick",
  "emphasis_animations": "Pulse on metrics",
  "notes": "Fast pace matches startup energy"
}
```

## Timing Guidelines

### Duration Standards
```
Super Fast: 0.2-0.3s (Startup energy)
Fast:       0.4-0.5s (Modern, crisp)
Medium:     0.6-0.7s (Standard professional)
Slow:       0.8-1.0s (Sophisticated, data-heavy)
Too Slow:   >1.0s (Avoid - feels sluggish)
```

### Delay Between Elements
```
Tight:     0.2s (Related items)
Standard:  0.3s (Bullet points)
Spacious:  0.4-0.5s (Distinct concepts)
Dramatic:  0.6s+ (Special emphasis)
```

## The Build-Up Strategy

For complex slides with multiple elements:

**1. Foundation First (0s)**
```
- Background
- Slide title
- Core layout elements
```

**2. Main Content (After 0.3s)**
```
- Primary text/image
- Key message
```

**3. Supporting Details (After 0.6s)**
```
- Bullets/sub-points
- Secondary images
- Captions
```

**4. Emphasis (After 1.0s)**
```
- Highlight key number
- Call-to-action
- Final emphasis
```

## Animation Checklist

Before finalizing your deck:

**Consistency:**
- [ ] Using 1-2 transition types max
- [ ] All similar elements animate the same way
- [ ] Duration is consistent across similar animations
- [ ] Brand style guidelines followed

**Purpose:**
- [ ] Every animation aids comprehension
- [ ] No animations "just because"
- [ ] Emphasis animations on truly important elements only
- [ ] Build sequences logical and clear

**Technical:**
- [ ] All animations < 1.0s duration
- [ ] No Tier 3 (avoid) transitions used
- [ ] Text readable during animation
- [ ] Animations don't obscure content

**Audience:**
- [ ] Passes the boardroom test
- [ ] Appropriate for audience formality
- [ ] Doesn't distract from message
- [ ] Feels modern and professional

## Common Mistakes to Avoid

**1. Animation Soup**
```diff
- Different animation on every slide
- Mixing 5+ transition types
- Random duration changes
+ Consistent 1-2 transitions throughout
```

**2. Speed Problems**
```diff
- Too fast (< 0.2s) - feels jarring
- Too slow (> 1.0s) - feels sluggish
+ Sweet spot: 0.4-0.7s for most content
```

**3. Over-Animation**
```diff
- Every bullet, image, text box animated
- Multiple emphasis animations per slide
- Animations on decorative elements
+ Only animate what aids understanding
```

**4. Wrong Effect Choice**
```diff
- Ferris Wheel for business content
- Aggressive Zoom on every slide
- Page Curl in professional setting
+ Fade/Push for 90% of professional decks
```

**5. Poor Timing**
```diff
- No delays between bullet points
- Everything appearing at once
- Animations during critical speech moments
+ Strategic delays for comprehension
```

## Testing Your Animations

**The Run-Through Test:**
1. Present deck in full-screen mode
2. Move through at natural speaking pace
3. Note any animations that feel "off"
4. Ask: Does this help or distract?

**The Executive Test:**
1. Imagine presenting to CEO/Board
2. Would any animation feel unprofessional?
3. Remove anything that fails this test

**The Comprehension Test:**
1. Show deck to colleague
2. Ask them to recall key points
3. If animations distracted from content, simplify

## Quick Reference by Slide Type

| Slide Type | Transition | Entrance | Emphasis | Duration |
|------------|------------|----------|----------|----------|
| Title | Fade | Fade In | None | 0.6s |
| Section Break | Reveal | Fade In | None | 0.6s |
| Bullets | Fade | Fade In (stagger) | None | 0.3s each |
| Image | Fade/Wipe | Wipe From Bottom | None | 0.6s |
| Quote | Fade | Fade In | None | 0.4s |
| Data/Chart | Fade | Grow & Turn | Pulse (key number) | 0.8s |
| Comparison | Push | Fade In (sequence) | None | 0.5s |
| Product | Zoom | Wipe From Bottom | Optional Pulse | 0.6s |
| Thank You | Fade | Fade In | None | 0.4s |

## Final Wisdom

> "The best animation is the one you don't notice."

Your goal is to guide attention and aid comprehension, not to showcase PowerPoint's feature set. When in doubt, use Fade at 0.6s and call it a day. Professional presentations are remembered for their content, not their transitions.