作品集 作品索引 数字可视化 / UI 作品

数字可视化 / UI 作品 Data Visualization · UI/UX · B-end SaaS

一组聚焦数字可视化与 B 端界面的作品:从智慧城市交通、园区能效到城市交通监测的数据大屏,到知识图谱可视化平台等 B 端界面体系,再到云计算厂商的网页与动态首页——深浅两套基调,统一在一套可视化与界面方法之下。

概览 · Overview

园区能效 3D 数据可视化大屏主视觉
项目类型 Type数字可视化 · 大屏 · B 端 UI/UX
项目职责 Role可视化视觉 · 数据界面 · 页面布局 · 组件与模块
范围 Scope数据大屏 / B 端平台 / 网页 / 动态界面
场景 Domains智慧城市 · 园区能效 · 云计算 · 知识图谱

这是一组聚焦数字可视化与 B 端界面的作品,类型比较综合:既有面向大屏的深色数据可视化——智慧城市交通、园区能效、城市交通监测,用地图、3D 场景与图表组织高密度数据;也有面向 B 端的浅色平台界面——知识图谱可视化平台从首页、数据入库、平台管理到推理可视化的完整体系;还有云计算厂商的官网与动态首页。我负责其中的可视化视觉、数据界面表达、页面布局、组件与关键模块设计。

设计重点 · Focus

让高密度数据一眼可读

无论是深色大屏还是浅色 B 端平台,处理重点都是用配色、层级与动线把高密度数据收敛为清晰、可读的界面,并以一致的规范让多类页面保持同一套语言。

数据可视化大屏 Data Screens

深色大屏以地图、3D 场景与图表组织数据,用统一配色与层级让关键指标一眼可读,覆盖交通监测、园区能效等场景。

B 端可视化平台 Platform

知识图谱等平台从首页、数据入库到推理可视化,配套色彩、字体、图标与栅格规范,形成完整界面体系。

网页与动态界面 Web & Motion

云计算厂商的官网与动态首页,深浅两套基调、响应式布局与动效,承接品牌与产品表达。

关键判断

数字可视化的重点不是把图表堆满屏,而是用配色、层级与动线让高密度数据一眼可读;B 端平台与网页则用一致的规范,把不同类型的页面收敛为同一套语言。

数据可视化大屏 · Data Visualization

深色大屏与动态界面

面向监控与指挥场景的深色数据大屏:以地图、3D 场景承载空间数据,用图表与统计模块呈现实时指标,配色克制、层级分明,让值守者一眼读到关键状态。其中也包含面向品牌的动态首页。

可视化平台与网页 · Platforms & Web

完整的平台与页面呈现

面向 B 端的浅色可视化平台与企业网页:从平台的首页、数据管理、监控到推理可视化,到云计算厂商官网的深色主题与响应式布局,每一类都以统一的栅格与组件落到完整页面。点击可查看整页 / 整板。

项目沉淀 · Takeaways

可复用的可视化与界面方法

这一组作品沉淀为一套可复用的数据可视化与界面方法——大屏的配色与信息层级、图表与图标组件、B 端平台与网页规范,可在新的业务场景中延续。涉及的作品:

  • 智慧城市交通数据大屏(数据中心分析平台)
  • 城市智慧交通监测云平台大屏
  • 园区能效 3D 数据大屏
  • 知识图谱可视化平台(B 端界面体系)
  • UMCloud 优云数智官网(深色主题 · 响应式)
  • UCloud 云汉解决方案页面
  • 监测云动态首页
  • 可视化配色、图表与图标规范

方法复用:这套数据可视化与界面方法可复用于其它大屏与 B 端平台:配色层级、图表组件与栅格规范可在新的业务场景中延续。

方法资产大屏配色与信息层级、图表与图标组件、B 端平台与网页规范,可复用于智慧城市、能效、云计算等数据密集型产品。