大屏数据可视化
从工作台中的图表探索，延展到更复杂的大屏场景
项目背景
过往的项目中，安心筑曾先后服务过广东省、市、区三级行政单位的建筑大屏的项目。本次项目希望将这三级的设计方案统合成一套视觉方案，减少设计债务，方便后续业务的进一步拓展。
对我来说，此次省、市、区三级可视化大屏的整合，主要包含两层设计任务：
- 在紧周期和多人协作下，完成三级方案的统一设计
- 将先前在 CMS 首页工作台中探索并定义的图表视觉语言，扩展到更大范围的场景中
问题定义
在这个项目里，设计挑战主要来源以下 4 个方面：
收敛历史上逐渐分化的视觉方案
让省、市、区三级页面保持统一气质
在多人协作下减少图表视觉的样式漂移
将新的图表视觉语言扩展到所有大屏
所以我关注的，不只是局部模块完成度，而是整套可视化语言能否稳定落地。
设计目标
此次项目主要围绕以下三个层面建立设计价值：
视觉层
让图表在大屏场景中具备更强的识别度与视觉表现力，形成统一的可视化气质
协作层
通过规则与组件沉淀，降低多人协作下的样式漂移和沟通成本，提升整体交付一致性
系统层
将图表和指标类模块从单次页面设计提升为可复用资产，使视觉语言能够跨项目延续
设计实践
从视觉探索到可扩展应用
定义新的图表视觉语言
这套项目中图表的「果冻效果」，来自我在 CMS 首页工作台视觉优化项目中的探索。当时老板认为原有图表样式过于扁平，视觉存在感不足，难以在首页形成足够突出的数据焦点，希望团队尝试一种更有张力、视觉效果更强烈的表达方向。
围绕这个目标，我负责了图表视觉方案的探索与打磨，尝试从体积感、光泽感、色彩层次与重点数据强调方式入手，最终形成了后来被持续沿用的果冻视觉效果。该方案经 Leader 确认并向上汇报后获得认可，随后被推行到后续项目中，逐渐成为团队可视化设计中的核心视觉语言之一。
视觉语言扩展
在这次省、市、区三级大屏整合中，所有涉及图表的页面，基本都延续使用了这套「果冻效果」视觉语言。这让整套大屏在观感上更统一性与视觉识别度。
将视觉风格转化为可复用组件能力
如果一套视觉风格只能停留在单个页面里，它的价值其实很有限。进入多人协作和多场景应用后，真正关键的是，它是否能被稳定复用。
因此，在负责部分模块设计之外，我也协助推动这套视觉语言的组件化沉淀，例如异形数据指标卡、响应式图表等组件样式。
设计成果
下面汇总了我负责的项目首页与质安监管模块的完整页面设计。
项目复盘
除了完成署名模块的具体设计，我在这个项目里的价值主要体现在四个方面：
延续视觉语言
将先前定义的图表风格扩展到本次三级大屏项目中
协助组件沉淀
把高频图表和指标模块沉淀为可复用设计资产
推动整体统一
帮助三级页面在更大范围内形成一致的视觉表达
支持多人协作
通过规则和复用降低样式偏差，提升团队推进效率
这个项目让我意识到，数据可视化设计的价值，不只在于单页是否足够吸引人，更在于是否能建立一套稳定、可延续的视觉表达方式。对我来说，最重要的成长有两点：
- 从图表优化走向视觉语言定义
- 从页面交付转向系统化落地