数据可视化七条原则

原则简况：

简单易懂，取其精华

准确传达，清晰明了
视线流动，遵循习惯
吸引眼球，引发共鸣
去除文字，以图示意

人们表达想法展示方式分为图、表、字。

数据可视化切忌不能整个页面都是图，这样虽然页面很炫没漂亮。但是，看到的人很费力、需要思考。

数据可视化切忌不能整个页面都是表，表可以有很明显的对比。但是表格在表现趋势方面比较弱。

数据可视化切忌不能整个页面都是字，页面密密麻麻让人反感，需要大量思考获得信息。

然而可视化设计就是要做到让数据说话。说客户关注的信息，说令客户印象深刻的话。

设计主题：

图表，颜色，表格，字。

先说个笑话：有一个杀手追着一个富商，并取下富商牵的狗的头，富商不解问杀手，为啥要杀他的狗，杀手说；有人花500万要取他的狗头。

设计第一步：明白客户需求，真正的需求。千万不要取错“狗头”。

设计第二步：选择主题色。是选择沉稳蓝色还是需要酷炫黑色，取决于客户性质。

、

设计第三步：确定关键客户年龄。如果关键性客户在50岁以上建议使用大号字体20字体或者在提示信息里面显示大号字体。

设计第四步：确认展示元素。字，表，图。

 

图元素表示：

图名	表达含义
柱状图	对比
折线图	反应波动趋势
饼状图	占比
GIS 图/地图	根据地理分布来表达数据含义。

 

字元素表示：

字	表达含义
字体大小	大小、高低、升降、
字体颜色	字体颜色对应含义

 

表元素表示：

字	表达含义
表头字体	大小、高低、升降、
内容字体颜色	字体颜色对应含义

 

设计第五步：模块描框，增加层次感。

设计第六步：一个页面只表达一个专题。多了专题没有侧重，突出不了主体。

设计第七步：将特别关注指标、参数、维度。做成按钮，点击按钮刷新内容。

图表设计推荐的前端框架：百度的Echarts   阿里巴巴的G2  以及HighCharts 都是开源框架。