最近总想着，“憋”出一篇“大”文章，但是事实上越是想憋，越是憋不出个满意的，索性写写小的观察和总结。也许写的内容不周全，但是自己写的舒心和惬意
　　定义
　　我自己的定义中，就是“单选框”和“复选框”的统称；
　　操作行为，就是点击选中，和点击取消选中；
　　单选框在选择组中只能选择一个，复选框在选择组中能选多个
　　一般样式如图：
　　复选框和单选框
　　并且在不同浏览器下，显示的样式不太一样。但可以通过前端开发，使得它们在各个浏览器下保持一致的样式；
　　要注意的设计细节
　　一般来说，选择框前部的镂空图形，是暗示当前元素可以选择的。正是因为这个原因，操作选择框时，人会倾向于点击图形。但是由于图形本身所展示的区域较小，根据费茨定律，这是不利于人去完成点击的。所以在这个地方的理想效果是，暗示其实际的可点区域，或者至少增大其实际可点的区域。
　　下图就是选择框细节做到位的例子
　　qq邮箱列表头部的选择框，其实际的可操作区域，比看到的大
　　百度云文件夹列表中，给予了hover的反馈，暗示“整行”都可以点击
　　当然，图形后面紧挨着的那段文字，是可以点击的，这是个常识，我就不多说了。

写给网页设计师的网页设计简史编者按：互联网的诞生本就是一个奇迹，作为其中最重要的载体之一，网页就是这个大时代最重要的缩影，相关技术、设计伴随着信息共享催动着整个时代滚滚向前。这是一段简短的网页设计发展史，……【细节思考】hover的时间策略hover的延时策略hover是web交互里的一个重要交互动作，当鼠标指针悬停或者划过元素的上方时，会触发对应的反馈，或者展示隐藏的信息。但是在实际的设计过程中，h……设计师的必备技能！你需要学会设计有意义的动效在今年的GoogleIO大会上，我参加了一个小的讨论小组，一同探讨跨平台设计所面临的挑战。这次讨论的内容信息量非常大，就像第一次去拉斯维加斯的那种目不暇接的感觉。这次Googl……移动设备手势分析用户是怎样操作手机的？增哥导读：了解用户是怎么操作手机的对于手机厂商和APP的设计者来说至关重要，如果你不仔细的研究，不依靠真实的数据。那么你之前的研究很可能沦为想象的玩物，快来看看真实的情况是什么……GoogleAndroidWear设计规范学习心得写在正文前的几句话随着AppleWatch明年开始发售，可穿戴设备市场会逐渐火起来，这里的主因不是因为AppleWatch会像当年的iPhone4一样开启了智能手机时代，……UI设计新手？试一试这7条法则（Part2）法则4：学会在图片上呈现文字在图片上优雅地呈现文字并不容易，这里给出6种方法。如果你想要成为好的UI设计师，你必须学会在图片上美观地呈现文字。优秀的设计师在这方面做……首屏大图：最大限度利用设计当下网页设计最重大的一项趋势，就是大图片的使用。不只是大，这些巨幅图片看上去就像在屏幕上活过来一样。用在页面顶部时，就是我们常说的首屏大图。如何利用这一趋势？需要从哪些工……适合开发者的UI设计7条法则（上）本文编译自Medium，作者是一位UX（UserExperience，用户体验）设计师，他通过自己学习UI设计的过程，总结出7条实用的法则，为UI设计新手提供了宝贵的经验。文章……重新认识控件（三）【选择框】最近总想着，“憋”出一篇“大”文章，但是事实上越是想憋，越是憋不出个满意的，索性写写小的观察和总结。也许写的内容不周全，但是自己写的舒心和惬意定义我自己的定义中，就……重新认识控件（二）【Web传图控件】图片和文字，都是一种数据形式。我平时对文本框的录入，报错和提交的设计比较多。最近涉及到图片控件的设计，细细琢磨一下，这玩意还有一些平时没太注意的细节点，感觉对于其他控件的设计有……高保真原型应保真到什么程度？阿拓带你飞：最近设计师、产品经理谈到高保真原型，但是都没有一个标准来确定应保真到什么程度。首先应该定义什么是高保真，其次考虑不同的交付对象，产品本身不同时期，不同环境下的高保真……电子商务网站设计分析面包屑导航网站中的面包屑导航（BreadcrumbNavigation）导航是一种作为辅助和补充的导航方式，它能帮助用户明确当下所在的网站内位置，并快捷返回之前的路径。面包屑的由来……