关于前端:建议收藏数据可视化大屏设计必备步骤

47次阅读

共计 1460 个字符,预计需要花费 4 分钟才能阅读完成。

置信对于从事大数据相干的人员来说,数据的可视化大屏是最能展示本人工作价值的一个路径。可视化大屏就是数据分析的最初成绩的展现,而如果能设计出更直观、更酷炫、更具备科技感的大屏,更能取得客户的青眼。
那么客户喜爱的到底是怎么的可视化?相似下图这种的:

还是这种的:

那难看的,令客户称心的可视化大屏到底应该如何制作呢,上面咱们就来一起理解和学习一下设计可视化大屏的几大必备步骤,保你设计无忧,工作越干越得劲。
1、和客户及时沟通,明确对应的需要
可视化大屏最重要的一步也是第一步就是和用户进行沟通,明确用户的需要,只有明确了用户的需要,才能够设计出令用户称心的仪表板。

2、确定物理大屏尺寸,明确设计稿的尺寸
看板设计好后均是要在大屏上进行展现,所以要提前确定好对应的物理大屏尺寸,这样设计进去的大屏能力取得最好的视觉体验,也会展现的更加完满。留神:若物流大屏分辨率过高时,能够采纳分辨率减半的设计办法去进行设计。
3、确定大屏展现的要害指标
确定好大屏尺寸后,就须要确定大屏展现的要害指标内容,那什么是要害指标呢?个别状况下,为了数据显眼,咱们通常会将对应的特地数据独占看板的一块区域,这个区域的数据就是要害指标。所以通过对要害指标的了解,咱们就会晓得大屏上有几个区域,以及对应的区域内容是什么,更容易了解这个大屏。
以上面这个智慧校园治理综合大屏为例,这里的要害指标是看板两头的自定义地图、招生待业、师资教学、科研估算、科研投入、我的项目状况、专利数量、能耗治理和平安治理这几方面。

4、页面布局的划分
确定难看板的尺寸和指标后,接下来须要对大屏进行页面的划分,划分能够参考这个几个准则:

5、确定图表展现类型
布局确定后,这下就须要抉择对应的图表去进行数据展现了,那在选定图表时须要留神,要抉择容易了解,容易实现的图表,这样在设计时才能够更快,设计好后用户了解才会更加容易。这里给大家举荐 wyn(商业智能软件),它对应的帮忙文档里针对各个组件进行具体的形容,这样大家在应用时就能够更不便的进行抉择啦。

6、确定大屏的设计格调
大屏的设计格调须要仍旧对应的行业类型、指标数据、客户需要等进行整体搭配,总体分为两种格调:

那针对大屏设计给大家举荐一个公开课,保障让你看完受益匪浅,除此之外,分割对应的小助手,还有收费的素材包能够支付呢~
7、大屏色彩搭配
人们最直观的感触就是色彩,能够用主色去强调重点内容,让用户能够更疾速的辨认重要信息,咱们也一起理解一下不同行业的色调属性:

8、大屏的动效设置
应用带动态效果的一些组件,或者应用一些动态效果装璜图,能够让你的大屏看起来更加的高级和酷炫。

9、确定大屏
下面步骤均实现时,一个初稿看板就设计实现了,此时须要对它的细节进行查看调整,如果说咱们不晓得如何查看,能够从这几个方面去查看,比方查看看板的页面布局是否正当;组件是否产生变形拉伸;组件数据展现是否正确;看板色调搭配是否正当等细节问题,也能够找看板设计的专家帮忙进行查看,查看调整确认无误后,此时就到了最激动人心的时刻,那就是定稿,提交看板。

那设计看板的几大步骤到这里就完结了,这里给大家提供一个地址,该地址是一些大屏看板的示例素材,大家能够点进去查看对应行业的看板设计,如果有须要也能够参考应用呢~

收费获取 100 张数据可视化大屏模板:
https://www.grapecity.com.cn/…
嵌入式 BI 剖析体验:http://wyn.grapecity.com.cn/p…
产品帮忙文档: https://help.grapecity.com.cn…

正文完
 0