（翻译）主次操作按钮的视觉重量

  当用户界面提示用户执行操作时，他们至少会看到两个按钮：一个按钮与用户任务紧密相关，另一个按钮属于次要操作按钮。为使这两个按钮区别明显，应给它们增加视觉重量。
  用户根据视觉重量比较按钮的优先级，视觉重量最强的按钮获得用户最多的关注。重要的是主要操作按钮获得最强的视觉重量，而次要操作按钮获得最弱的视觉重量。

取消按钮为主要操作按钮的时机

  主要操作按钮是指能完成用户任务的按钮，但如果用户将要执行的是不可逆操作，则取消按钮应该成为主要操作按钮。取消按钮应得到更多的视觉重量，它不需要用户立即点击，用户得仔细考虑任务后才会采取行动。
  给予不可逆操作按钮最强的视觉重量十分危险。这么做的话，用户会误将不可逆操作按钮当成安全操作按钮去点击。当涉及到删除永久数据时，重要的不是快速完成任务，而是选择正确的操作，这样用户就不会后悔自己的决定。

如何加强主要操作按钮的视觉重量

  给按钮添加饱和色能加强按钮的视觉重量。 按钮颜色越饱和，就越能吸引用户的注意力。 饱和的颜色看起来更明亮，有助于提高任务效率。
  给主要操作按钮添加饱和色，次要操作按钮添加非饱和色，这样能确保主次操作按钮不会相互竞争以吸引用户的注意[1]。
  参照下图，比较饱和色按钮和非饱和色按钮的不同：饱和色按钮看着更突出，非饱和色按钮带有灰色色调，看着没有那么突出。

次要操作按钮的外观

  次级操作按钮没有主要操作按钮那么重要，不需要太多用户注意力。相反，次级操作按钮应与界面背景色融为一体。
  下图示例中，对话框的次要操作按钮使用中性灰色作为按钮颜色，该颜色与对话框背景色融为一体，不会喧宾夺主。这也是次要操作按钮适合使用非饱和色的原因，非饱和色中的灰色色调能使按钮融入到背景中。

使用链接进行相反操作

  有些界面采用链接进行次要操作，这种方式会让用户感到疑惑，他们不习惯按钮旁边附带链接。用户通常会将点击链接和离开页面联系在一起，因此他们很容易想到点击链接会离开当前任务。
  不要使用链接进行次要操作，链接在形式上与按钮相反，最好将其作为主要操作的相反行为。下图的WordPress发布功能就是个很好的例子。
  在功能界面中，“Publish”是主要操作，“Save Draft”和“Preview”是次要操作，而public的相反操作是链接代表的“Move to Trash”.
  “Move to Trash”链接无论在颜色或是尺寸上都无法与“Publish”按钮相比，也无法与次要操作按钮相比，它就是个链接。链接在外观和功能上都与按钮相反。

禁用状态下的次要操作按钮

  次要操作按钮的启用状态和禁用状态之间区别很微妙，看着都是灰色的，但禁用状态的次要操作按钮其实是透明的。
  启用状态的次要操作按钮，其颜色与界面背景色融为一体。禁用状态的按钮透明得足以让按钮及名称依然可见。按钮的禁用状态表示在当前情境下按钮操作不可用。[2]


  给予主次操作按钮合适的视觉重量，便于用户操作。视觉重量不合适会让用户犯错。按钮位置和名称也是用户界面中需要考虑的重要事情。 精心配置按钮才能用得成功！

原文地址：https://uxmovement.com/buttons/visual-weight-of-primary-and-secondary-action-buttons/

[1]原文：You can use a saturated color for your primary and an unsaturated color for your secondary. This keeps the buttons from competing with each other for user attention.
[2]原文：An enabled secondary button’s color blends into the background. A disabled button fades just enough so that the button and label is still visible. Disabled buttons tell users that an action is not in this context.

参考文章：
https://www.zcool.com.cn/article/ZOTQzMzU2.html
https://www.jianshu.com/p/2303e6c54182