交互设计规范之单选复选

Levin_Zz 黑铁 2021-09-18 10:37:03
加精

一.定义

 

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

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

 

二.用途

用于对一组信息的选择

 

三.类型

基础类、扩展类

1.基础类

1.1 单选

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

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

1.2 多选

点击热区为整个列表项

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

 

2.扩展类

交互说明:

1)点击视为选中,再次点击选项视为取消选择;

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

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

...全文
2909 4 收藏 回复
写回复
回复
切换为时间正序
请发表友善的回复…
发表回复

还没有回复,快来抢沙发~

相关推荐
发帖
UI设计狮聚集地
创建于2021-07-06

1057

社区成员

避风港湾
帖子事件
创建了帖子
2021-09-18 10:37
社区公告

发布内容10积分,数据好可以找我置顶,加精