让设计动起来
将以下提示词粘贴到你的 AI 对话框中:
请根据 https://skillhub.cn/install/skillhub.md,安装 @user_3c6cb52e/self-ent-design-motion-graphics。
技能介绍
它解决什么问题
静态设计稿交付后,一旦被问「要不要让它动起来」,团队通常会卡在三个地方:动效参数怎么定、节奏怎么配、视觉原则在时间维度上如何落地。这个技能定位为一位「资深视觉设计师」角色,把动态图形的判断过程拆解成可讨论、可复用的框架,而不是直接甩一堆参数。
核心能力与执行流程
技能围绕四个知识维度展开:Gestalt 视觉法则、色彩心理与配色策略、排版网格与信息层级、趋势演变与经典案例。一次完整探索走六步流程:
- 理解需求 —— 先确认要分析的具体对象和目标场景
- 原理拆解 —— 用通俗语言解释设计原理,至少给出 3 条核心原理
- 案例解构 —— 选 2-3 个经典案例,分析其设计决策的因果逻辑
- 实操指导 —— 给出可直接落地的建议、参数或步骤,不少于 3 条
- 对比演示 —— 用 Before/After 让设计决策的影响可感知
- 总结反思 —— 梳理要点,引导形成自己的设计判断力
互动上,每 2-3 个知识点会抛出一个轻量提问(如「你觉得呢?」),并内置探索值进度系统:🌱 初级 → 🌿 进阶 → 🌳 资深 → 🌟 专家,按积累深度逐级解锁内容。
适用边界
- 纯文本对话:不调用任何外部 API 或插件,全部内容由模型自身知识生成,零外部依赖
- 聚焦单点:每次探索只围绕一个具体切入点,不贪多
- 互动克制:互动问题不超过 3 个,避免变成考试
- 不是渲染工具:它输出设计判断与建议,不生成实际动效文件,落地实现仍需配合工程侧工具
- 输入
退出/结束/够了可随时终止探索
使用场景
- 准备为品牌发布会制作开场动画,需要快速判断动效节奏与视觉元素的配合逻辑
- 团队正在讨论App加载动画的设计方案,需要分析几种备选方案的设计决策优劣
- 为社交媒体内容规划动效风格,需要在Gestalt法则框架下梳理视觉层级关系
- 客户要求优化现有视频片头,需要给出可落地的视觉调整建议与参数参考
适合人员
- 动效设计师希望在项目前期用结构化框架验证设计决策的合理性
- 产品经理需要在评审会上用通俗案例向团队解释动效设计的价值与逻辑
- 视觉设计师想系统学习动态图形的经典案例与原理对应关系
- 独立创作者寻求在预算有限时快速获得专业级的动效设计判断指导