数字可视化 / UI 作品 Data Visualization · UI/UX · B-end SaaS
一组聚焦数字可视化与 B 端界面的作品:从智慧城市交通、园区能效到城市交通监测的数据大屏,到知识图谱可视化平台等 B 端界面体系,再到云计算厂商的网页与动态首页——深浅两套基调,统一在一套可视化与界面方法之下。
概览 · Overview
这是一组聚焦数字可视化与 B 端界面的作品,类型比较综合:既有面向大屏的深色数据可视化——智慧城市交通、园区能效、城市交通监测,用地图、3D 场景与图表组织高密度数据;也有面向 B 端的浅色平台界面——知识图谱可视化平台从首页、数据入库、平台管理到推理可视化的完整体系;还有云计算厂商的官网与动态首页。我负责其中的可视化视觉、数据界面表达、页面布局、组件与关键模块设计。
设计重点 · Focus
让高密度数据一眼可读
无论是深色大屏还是浅色 B 端平台,处理重点都是用配色、层级与动线把高密度数据收敛为清晰、可读的界面,并以一致的规范让多类页面保持同一套语言。
深色大屏以地图、3D 场景与图表组织数据,用统一配色与层级让关键指标一眼可读,覆盖交通监测、园区能效等场景。
知识图谱等平台从首页、数据入库到推理可视化,配套色彩、字体、图标与栅格规范,形成完整界面体系。
云计算厂商的官网与动态首页,深浅两套基调、响应式布局与动效,承接品牌与产品表达。
关键判断
数字可视化的重点不是把图表堆满屏,而是用配色、层级与动线让高密度数据一眼可读;B 端平台与网页则用一致的规范,把不同类型的页面收敛为同一套语言。
数据可视化大屏 · Data Visualization
深色大屏与动态界面
面向监控与指挥场景的深色数据大屏:以地图、3D 场景承载空间数据,用图表与统计模块呈现实时指标,配色克制、层级分明,让值守者一眼读到关键状态。其中也包含面向品牌的动态首页。
可视化平台与网页 · Platforms & Web
完整的平台与页面呈现
面向 B 端的浅色可视化平台与企业网页:从平台的首页、数据管理、监控到推理可视化,到云计算厂商官网的深色主题与响应式布局,每一类都以统一的栅格与组件落到完整页面。点击可查看整页 / 整板。
项目沉淀 · Takeaways
可复用的可视化与界面方法
这一组作品沉淀为一套可复用的数据可视化与界面方法——大屏的配色与信息层级、图表与图标组件、B 端平台与网页规范,可在新的业务场景中延续。涉及的作品:
- 智慧城市交通数据大屏(数据中心分析平台)
- 城市智慧交通监测云平台大屏
- 园区能效 3D 数据大屏
- 知识图谱可视化平台(B 端界面体系)
- UMCloud 优云数智官网(深色主题 · 响应式)
- UCloud 云汉解决方案页面
- 监测云动态首页
- 可视化配色、图表与图标规范
方法复用:这套数据可视化与界面方法可复用于其它大屏与 B 端平台:配色层级、图表组件与栅格规范可在新的业务场景中延续。
方法资产大屏配色与信息层级、图表与图标组件、B 端平台与网页规范,可复用于智慧城市、能效、云计算等数据密集型产品。