A calmer interface for a product in motion
核心观点： 软件很少一次性变差，通常是一个有用的功能接一个功能地扭曲。好的软件关键是仔细修剪产品的边缘，回归对用户有用和直观的部分。
关键亮点
1. 设计挑战
- 自 2024 年 major redesign 以来，Linear evolves considerably
- 增长创造了让界面更一致的机会
- 例如 header bar 的布局、分享页面、复制链接、开 PR 的位置不再可预测
2. 设计原则
原则一：不要竞争你没有赢得的注意力
- 在像 Linear 这样信息密集的产品中，不是每个元素都应该具有相同的视觉权重
- 用户任务的核心部分应该保持专注，而支持方向和导航的部分应该退居其次
- 导航 sidebar 调暗几个档次，让主要内容区域优先
- 标签栏更紧凑，只显示图标
原则二：结构应该被感知而不是被看到
- 边框和分隔符帮助澄清界面中元素之间的关系
- 这些分割线悄悄蔓延，有时没有明确原因
- 通过圆角和降低对比度，给用户页面结构而不杂乱
3. 使用的内部工具
- Dev Toolbar： 位于应用内部，可以轻松 toggle feature flags
- 集成颜色选择器： 用 Claude Code 在 Linear 的 dev toolbar 内构建
- Coding Agents： 两人团队在开始工作两个月内，用 coding agents 加速上手
4. Coding Agents 的实际应用
- 快速上手： Linear agent, Cursor, Codex, Claude Code 帮助回答实际问题
- 构建内部工具： 像颜色选择器这样的工具几个小时内构建完成
- 快速原型： 在两个方向之间选择时，可以快速探索两者
实用价值
这篇文章提供了关于：
- 如何使用 coding agents 进行实际产品开发
- 设计系统演进的最佳实践
- 如何在快速迭代和团队协调之间取得平衡