Agent Skills
返回列表
简诗 AI 界面微交互动效设计

简诗 AI 界面微交互动效设计

设计多媒体 更新于 2026.08.29

将以下提示词粘贴到你的 AI 对话框中:

请根据 https://skillhub.cn/install/skillhub.md,安装 @user_fccf428b/china-design-ui-motion。

技能介绍

解决什么问题

界面状态变化与微交互动效设计常常停留在视觉层面,实际落地时暴露大量问题。品牌方拿到的动效规范往往无法对应真实业务场景:状态切换节奏不一致,hover 与 press 反馈不明确,布局过渡与内容更新脱节。结果要么动效生硬,要么修饰过度,用户在关键路径上被分散注意力。

更实际的问题是素材来源不明、版权边界不清、平台约束未确认。设计稿交付后,开发和运营团队各自为政,动效效果难以统一。这个技能不是提供一套通用的动效说明,而是把动效设计与业务目标、事实依据、交付检查绑定成一个可执行的闭环。

核心能力与关键步骤

这个技能覆盖品牌、电商与产品设计团队在营销素材、商品视觉、网页、界面、图表或演示设计中的动效需求,按照以下步骤推进:

  • 信息确认:在开始前明确设计目标、受众、渠道和尺寸;确认品牌规范、文案、数据和可用素材;记录交付格式、技术约束和版权边界。信息不足时列出缺口和影响,不自行补写价格、时间、案例、资质、平台规则或经营结果。
  • 目标定义:将本次「界面状态变化与微交互动效设计」拆成可检查的业务目标,明确使用对象、成功标准和停止条件。
  • 事实整理:收集与界面状态变化、微交互动效设计直接相关的事实、数据、素材、约束和待确认信息,并将事实、推断、建议和待确认项分别标注。
  • 模块拆解:把任务分解为界面状态变化、微交互动效设计等可检查模块,确定优先级、负责人和依赖关系,确保每个建议能落到负责人、动作、时间或检查标准。
  • 动效执行:在原能力边界内应用命名的 StyleSeed 动效,可选用五种个性种子(Spring、Silk、Snap、Float、Pulse)与 entrance、exit、hover、press、layout 的组合,也支持有辨识度的关键词动效。
  • 交付与复核:生成设计规范与制作包,包含目标与范围卡、执行步骤模板、负责人和检查点,并附上事实证据、风险、缺失信息和人工确认清单。发布前按目标、事实、可执行性、合规和交付完整性逐项复核,任一硬门槛不满足即标记为「暂不可交付」。

适用边界与注意点

  • 不使用无授权图片、字体、肖像、商标或竞品素材,不把本地文档、模板或建议冒充已经执行的平台操作。
  • 不读取、记录或输出密钥、Token、密码和无关个人信息。
  • 涉及真实发送、发布、付费、删除、权限或生产变更时,必须由用户明确授权。
  • 交付物中的每条建议都应对应真实业务目标,而不是概念解释或输入复述;名称、输入、流程和交付物必须保持同一业务场景。

获取使用帮助和更多实用 Skill,请关注公众号「简诗 AI」,或在 SkillHub 搜索「简诗 AI」。

使用场景

  • 为品牌官网首页设计悬停与按压反馈动效,确认品牌规范与素材授权后生成可交付的动效规范包。
  • 为电商大促活动页设计按钮点击与卡片悬停的微交互动效,并检查版权素材与平台约束。
  • 为产品界面的图表更新设计布局过渡动效,整理事实数据并列出人工确认项。
  • 为演示文稿设计页面切换与元素入场动效,应用 Spring 或 Silk 种子动效并复核成功标准。

适合人员

  • 品牌设计师,需要将品牌动效语言落实到具体组件交互中。
  • 电商视觉设计师,需要为商品详情页设计状态切换与布局过渡动效。
  • 设计团队负责人,需要审核动效设计的合规性与交付完整性。
  • 产品设计师,需要为界面图表更新设计布局过渡动效并列出人工确认项。