主页 > 网站运维 > 重新认识控件（三）【选择框】

重新认识控件（三）【选择框】

时间:2023-01-19 | 标签: | 作者:Q8 | 来源:网络

小提示：您能找到这篇{重新认识控件（三）【选择框】}绝对不是偶然，我们能帮您找到潜在客户，解决您的困扰。如果您对本页介绍的重新认识控件（三）【选择框】内容感兴趣，有相关需求意向欢迎拨打我们的服务热线，或留言咨询，我们将第一时间联系您！

最近总想着，“憋”出一篇“大”文章，但是事实上越是想憋，越是憋不出个满意的，索性写写小的观察和总结。也许写的内容不周全，但是自己写的舒心和惬意

定义

我自己的定义中，就是“单选框”和“复选框”的统称；

操作行为，就是点击选中，和点击取消选中；

单选框在选择组中只能选择一个，复选框在选择组中能选多个



一般样式如图：

复选框和单选框

并且在不同浏览器下，显示的样式不太一样。但可以通过前端开发，使得它们在各个浏览器下保持一致的样式；

调研的方式

要注意的设计细节

一般来说，选择框前部的镂空图形，是暗示当前元素可以选择的。正是因为这个原因，操作选择框时，人会倾向于点击图形。但是由于图形本身所展示的区域较小，根据费茨定律，这是不利于人去完成点击的。所以在这个地方的理想效果是，暗示其实际的可点区域，或者至少增大其实际可点的区域。

下图就是选择框细节做到位的例子


qq 邮箱列表头部的选择框，其实际的可操作区域，比看到的大

百度云文件夹列表中，给予了 hover 的反馈，暗示“整行”都可以点击



当然，图形后面紧挨着的那段文字，网络营销环境包括哪些是可以点击的，这是个常识，我就不多说了。

上篇：

作者：@德川亮；via：

重新认识控件（三）【选择框】

上一篇：重新认识控件（二）【Web传图控件】
下一篇：首屏大图:最大限度利用设计


版权声明：以上主题为“重新认识控件（三）【选择框】"的内容可能是本站网友自行发布，或者来至于网络。如有侵权欢迎联系我们客服QQ处理，谢谢。
相关内容
推荐内容
小编精选
扫码咨询
    重新认识控件（三）【选择框】
    打开微信扫码或长按识别二维码

小提示：您应该对本页介绍的“重新认识控件（三）【选择框】”相关内容感兴趣，若您有相关需求欢迎拨打我们的服务热线或留言咨询，我们尽快与您联系沟通重新认识控件（三）【选择框】的相关事宜。

关键词：交互设计, 控件, 选择框

关于 | 业务 | 案例 | 免责 | 隐私
客服邮箱：545321@QQ.com
电话：400-021-1330 | 客服QQ：545321
沪ICP备12034177号 | 沪公网安备31010702002418号