（翻译）切换按钮令人混乱的原因

  并非所有的按钮都执行操作，有时它们仅被用来改变应用程序的状态，这种按钮称为切换按钮。切换按钮在单个控件中提供两个或更多状态选项，支持用户立刻更改状态。如果不能正确设计切换按钮，会出现难以识别当前状态的问题。

反色 VS 直接色

  切换按钮面临的挑战是显著标识当前状态。视觉提示不清楚的话，用户很难识别切换按钮的当前状态，这会导致用户选择错误的选项，触发意外的状态。
  切换按钮使用反色标识当前状态会令用户混乱。切换按钮使用反色很常见，但不是最优配色方案。用户搞不清楚深色按钮标识活动状态。很多用户将浅色按钮误认为当前状态，因为它看着也像“启用”。

  使用反色的问题是它让两种按钮显著不同，用户很难从中看出哪个按钮被强调为当前状态。切换按钮应采用相似的样式，让用户能通过比较按钮样式找出活动按钮，并视活动按钮为当前状态。如果没有比较的基线，用户就不确定视觉提示是什么。
  与其使用反色，不如用直接色将切换按钮设置为浅色背景+深色文本，这样就能赋予当前状态更多视觉提示。采用单一色、浅色阴影、加粗文本和暗色边框来标识当前状态，同时为进一步提高对比度，采用中性色、浅色文本和浅色边框标识未选中状态。
  相比于反色，使用直接色可以赋予当前状态四种视觉提示。用户选中的状态按钮样式变化较大，而未选中的按钮变化很小。通过一对一比较，用户很容易看出按钮的视觉权重。

让状态切换更直观

  直观的切换按钮，其设计要点是采用直接色，后者更便于用户识别当前状态，减少混乱。视觉提示不清楚，用户就会出错。切换按钮应采用更直观的样式，让状态切换清楚无误。

原文地址：https://uxmovement.com/buttons/why-toggle-buttons-are-confusing/