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

输入模式与控件匹配

控件类型应匹配决策方式:开关用于二元,分段用于模式,菜单用于多选项,滑杆用于连续数值。

inputscontrolsforms

设计原则

错误控件会增加理解成本,并让用户不确定选择是否可逆。

原则 错误控件会增加理解成本,并让用户不确定选择是否可逆。

设计动作 根据输入语义选择 checkbox/toggle/select/tabs/segmented/slider;控件标签清楚表达当前值和影响。

正反例 正向示例:筛选器、设置、参数、发布可见性。 反向示例:二元选项使用下拉。

适用场景 筛选器、设置、参数、发布可见性。 用户需要快速调整选项。

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

Agent 指令

根据输入语义选择 checkbox/toggle/select/tabs/segmented/slider;控件标签清楚表达当前值和影响。

适用场景

  • 筛选器、设置、参数、发布可见性。
  • 用户需要快速调整选项。

避免做法

  • 二元选项使用下拉。
  • 多个互斥模式使用一排普通按钮。

知识元数据

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