发现设计细节，原来单选和多选也有这么多讲究 个人信托的特点是多选还是多选

本期文章主要研究单选和多选控件的设计细节，虽然是很常见的控件设计，但是也是有非常多需要注意的地方。能提炼总结常见事物的一般规律，这本身就是一件值得大家都去做的一件事。

无论是从个性化内容还是用户体验上来讲，控件元素都会在我们的产品设计中扮演重要角色。为特定的内容选择正确的控件可能要比你想象的要难，控件的高度，宽度，样式设计和选项数量都是至关重要的因素。

为了帮助分解问题，这里给大家列了一个决策树。

一个分段tab通常会由2-6个单选项，它最适合用于图标、数字或短词的导航形式，并被设计成一个水平的容器，容纳等距离的单选内容。

图标、短词、价格

优点：将所有选项都摆在一行，对垂直空间的利用率能达到最佳，设计样式也可以做到非常直观，漂亮。

缺点：它不大适合用在长词，短语或价格上，如果你确实希望将这些内容放在选项中，就必须尝试精简文本。水平空间非常有限，即使是只有少量的选项，有时候你仍然需要决定如何截断文本。

（译者注：为什么对于底部导航栏的分栏数是2-6个最合适，根据iOS规范中说的，太多的选项卡增加了应用的复杂性，使得信息定位变得困难。选项太少也可能会带来一个问题是界面间的信息流断开，不便于快速触达。

请见iOS规范https://developer.apple.com/design/human-interface-guidelines/ios/bars/tab-bars/ 。另外，还有说法是按钮的大小能决定点击时的舒适度，数量也会影响用户的记忆和学习成本。请见知乎https://www.zhihu.com/question/31103224 ）

最初的单选按钮被用于列表中超过6个选项时，被设计成垂直方向，圆形轮廓，并摆在列表项的开头。后来iOS通过在列表末尾加上一个对勾选中，而创造一个新的经典案例。现在最新的一些设计中，选中被设计成在列表选项外加一个描边框形式，用以节省水平空间。

Android & Web vs iOS vs 描边框模式

优点：列表单选为内容提供了