恭喜你成为UI中国推荐设计师（详情）

查看全部热门榜单

全部

常用搜索：作品集 AE ui设计 aigc icon logo app

您的意见是我们 UI 中国进步的动力！

点击立即反馈按钮，发表您的意见！

立即反馈

QQ群反馈

您也可以加入UI中国官方反馈群进行反馈！

群号：302892100

备注：反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作，请填写需求表单，我们会在第一时间与您联系！

0/20

0/200

设计大赛

设计大赛
发布广告
发布招聘
其它需求

取消发送需求

提交完成
感谢您对UI中国的支持和信赖！

我知道了

普通推荐

交互设计规范之单选复选

0.0°

2021-09-26 原创文章 规范/资料 举报 2747 3 2 0

MG设计体验中心关注

单选复选

Radio & Checkbox

一.定义

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

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

二.用途

用于对一组信息的选择

三.类型

基础类、扩展类

1.基础类

1.1 单选

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

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

交互说明：

1）选项在当前页面，用户点选一项后视为成功选择，选择完成无页面跳转；选中另一项后，当前选中项取消；点击热区为整个列表项。

2）单选框，不能通过再次点击取消选择，只能通过点击其他选项取消当前选择；

3）场景：右侧如需放置其他元素时，建议使用文字在右的方案，否则使用文字在左的方案。

1.2 多选

点击热区为整个列表项

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

2.扩展类

更新：2021-09-26

3人已收藏

MG设计体验中心

求新、求异、求变、求不同。

40

作品
483

粉丝
3

关注

猜你喜欢

2021-09-26 原创文章 规范/资料 举报 2747 3 2 0

交互设计规范之单选复选

0.0°

添加收藏！

您还可以进行分类收藏

您确认要推荐？

该作品发布时间：2021年09月17日

评分

完整度

启发性

勤奋性

排版布局

提交需求

单选复选

Radio & Checkbox

一.定义

二.用途

三.类型

猜你喜欢

举报理由:

您确认要推荐？

评分

推荐心得