UI DESIGN LAB
  • 首页
  • 社区
  • 资源库
  • 知识库
  • 文档
EN登录
返回知识库
Interaction Responsive Motion

按钮优先级与操作分离

主操作、次操作、危险操作和导航链接要有清晰差异,避免用户误点。

buttonsactionspriority

设计原则

按钮样式体现决策成本和风险,而不只是视觉偏好。

原则 按钮样式体现决策成本和风险,而不只是视觉偏好。

设计动作 每个表单只保留一个 primary;危险操作远离主流程并使用语义文案,次要操作降为 outline 或 text。

正反例 正向示例:发布、下架、删除、保存、提交审核。 反向示例:删除和保存同样显眼。

适用场景 发布、下架、删除、保存、提交审核。 同一页有多个可执行命令。

来源提示 来源提示:综合 Apple HIG、Material Design、GOV.UK/Polaris/Atlassian 组件实践和交互可访问性原则整理。

Agent 指令

每个表单只保留一个 primary;危险操作远离主流程并使用语义文案,次要操作降为 outline 或 text。

适用场景

  • 发布、下架、删除、保存、提交审核。
  • 同一页有多个可执行命令。

避免做法

  • 删除和保存同样显眼。
  • 链接按钮和主按钮没有区别。

知识元数据

分类
Interaction Responsive Motion
质量分
82%
版本
v1
发布
2026/6/6