恭喜你成为UI中国推荐设计师 (详情)

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反??!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

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

0/20
0/200

设计大赛

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

提交完成
感谢您对UI中国的支持和信赖!
交互设计规范之单选复选
0.8°
原创文章 / 规范/资料 / / 举报
160 1 0 0

2021-09-17

单选复选

Radio & Checkbox


一.定义


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

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


二.用途

用于对一组信息的选择


三.类型

基础类、扩展类

1.基础类

1.1 单选

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

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

1.2 多选

点击热区为整个列表项

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


2.扩展类


交互说明:

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

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

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

Powered by Froala Editor

创建于:2021-09-17
收藏

1人已收藏

西溪设计天团

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

  • 42

    作品

  • 383

    粉丝

  • 3

    关注

  • 交互设计规范之气泡
  • 交互设计规范之底部抽屉
  • 交互设计规范之Toast
  • 交互设计规范之弹窗

    猜你喜欢

      西溪设计天团

      西溪设计天团

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

      小有见解一鸣惊人原创达人
      • 383

        粉丝

      • 9

        人气

      • 925

        颜值

      作品

        交互设计规范之单选复选

        你确定要举报交互设计规范之单选复选?

        如果查出恶意举报,十天内禁止提交任何举报申请。

        0/200

        上传证据: 超过10M的附件请使用网盘地址

        点击上传附件

        对谁可见:

        全部设计师
        • 全部设计师
        • 推荐设计师和认证设计师

        您确认要推荐?

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

        评分

        完整度

        启发性

        勤奋性

        排版布局

        推荐心得

        建议20-200字以内

        0/200

        全网福利资源合集搜索处解压码