Communitygithub.com

运动设计工艺

用于程序化生成和编辑视频的运动设计规则——持续时间、缓动、弹簧效果、交错、屏幕文本阅读时间、节拍网格、转场和视觉层级,以及那些使视频显得像AI生成的默认设置。在动画场景、选择时机或审查感觉不对劲的视频时使用。

运动设计工艺 是什么?

这项技能提供了一套全面的运动设计规则,帮助开发者和AI代理用户创建更流畅、更具专业感的程序化生成视频。它涵盖了关键参数,如以帧和秒为单位的持续时间、基于物体运动状态的缓动函数、用于自然效果的阻尼弹簧、屏幕文本阅读时间计算公式、节拍网格对齐、视觉层级以及有意义的转场。技能明确指出了使视频显得像AI生成的常见陷阱(例如统一淡入、居中文本和紫色渐变),并提供了修复方法,例如使用品牌调色板、变化运动节奏以及让某些场景直接切换。平台无关,支持如Remotion等工具,对动画场景、选择时机和审查视频效果很有用。

兼容平台~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/iamaanahmad/agents-video-editing-skills/tree/HEAD/skills/motion-design-craft

在你喜欢的 AI 中提问

打开一个已预加载此 Agent Skill 的新对话。

文档

运动设计工艺 是做什么的?

好的运动是隐形的:它引导注意力,然后悄然退去。

持续时间(30 fps时)

运动类型帧数秒数
微反馈(按钮按下、高亮)4 到 80.15 到 0.25
元素进入或退出10 到 180.35 到 0.6
场景转场12 到 200.4 到 0.7
大范围跨屏移动20 到 300.7 到 1.0
列表项交错3 到 60.1 到 0.2

退出比进入更快(约为进入时间的70%)。超过一秒钟会显得拖沓,除非是刻意设计的披露效果。

缓动

根据物体的行为选择缓动方式:

  • 进入画面:缓出(快速开始,柔和着落)。
  • 离开画面:缓入(慢速开始,加速离开)。
  • 在屏幕上移动位置: 缓入缓出。
  • 连续运动(循环、进度条):线性。

对于类似UI的运动,切勿使用纯线性,否则会显得机械。

弹簧效果

使用临界阻尼或轻微欠阻尼的弹簧效果来获得自然的稳定感。在Remotion中,damping: 200 会产生平滑无弹跳的效果;较低的阻尼值(10 到 20)会增加过冲,仅适用于活泼的内容。将过冲控制在10%以内。

文字阅读时间

seconds_on_screen = max(1.5, words * 0.35 + 0.5)

一个6个词的标题需要大约2.6秒。如果旁白朗读了文字,应在语音开始前稍早显示文字。

节奏

  • 选择一个节拍(例如0.5秒或音乐的一个小节),并将剪切和进入动作对齐到该节拍的整数倍。未对齐的运动即使观众说不出原因,也会感到别扭。
  • 变化场景长度;相同的时长会显得机械。
  • 在动作中剪切:在前一个镜头的运动仍在进行时就开始下一个镜头。

层级

  • 每次只有一个焦点元素。将非主题元素调暗或模糊化。
  • 在1080p分辨率下,正文至少36像素;标题72像素或更大。手机用户需要更大的字体。
  • 文本与背景的对比度至少为4.5:1;在视频上添加遮罩或轮廓。
  • 边距:确保内容保持在中央90%内(安全区域),竖屏视频保持在80%内。

有意义的转场

只有在能表达某种意义时才使用转场:时间变化用擦除,下一步用推送,话题温和变化用交叉淡入。否则直接使用硬切。一个视频中不要混合使用超过两种转场风格。

什么让视频显得像生成的

除非刻意选择,否则避免以下默认设置:

  1. 所有元素都以相同持续时间从0透明度淡入。
  2. 居中的文本放在深色渐变背景上,并带有浮动斑块。
  3. 每个品牌都使用紫蓝渐变。
  4. 每个元素都带有弹簧弹跳效果。
  5. 相同的场景长度和相同的场景间转场。
  6. 使用库存表情符号作为图标。
  7. 文字一次性全部出现,远在语音之前。

修复方法:使用品牌调色板和真实素材,根据角色变化运动效果,有意义的交错,让某些场景直接切换。

审阅清单

  • 能否暂停任何一帧,并看到清晰的主题?
  • 是否有任何物体无故移动?
  • 文字在手机尺寸下是否可读?
  • 最后2秒是否保持静止足够长时间以阅读行动号召?

Individual skills in this repo

This repo contains 6 individual skills — each has its own dedicated page.

iamaanahmad/captions-subtitles

Create, edit, translate and burn in captions and subtitles - transcribe speech with Whisper, write SRT/VTT/ASS files, style them, and hard-burn word-highlight captions for Shorts, Reels and TikTok. Use for any captioning, subtitle, transcript or accessibility request.

iamaanahmad/ffmpeg-essentials

Core FFmpeg and ffprobe recipes for trimming, joining, converting, resizing, compressing, speed changes, fades, audio extraction and GIF conversion. Use for any direct media transformation task, or when a video will not play, has odd dimensions, or is out of sync.

iamaanahmad/moviepy-python-video

Compose and edit video in pure Python with moviepy 2.x - overlay text, lower thirds and captions on footage, cut and join clips, add audio, build short single-file build.py videos without Node. Use when the user wants Python-based video editing or deterministic text over AI-generated video.

iamaanahmad/remotion-programmatic-video

Build videos as React code with Remotion - compositions, sequences, springs, interpolation, audio sync, data-driven props, studio preview and rendering to MP4. Use for explainers, product demos, release notes, data charts, branded templates, or any video that should be reproducible from code.

iamaanahmad/screen-recording-demos

Record clean product and web app demos - scripted browser recording with Playwright, cursor and zoom polish, speed ramps, trimming dead time and syncing to narration. Use when the user wants a walkthrough, tutorial, UI demo or release video of a web app, or a repeatable recording.

iamaanahmad/voiceover-tts

Generate and time narration with text-to-speech (ElevenLabs, OpenAI TTS, Kokoro, Piper) or prepare a recorded voice - script prep, per-scene audio files, pacing, pronunciation, cleanup and loudness. Use when the user needs a voiceover, narration, dubbing, or voice cloning guidance.

相关技能