按钮 UI 设计模式

一屏之内按钮的视觉权重必须分层：实心主按钮每屏只出现一次，其余一律降级。

圆角拉满到 999px 的按钮，圆润友好，是消费级产品的默认选择。

渐变实心按钮外再包一圈同色系的模糊光晕，像按钮在微微发光。

一道斜向的白色光带从按钮左端扫到右端，像抛光金属表面的反光划过。

鼠标靠近时按钮像被磁铁吸住一样朝光标偏移，离开后弹性回位。

点击后按钮原地切换为转圈加载，完成后变绿色对勾——三态闭环的提交反馈。

只有图标没有文字的方形按钮，省空间但必须配 tooltip 说明含义。

多个按钮连成一条、共享外框，用内部 1px 分隔线代替各自描边。

点击后按钮原地变绿、图标换成对勾，1.5 秒后还原——复制成功不言自明。

手指点在哪，一圈水波就从哪扩散开——Material Design 的标志性触觉反馈。

悬停时颜色从左到右把按钮"灌满"，描边按钮一秒变实心。

左边是默认主操作、右边一枚下拉箭头展开更多同类选项，二合一省一次点击。