做图
vanillagreencom
2026-08-08
按专业交易软件的规范设计盯盘界面
交易界面是设计里的特种兵:红绿语义、毫秒级信息密度、面板布局都有讲究,一般设计规范完全不管。
做什么用
交易界面是设计里的特种兵:红绿语义、毫秒级信息密度、面板布局都有讲究,一般设计规范完全不管。成体系的交易 UI 资料极其罕见,做行情类产品时这块知识很难自己攒。
应用范围
用在「做图」这一格。只给规则不给 token:具体颜色和像素值要你自己的设计系统补,正文没有一行组件代码。深色是设计靶心,浅色只是把层级反过来。硬到「圆角一律为零、彩色只准两个」,跟通用仪表盘规范会打架。
如何使用
- 就按「按专业交易软件的规范设计盯盘界面」这一件来做,不要中途改风格。
- 把我手上这张按它的规矩重做,风格不许换。
- 只要成品,过程里的解释可以没有。
- 做完对照应用范围,越界的那一稿丢掉。
安装
git clone --depth 1 https://github.com/vanillagreencom/vstack.gitcp -r vstack/skills/trading-design ~/.claude/skills/trading-design