本文章主研究单选多选控件的设计细节，虽然是很见的控件设计，但是也是有非常需要注意的地方。能提炼总结常见物的一般规律，身就是一件值得大家去做的情。
无论是从个性容还是户体验上来讲，控件元素都会在我们的产设计中扮演重要的角色。为特定的容择正确的控件可你想象的要难，控件的、宽、样式设计和项数量都是至重要的因素。
了帮分解问题，这里给家列了一决策树。
个分段 tab 常会由2-6个单选项，它最适合用于图标、数或短词导航形，并被设计成个平容，容纳等距离单选内容。
△ 图标、短词、价格
优点：将所有选项都摆在一行，对垂直空间的利用率能达最佳，计式也可以做非常直观，漂亮。
缺点：它不大适合用在长词，短语或价上，果你确希望将内容放在选项中，就必须尝试精简文。水平空间非常有，即使是只有少量的选项，有时你仍需要决定何截断文。
译者注：为什么对底部导航栏的分栏数是2-6个最合适，根据 iOS规范中说的，太的选项卡增加应用的复，使得信息定位变得困难。选项太少也能带来一个问题是界面间的信息流断开，不便快速触达。详见→ iOS规范。
另外，还有一种说法是按钮的大小决定点击时的舒适，数量会影响户的记忆和习成本。详见→《为么流APP的Tab导航是4到5个标签？》
最初单选按钮被用于列表过6个选项时，被设计成垂，圆形轮廓，并摆在列表项开头。后来 iOS 过在列表末尾加上个勾选，而创造个新经典案例。现在最新些设计，选被设计成在列表选项加个描边框形，用以节省平空。
△ Android & Web vs iOS vs 描边框模
优点：列表选为内容提供了更多的空间。它易于阅读，可以容纳多文字，文本可以换行，还可以增加图片。
缺点：他们往往很占用空间，不适合用在垂直高度受的页面中。
一个有趣的事实是，单按钮是受旧收音机上的按键设计的启发而设计来的，一个按钮被按，就会弹他按钮。
标签选择常用于要从3-6个选项进多选择情况，它们最适合用到两个简短单词或数。它们设计形般是类似于个小按钮，过背景色来区分「开」和「关」。
尽管歌计规范建议最好在选中的标签前加上一个勾选标记，但觉得有颜色作为已经够了，这还能节水空间。
译者注：大家可以歌官方的规范，对于标签计列举了大量实用则。
△ 短词标签 vs 带省略号多词标签 vs 折标签
优点：节空间，标签堆砌在一起的体式是由文本长度决定的。它给人的印象是轻量的，有趣的。
缺点：种形式与 tab选项形式有一样的弊端，不能很的处理长词。不建议对文进行折行或者整大小，因为不便用户阅读，使用两行以上的标签使得每个标签非常难以快速扫描。
列表复选框般应用于6个以上选项进多选情况，设计样常是在列表开头处设计个正形描边框。
△ 列表复选框
优缺点：选框有一的优势和弊端。
容易陷入定组件的计中，所以发现最好是从整体上开始思考。然后做出最佳决定，决定使用哪种选择计最有利于一致性、差异性和层次。
选项背景 tab控件标签控件之间的区别。一连续的背景帮用户理解他们必须选择一，一分离的背景表明他们可以选择多。
△ 统一的风格不统一的风格
Tab控件和标签控件设计应该在视觉上彼此相似，并做到与文本框和按钮不，以不视觉样帮助到不交互层结构。
△ 不样风格和相样风格
有这么多单按钮形式可择，我发现最好是将单和复放在一起才于较。iOS端的列表单勾和描边亮都是很漂亮的设计，但是与多框放一起，就会显得够统一。
译者注：最左侧的单复样式和位置相对较一致，中间的上都有对勾会人产生疑惑，而最右侧的方框亮和左侧复框设计差异太大。
△ Android & Web vs iOS vs Alternate Pattern
最后说一点，但并非是最重要的，就是图片的位置。择控件一般位于列表项的开头位置，但是，当列表项中有图片时，就有人开始纠结应该是放前面好还是放后面好。
这里，我选择将控件保留置，因控件必须存的，图片可选或者可添加的。（译者注：如果一设规范中，选项控件都左侧，那也应该尽让其他控件也保持左侧，保证一致性。）
△ Image in the End vs Start Position
还一种很好用的选择控件滚筒。当许多短词并且垂直控件限时，就可以使用它。建议只其中置文本，它的使用求比较高， Android iOS 中都很复杂。
原文链接：《A guide to designing and using selection controls》 Linzi Berry
欢迎关注译者微信公众号：「云译设计」
浙公网安备33011002017549号