GPT中文小秘书挑几下就能开工
我积分

生成设计系统里按钮组件的交互状态图

关于「生成设计系统里按钮组件的交互状态图」:能拿到什么、要点选什么、怎么办

说清按钮样式和状态,几分钟拿到带标注的按钮五态图 PNG。为设计系统生成按钮组件5种交互状态的横向流程图,含状态标签、尺寸标注、颜色值和反馈说明。不提供开发代码或前端实现逻辑。

能拿到什么

  • 推荐:一张横向排列的按钮五态交互状态图 PNG,含状态标签、尺寸标注、颜色值和过渡说明(横向5个按钮,每个下面标状态名、宽高、圆角、HEX色值,状态间有箭头和0.2s缓动说明),约 5 分钟
  • 旗舰:按钮五态交互状态图 PNG、状态参数对照表 Excel、设计规范说明文档 Word

要你点选的几项

画面主体、用在哪、风格、色调、画面比例、要几版/要什么变体、标注要求、交互说明。多数点一下就行,没选的按常见情况替你定,交付时说清哪几项是按默认的。

怎么办

  1. 填按钮基础样式
  2. 勾选要的状态和标注
  3. 点生成预览效果
  4. 下载PNG图

别人还这样说

  • 帮我画一套带标注的按钮五态图
  • 状态之间要有箭头和过渡说明
  • 要能直接贴进设计规范文档的那种
你好,我是你的AI小秘书。
直接说你要办什么事,我先跟你确认一遍要点,你点头我再动手。
说得糙也没关系,我会问你几个选项,点一下就行。下面这位朋友就是这么办的。
主按钮用#2563EB,圆角8px,宽120px高44px,悬停加阴影,禁用时透明度40%

生成设计系统里按钮组件的交互状态图 能替你选的都选好了,不想动直接开工

▤ 文档按你的点选来交付,可直接使用
已替你定下:要几版/要什么变体全五态(默认/悬停/点击/禁用/加载)标注要求每个状态标宽度高度交互说明状态切换0.2s缓动
这是预览 · 点「开工」才真做

GPT中文 也可能出错,成品请自己核对关键数字和事实。条款 · 隐私