在UI界面中，如何正确的设计体验良好的的按钮？

按钮是UI界面中关键设计组件，在UI界面中，如何正确的设计体验良好的的按钮？我们最近对公司的设计系统中的一些按钮样式进行大改版，我和开发团队会不断地反复讨论，比如“这是正确的用例吗？” “这应该是什么颜色？” 

经过大量研究，需要考虑影响按钮设计的
5 个关键因素：
1、按钮的类型；
2、它执行的操作，以及这是主要的还是次要的；
3、是否与附近的其他行动有关；
4、那个地点;
5、交互状态；

6 种核心按钮类型：
1、文本
2、概述
3、图标
4、切换
5、浮动操作按钮 (FAB)
有更多，不太常用的样式，具体取决于您的外观，但这些是您真正需要掌握的样式。

按钮等级制度
按钮的样式将直接受其在界面中的层次结构影响。我们需要考虑三个级别的重点：高、中和低（将这些视为金字塔，您最重要的行动位于最顶部）。

高强调按钮将引起其他人的最大关注，而低强调按钮将被视为非必要或补充。您界面中的所有操作都应归属于这些级别中的至少一个。如果您不确定您的操作在此层次结构中的位置，我建议您创建一个重点表来找出答案。

按钮的状态
按钮状态是我们用来传达用户在交互中的哪个阶段。有6个你需要注意：
1、已启用：用户可以与之交互的按钮。
2、已禁用：用户无法与之交互的按钮。
3、悬停：用户将光标放在按钮上。
4、重点突出：用户使用键盘或语音输入突出显示了按钮。
5、Pressed：用户点击或点击了按钮。

最后，设计状态 在不同按钮之间保持状态一致的一个好方法是使用覆盖，这是一个半透明的覆盖物，放置在您的启用状态上。一个很好的指导方法是将覆盖层的颜色与按钮的文本颜色相匹配。 对于禁用状态，Material Design 推荐启用状态的38% 不透明度版本，同时我们可以高度参考一些知名的，比如Ant design蚂蚁设计，等一些设计系统库。