（翻译）按钮上的渐变效果使用方式

  用户界面中通常采用渐变效果，让人感觉很自然。渐变效果模拟单一光源从上照亮，如太阳一般，使物体看着外观更深[1]。用户认为浅色区域离光源较近，而深色区域的区域离光源较远。渐变效果适用于给用户展示哪些按钮被激活以及哪些按钮未被激活。

• 用户认为颜色为上浅下深的按钮是凸形的（按起状态）[2]；
• 用户认为颜色为上深下浅的按钮是凹形的（按下状态）[3]。

  处于自然状态的按钮看起来是凸的，因此凸形表明按钮处于非激活状态或未被按下。当用户点击按钮时，按钮看起来是凹形的，因此凹形表明按钮处于激活状态或已被按下。渐变效果中的光照方向标识出按钮的使用状态。确保正确使用渐变效果，以便用户知道哪些按钮正在使用。

原文地址：https://uxmovement.com/buttons/how-to-use-gradients-on-buttons/

[1]原文：They act as a single light source lit from above mimicking the sun. This effect gives objects depth in appearance.
[2]原文：Users see buttons that are light at the top and dark at the bottom as convex (pushed out)
[3]原文：Users see buttons that are dark at the top and light at the bottom as concave (pushed in)