SIGNAL
CLIENTSignal Finance
YEAR2023
ROLEProduct Design · UI
SCOPEDashboard · Design system · Prototype
SIGNAL / PRODUCT DESIGN SYSTEM
Order beneath the data.
Signal 的核心是一套面向高频数据场景的设计系统。我们把界面拆成三层材质:底板、玻璃与黄铜;信息层级通过亮度与描边表达,减少颜色噪声;同时提供 120+ 组可复用组件与完整的可访问性标注。
设计与前端共用同一套 token:材质明度、描边粗细与状态亮度阶梯都被命名并版本化。组件先在真实数据密度下验证,再进入规范,因此看板在极端数据量下仍然保持可读与可扫视。
DELIVERABLES
- 数据看板与关键业务流程
- 120+ 组可复用组件
- 设计 token(材质 / 描边 / 亮度阶梯)
- 可访问性标注与交互原型
APPROACH
- 用材质而非饱和色分隔层级
- 亮度阶梯收敛到四档
- 组件在真实数据密度下验证
- 与前端共用一套 token 命名
NEXT PROJECT
ARTIFACT

