shadcn(shadcn/ui 的作者)发了条设计论证,值得所有做工具的人看:为什么标签放顶部?因为竖着的那排是导航,横着的这排是工作集。
他的分法很干净。竖向=组织、层级、一棵树、历史——它是"你曾经在哪",不需要永远占着屏幕;横向=正在跑的线程——活着的东西才该一直可见,配上图标、颜色、状态,一眼看清谁在跑、谁跑完了、谁在等你输入。
落到 ChatGPT、Claude Code 这类应用上,还有笔经济账:横向空间是稀缺资源,标签放到顶,就能把侧栏收起来,把右侧的大面板留给预览、浏览器和代码视图——最贵的屏幕,给最贵的内容。
这条论证真正值钱的地方,是它把界面按"信息的生命周期"切了一刀:历史可以折叠,进行时必须可见。这与本周几条暗线其实是同一个判断的三种形态——图工程讲把结构画出来、对账线讲把数字留在眼前、这条讲把活着的线程钉在顶栏:凡是"此刻需要盯着的",就别让它藏起来;凡是"曾经发生过的",就别让它占着地方。
信息的价值随时间衰减,界面的注意力配额也该跟着衰减——好的布局不是塞得下多少,是让该看见的不用找。
顺带一提,"右侧面板越来越大"这个趋势本身也在说话:预览、浏览器、代码视图挤占中央,说明工具的重心从"输入"移向了"产出确认"——你写提示词的地方在变小,你看结果的地方在变大。这和"黑箱时代判断力是唯一输入"对上了:人的活儿越来越少是打字,越来越多是看一眼、点一下、说行还是不行。
留一格清楚的边界:这是个人观点不是设计规范,侧栏、顶栏各有适用场景——信息层级浅、切换频繁的应用,竖导航照样是对的;shadcn 谈的是 agent 类长会话工作台这类特例。别拿一条经验去套所有产品。
给正在设计或改造工具的人一句落地的:把你界面里的每一项标上"历史"还是"进行时"——标完你会发现有一多半可以收进竖排,剩下的横排才是你真正的驾驶舱。屏幕和注意力一样,都该留给正在发生的那件事。













