组件设计解析—按钮1（button）📎figma源文件

按钮是设计中最简单，也是最需要思考的地方。

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

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

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

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

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

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

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

您可以复制下方链接进行查看和使用figma源文件

起源

定义

解构

状态

样式

等级制度

特殊状态

尺寸

曲率