交互设计规范之单选复选

[Levin_Zz]

一.定义

 

单选：单选标记用来表示单元格已被选中，通常在 2 个或 2 个以上的选项中进行单个选择时用到

复选：多选项中有选中态、未选中态、禁用态。一般可选信息放置在左侧（图片、视频等以宫格形式表现的选择页面除外）

 

二.用途

用于对一组信息的选择

 

三.类型

基础类、扩展类

1.基础类

1.1 单选

在同一个列表中只能选择一个选项，点击热区为整个列表项。

使用场景：当存在两个或两个以上相互排斥的选项，且只能选择其中一个时，就使用单选控件；

1.2 多选

点击热区为整个列表项

使用场景：操作区域中当可以选择任意数量的选项时，用复选框。

 

2.扩展类

交互说明：

1）点击视为选中，再次点击选项视为取消选择；

2）在网格视图上进行选择时，支持横向滑动来进行批量选择或取消选择；

3）场景：通常用于上传图片、批量选中等宫格形式的多选。

[cl3116988]

很不错