Attention Direction

dylantarre/animation-principles/skills/02-by-thinking-style/attention-direction

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

Use when controlling where the audience looks—composing shots, choreographing action, revealing information, or any situation requiring clear visual hierarchy and focus management.

僅含說明Design & Creative
AI 產生的概覽

透過場面調度、對比、運動與視線路徑規劃,引導動畫與鏡頭中的視覺注意力。

功能
此技能提供一套思考模型與實用清單,用來引導動畫或構圖場景中觀眾視線的落點。它把動畫十二原則對應到焦點管理,並列出對比、孤立、大小、位置、運動、細節與角色視線等注意力工具。它也提供注意力順序、常見焦點錯誤、畫面混亂或空洞時的調整方法,以及視線路徑繪製指引。產出的是概念性指導,而非具體檔案。
適用情境
適用於構圖、編排動作或揭露資訊時需要清楚視覺層級的情況。也適合觀眾視線需要依特定順序被引導,或畫面顯得混亂、空洞的時候。
執行需求
不需要任何工具、套件或憑證;僅為說明性內容,不附帶指令碼。

Attention Direction

Think like a magician controlling where the audience looks. Animation is misdirection and direction. You decide what matters, then make it impossible to miss—while hiding what shouldn't be seen yet.

Core Mental Model

Before animating any scene, ask: Where should the eye go, and in what order?

Audiences can only look at one thing at a time. Your job is to guide their attention through the frame and through time. Every element either supports focus or competes with it.

The 12 Principles Through Focus

Staging — The foundation of attention direction. Clear silhouettes. Uncluttered compositions. Important elements separated from background. Staging serves focus.

Timing — Attention follows movement. Motion against stillness commands the eye. Strategic timing controls when things get noticed. Stillness is also a tool.

Anticipation — Attention setup. Before the important thing, direct eyes to where it will happen. Anticipation is a spotlight warming up before the main act.

Secondary Action — Supporting, not competing. Secondary elements should enhance focus on primary action, not steal attention. The backup singer shouldn't upstage the lead.

Follow Through & Overlapping Action — Attention carries momentum. Where one motion ends, the eye expects the next to begin. Use follow-through to guide gaze through sequences.

Exaggeration — Emphasis through amplification. Important elements are bigger, faster, more contrasted. Exaggeration says "look here." Restraint says "this can wait."

Squash & Stretch — Visual attention-grabbers. Impact frames (squash) and speed lines (stretch) create pops of visual interest that capture the eye.

Arcs — Eye paths. The audience's gaze follows arcs of motion. Design movement paths that lead attention where you want it to land.

Slow In & Slow Out — Attention ramps. Ease-in gives time to find the action. Ease-out gives time to process. Control pacing of comprehension.

Solid Drawing — Hierarchy through form. Important elements have more dimensional presence. Background elements are flatter, less detailed. Volume commands attention.

Appeal — The eye seeks appeal. Attractive elements draw focus naturally. Use appeal strategically—the most appealing thing in frame gets looked at first.

Straight Ahead & Pose to Pose — Planning attention (pose to pose) ensures focus hits are intentional. Spontaneous discovery (straight ahead) might need attention refinement afterward.

Practical Application

Attention Tools:

  • Contrast: Light against dark, color against neutral
  • Isolation: Space around important elements
  • Size: Bigger elements read first
  • Position: Center and rule-of-thirds intersections
  • Motion: Movement in stillness commands eyes
  • Detail: More detailed areas attract focus
  • Character eyelines: Audiences look where characters look

Attention Sequence:

  1. Establish where eyes should start
  2. Plan the path through the frame
  3. Land on the most important element
  4. Allow processing time
  5. Transition to next focus point

Common Attention Errors:

  • Competing centers: Multiple elements fighting for focus
  • Buried information: Important elements lost in noise
  • Nowhere to look: No clear hierarchy
  • Missed beats: Focus points not held long enough
  • Leading nowhere: Motion that doesn't resolve to landing point

When focus feels "confused":

  1. Reduce secondary motion
  2. Increase contrast on primary element
  3. Add stillness around important areas
  4. Simplify background during key moments

When scenes feel "empty":

  1. Add supporting motion (without competing)
  2. Use secondary action to create visual interest
  3. Ensure something is always moving
  4. Create visual rhythm in attention flow

Eye Path Mapping: Sketch your scene with arrows showing intended eye movement. If the path is unclear or chaotic, simplify. If multiple paths compete, choose one.

The Golden Rule

You can't control attention if you haven't decided what matters. Before worrying about technique, answer the fundamental question: What's the single most important thing in this frame right now? Everything else serves that.

來源與署名

來源:dylantarre/animation-principles位於skills/02-by-thinking-style/attention-direction提交8359713

授權條款: 無授權條款

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

檢舉或申請下架