很多人说 Claude 用着舒服，可要说哪儿舒服，又说不上来。有人让 Claude 用逆向工具 REA 把 Claude 自己的桌面端拆开，整理成了 open-claude-ui 这个仓库。这期顺着它，把 Claude 在质感上下的功夫一处处讲清楚，每处都讲常见做法、Claude 怎么做、好在哪。
1 底色：四层底色，浅色模式最深和最白只差 6 个亮度，层次交给亮度差，边框就能省掉；陶土橙用得很省，所以醒目
2 线：发丝线在 2 倍屏是 0.5 像素、3 倍屏 1/3、4 倍屏 1/4，永远只占一个发光点；滚动区边缘用 7 个色标平滑淡出
3 字：深色模式整套字重调细一档，400 变 360、500 变 460；不许浏览器自己描粗；会跳的数字用等宽
4 动效：时长只定五档（60、120、200、300、450 毫秒）；查找条的按钮按高度算，四边各陷 1 像素；等待的三个点只变亮暗不乱跳；系统开了减少动态效果就全停
5 打开窗口：先上底色不白闪，再照上次侧边栏的样子画出占位，真内容落在原位
下次你觉得一个 App 用着舒服，可以凑近看看，它在哪些小地方替你想过。
视频配音为 AI 合成（Qwen-TTS），画面里的界面为示意重绘。
配乐钢琴：Piano: Salamander Grand Piano by Alexander Holm, CC BY 3.0
