设计流程数据可视化产品的流程，跟其它的产品设计流程相似

设计流程数据可视化产品的流程，跟其它的产品设计流程相似。

一般可分为4步：需求确认—产品设计—视觉设计—调整开发及上线。

1. 需求确认首先确认三要素，用户、场景和需求，包括展示终端类型，PC端、移动端、大屏，比如大屏还需要确认屏类型、物理尺寸和视频输出分辨率等。
2. 产品设计产品设计部分包括：设计尺寸、布局、模块划分、数据内容、图表选择。这也是可视化设计效果的决定环节。
3. 视觉设计视觉设计部分包括：风格主题、颜色设计、视觉交互（特效、筛选、钻取、联动）、图表细节调整（标题、轴、图形、图例、标签、提示信息），一般会由专业的设计师来做，产品给出建议。
4. 调整开发及上线设计完成，到开发阶段。开发包括前端开发、后台开发、数据开发，调整包括颜色适配、数据是否满足有无异常值需要处理、真实数据用预想图形展示是否合适…….

需要注意的是：数据可视化是需要真实的数据来验证图形设计是否合适的，请大家一定要有心理预期且留足调整时间。

我们再来聊聊图表构成元素。

图表构成元素是门学问，本文以三张图为大家简单介绍，后续有机会我们再详细展开。

1

作者：设计师@JQ design

上面是一个很全的图表结构元素说明图，一般在使用过程中，会根据场景去选择删减一些元素。

比较重要的元素有：标题、图例、图形、坐标轴、单位、标签

表格整体可分为：功能区和内容区，功能区即上图的外部，会承载Tab切换、筛选、搜索、导入导出等功能。内容区即上图的内部，也就是数据主体部分。