新闻中心
CREATE A “SAID” WORKS
如何快速上手数据可视化设计
怎么理解数据可视化?
数据可视化是通过图形化、可视化手段,将复杂的数据转化为可视化图表,清晰有效地传达与沟通信息。然后通过统计分析方法,获取数据背后隐含的价值信息,以更直观的形式为企业提供信息支撑,辅助管理人员进行发展决策。
这样设计大屏数据可视化
1.统计数据
要做大屏,首先第一步我们要有数据,做数据的统计工作,根据从客户相关项目的数据进行合理分类统计,整理出所需要的内容,并且准确地理解业务需求。
2.可视化页面布局
确定好可视化大屏的尺寸,开始进行页面的设计与数据展示方式。设计页面最主要是根据项目的数据及客户主要想展示的数据布局,一般核心的数据都会放在可视化大屏的中间部分(如地球、地图、建筑、机房),此举是因为中心是观众的视觉中心位置,能更好传达数据的重要性与独特。其他的数据放在两侧,根据数据的多少进行布局,清晰表达的同时要注意两边数据的关联与联动性,比如通过点击中间主数据时或者按钮两边图表发生变化则更容易传达数据的价值。还需注意两边数据内容要恰当,布局正好,不可占得过多影响整体观感,让核心数据展示过少。
大屏布局方式:以常规16:9的大屏尺寸为模板,大屏一般以居中结构和左右结构展示为多。
3. 定义大屏风格
确认尺寸后,可提取项目关键词结合大屏可视化的关键词进行风格确定:高科技、可视化、数字化、信息化等这些关键词,然后进行头脑风暴去搜索图片、案例,提取配色、构成其设计风格。
4. 可视化核心视觉
一般核心的数据都会放在可视化大屏的中间部分为:地球、地图、建筑、机房等展示。目前采用3d建模的方式来出炫酷的效果。因核心数据3d的展示涉及多个技术的配合,做之前要与参与项目的技术充分沟通、确认,提高大家后期完成的效率与进度。
5.分析数据,数据图形化
有了需要的数据后,接下来就是如何利用这些数据进行分析,发掘出数据的价值与客户真正想表达的内容。
并且开始数据图形化,图表的选择对于不同的目标不同的数据是有一定的讲究。不同的数据展示维度选择的图表不同,如:只有一个变量,比较两个或以上的价值,可横向排列这使用柱状图。某部分占总比的比例更适用于饼图。根据项目要求结合数据分析确定大的关系(比较、分部、构成、联系),随后选择合适的图表,在基础图表上进行优化,传达好的数据视觉效果,合适有效的图表更能使信息有效的传达。
6. 可视化字体
可视化大屏设计中字体的选择也十分重要,结合自己的设计风格来选择适合项目的字体,要注意字体有无衬线、字重、字距等。还有字体的颜色,颜色可以传达我们尚未充分意识到而大脑已经识别出的信息,可视化大屏如何通过颜色,既要美观又要突出重点。总结有以下几点:
配色易辨识与区分:采用色调、明度差异较大的颜色进行搭配组合。冷暖色、互补色对比:在数据图表里,多采用冷暖色、互补色能产生强烈对比,突出重点信息。
7. 可视化动效
可视化大屏中,有许多的数据通常都是实时变化的,为了减少数据变化刷新时的突然性以及需要告知用户数据更新,那么动效设计就是必不可少的。动效能增加观感体验,凸显产品重要内容、强调各个功能间的关联信息,而且利用动效,构建出数据大屏的层次,将数据存放在不同的层级页面内,为用户带来更好的数据信息服务体验。
在设计数据可视化大屏时,优秀的动效设计不仅仅是炫酷的场景、流畅的动画,更多的是要关注到用户的体验感。我们在设计过程中要做到:让设计服务于数据内容,给用户以最为清晰明确迅捷的数据展示。