CleanShot 设置的糟糕重设计

# CleanShot被粗暴重构的设置界面 – Unsung 来源：https://unsung.aresluna.org/cleanshots-bulldozed-settings/ 在最近的一篇文章（https://blog.jim-nielsen.com/2026/bulldoze-ui/）中，Jim Nielsen使用了“界面粗暴重构”这个术语： > 我最近发现这种情况很常见。无数经过精心打磨、与真实用例紧密相关的微小设计细节，都在大规模重构中被彻底推翻。 我喜欢这个术语和描述，但没想到这么快就能用上它。不幸的是，在称赞CleanShot设置界面（https://unsung.aresluna.org/cleanshots-onboarding-via-settings/）仅数月后，5.0版本的更新就将其推翻成了更糟的设计。 让我先展示一下。以下截图中，版本4的设计紧随其版本5对应界面之后。 快速录制设置： 常规设置： 录制设置： 高级设置： 其他面板也遵循相同模式。（截图来自macOS Sequoia系统，但我在Tahoe系统中验证过，情况并无本质不同。） 我对此感到震惊——深色背景上的快速设置效果更糟（https://mastodon.online/@mwichary/117294848727908753），这加剧了我的感受——于是我向CleanShot支持团队分享了初步反应，并询问如何降级到版本4（幸运的是仍可操作）。支持团队成员表示他们其实也喜欢之前的设置，但解释说推出新设计是为了与操作系统保持一致，看起来更现代。 我随后发送了更详细的回复（内容如下）。希望这对未来面临类似情况的人有所帮助，或能提供一些具体观察视角——对我而言，这让我能够清晰表达自2022年macOS Ventura系统设置重新设计以来一直萦绕在脑海的感受： --- 你好， 我认为你不必追随操作系统的决策，即使其设计师正在做出错误选择——作为设计师我们有责任*不*随波逐流——而且我们知道这些是错误的，至少从人们在macOS Ventura系统设置重新设计后的反应就能看出。 以下是我认为CleanShot 5设置界面从苹果那里继承的问题： - 双栏设置布局最初是为宽度仅320px的第一代iPhone设计的。macOS系统设置将其扩展至460px，而你们应用采用了550px。结果导致设置面板在视觉上形成“先左栏后右栏”的格式塔认知，而非“先第一个选项，再第二个选项……”的流程。由于标签与控件分离，这迫使视线频繁移动。阴影和分隔线虽有帮助，但只是权宜之计——同时降低了信息密度。在版本4中，视线可以更顺畅地沿着单一的中央脊线移动。 - 右对齐的第二列增加了视觉处理难度——不仅进一步割裂了标签与控件的联系，而且右对齐在从左至右的语言中更难处理。（在之前的布局中，虽然标签也右对齐，但它们仍靠近中央脊线。此外标签更简短，视觉上比Ventura风格的右对齐UI控件更简洁。）这还引发了相关问题，例如“选项...”按钮出现在“错误一侧”，或“选项...”和“选择...”按钮需要处于不一致的位置。 - 版本5中每个面板看起来都更加相似。这不像有益的统一性，反而让人更难识别当前位置。版本4具有优美的轮廓变化，整体协调的同时允许通过形状编码（https://unsung.aresluna.org/accidents-dropped-to-zero-overnight/）帮助定位。我们都是模式识别者，变化的形状能更深层次地进入大脑，使我们免于反复有意识处理环境（甚至阅读标签），从而避免效率降低。 - Ventura的设置设计实际上无法容纳单选按钮，且难以处理滑块，迫使每个多选一选项都使用弹出按钮。这进一步削弱了形状编码，且因无法一目了然而更不利于定位——例如想在壁纸设置中找到“纯色”选项时，它不再直接可见。事实上你可能永远不知道它的存在。CleanShot 4很明智地根据控件重要性选择何时使用单选按钮、何时使用弹出按钮。（子标签页和精简复选框的情况类似，它们在版本4中运用良好，但版本5中缺失了。） - 新布局的可用性也更低，因为你无法再点击开关旁的长标签进行切换（复选框时期可以实现）。弹出按钮也更窄。这意味着点击需要更精确，长此以往会累积负担。 - 之前的布局具有统一的“可操作/可点击元素为白色，其他为灰色”的直观感受。这是增强可扫描性和定位性的又一方式。新系统中，下拉菜单看起来像（未激活的）标签。 - 开关本身存在可见性和对比度问题。在我使用石墨色强调色的设置中可能尤为明显，但我相信这并非个例，因为我持续收到许多人反馈困惑于如何“解读”开关——其两种状态视觉上过于相似。（复选框的形状就没有这个问题。） 现在纠正为时未晚。这让我想起1970年代的城市规划（https://aresluna.org/in-the-footsteps-of-robert-moses/），当时我们被现代主义理念魅惑，将城市中心改造成千篇一律的混凝土建筑，环绕着高速公路。今天我们怀着羞愧与遗憾看待这段历史，意识到我们让原本充满活力的场所变得难以生存。 你们仍可保留现代风格的左侧导航栏——确实这设计已过时，因为如今屏幕更宽了——或许可将版本4的标签左对齐以增强格式塔整体性。这当然需要更多工作量，我对此深表同情；当操作系统放弃提供良好设计模式的责任时，实施起来确实困难。但你们之前拥有真正精妙的设计，经过精心雕琢与标注，既是新CleanShot用户的绝佳欢迎界面（https://unsung.aresluna.org/cleanshots-onboarding-via-settings/），而且——对这类应用而言比多数其他应用更重要——在重复使用中表现出色。 （我知道这份回复可能略显激烈，希望不会显得像浓缩的居高临下。部分原因是我要将其同步发布到我的博客，相信这可能对其他设计师有所助益。） 此致， Marcin