0020. UI 视觉语言定为严肃语义色板
日期: 2026-08-25
状态: 已接受
界面自 PyQt 重构为 Tauri + Ant Design 6(ADR-0014/0015)后,沿用了 antd 默认的圆润亮色风格(8px 圆角、活泼的 #1890ff 主色)。为匹配轨道设计工具的严肃技术气质,我们有意偏离 antd 默认视觉:
直角:全局
borderRadius全系列(base/LG/SM/XS/Outer)统一降到 2px。收敛语义色板:整个界面只用黑/白/灰/红/蓝/绿/橙七种色相——红=错误、绿=成功、橙=警告、蓝=主色/信息,中性色沿用 antd 灰阶。主色蓝从
#1890ff收敛为深蓝#0958d9。直接写死为主题 token 的新默认,不设用户配置项。
这是一处对 antd 默认风格的有意偏离。后续开发者看到直角与收敛主色时,不应将其"修复"回 antd 圆润默认——那不是 bug,是设计方向。
后续更新(2026-08-25):深定制做实
首版只动了圆角与主色两组 token,实际观感与 antd 默认几乎无差别——2px 与 6px 圆角不并排对比不可辨,#0958d9 本就是 antd 官方 hover 深蓝。"卡通圆润感"的真正来源是动画、阴影、控件密度与字体,本版补齐为四项系统化定制,仍全部走主题 token,不引入用户配置:
去动画:
motion: false,按钮、弹窗、下拉的全部过渡缓动停用。平面化:
wireframe: true,组件去渐变、阴影改边框式;浮层仅保留一层浅投影(boxShadow/boxShadowSecondary)。高密度:控件高度 32/24/40 收紧到 26/22/30,对齐桌面工具量级。
系统字体:Segoe UI + 雅黑(
fontFamilytoken 与index.html同步)。