App设计体系之单选/复选

单选/复选的基础样式

1、表现形式

根据产品特性定制合适的选择控件，有两种表现样式：标签式选项和列表式选项。

1.1 标签式选项

标签式选项适合简短的选项内容，样式类似于一个小按钮，有3种样式：背景色+文字、边框+文字、纯文字，通过颜色来区分状态。

选项内容要显示完全，内容不能过多而导致出现省略号和折行。

1.2 列表式选项

列表式选项适合较为丰富的选项内容

2、实际应用

不管列表中有多少内容，控件的样式需要保持统一，包括颜色、大小、状态以及位置(复选框都在右侧)。

单选和多选该如何保持一致，以携程为例。

左侧的单选复选样式和位置相对比较一致，中间的选择框的位置不在同一边会增加用户的认知成本，而右侧的方框高亮和复选框样式不一致。