跳到主要内容

~/posts · 2026.10.30

换了好几轮颜色,界面还是那个味道

大卡片、低对比和拼出来的组件让我返工,最后得重新看布局、密度和组件体系。

1 分钟 devshan

最近重做界面,有几版看完我还是不想用。

菜单又高又宽,任务行占了一大块,里面只有文件名和一小段状态。左边四个入口铺开,右边的内容却挤在一起。换过浅紫、灰绿和偏黄的配色,这些比例问题还在。

我先停下产品里的修改,拿同样的文件、传输、发送和设置场景做了六套样板。试了 Linear 的菜单和弹窗、iOS 的分组、Fluent 导航、Ant 的文件集合,以及几种卡片布局。

第一批做出来又很像换皮。后来我把间距、组件形态和操作方式也拉开了:桌面留紧凑侧栏,手机试悬浮导航,发送页按一列记录往下滚。

对照以后,喜欢的部分反而分散在几套里。我开始把它们放进更接近实际的页面:十几条任务、很长的文件名、窄窗口、大字号。工具栏空着时挺好看,放进真正要用的按钮就遮盖了;一个任务时宽敞,排满以后又显得浪费。

色彩也要跟着内容分工。图标、文字、选中态和主操作全用淡底加灰字,整页就像蒙了一层东西。

这轮样板最后留下了几组可用的比例和交互。接下来把它们做成公共组件,再逐个接回页面。