组件设计解析—复选框（checkbox）📎附 figma源文件

复选框是UI kit中常见的组件，往往用在有多个选项需要选择，筛选的时候，其实互联网的产品，尤其是B端产品，跳不过 “增”、“删”、“改”、“查” 四大功能。

接下来的一段时间，我会把UI设计中最基础，但是也重要的组件系列进行详细地分析。

在我看来，产品就是空间、时间和信息这三个维度，

空间在实体产品中可以丈量，在虚拟产品中可以表现为功能的布局，每一块都是一个空间，空间的大小决定了功能的重要程度；

时间可以理解为此时此刻的产品状态，开启或关闭或过程中；

信息则是传达出的内容，包括视觉，嗅觉，听觉，等；

所以当用户点击一个按钮的时候，实际上是用户在一个有限的空间内，通过产品和人之间信息的传递改变了当前产品的状态。

此外，我还在figma中做了高保真交互，如下：大家需要的自取

大家可以复制下方链接获取

https://www.figma.com/@yiqidesigner

ok，接下来是正式的讲解哦