ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

如何设计数据可视化大屏-数据可视化大屏的设计方法

2021-09-23 17:02:05  阅读:292  来源: 互联网

标签:三维 图表 可视化 大屏 设计 数据


相信大家对于“数据可视化”的概念并不陌生,对大屏也有直观的了解。首先我们来了解下“数据可视化”的概念,数据可视化,是将抽象的、复杂的、不便理解的数据以人眼能直观看到的图像化元素表示出来,数据可视化是为了更形象更直观地表达数据的内在关联及变化规律,促进数据信息的共享与交流。而“大屏”是当今比较流行的数据可视化呈现的载体,因为大屏的尺寸足够大,画面色彩的处理能力也更优秀,因此人们通常会选择大屏来呈现数据可视化的内容。 那数据可视化大屏应该如何设计呢?在设计之初,首先需要了解本次设计的目的及意义。了解建设单位及其所在行业、核心需求及痛点、相关用户及使用场景、建设目标等。由于此类信息,一般项目负责人是非常了解的,此处不赘述,我们重点讲一下数据可视化大屏的设计方式。

想要设计出效果不错的数据可视化大屏,核心的五类元素有:交互方式、设计风格、可视化图表、三维、动效。

(1) 交互方式

目前市面上的大屏交互方式千篇一律,基本都是平铺布局,将可视化数据图表以卡片的形式分布在界面上。大家逐渐对于这种交互方式已经感到厌倦,希望能够看到眼前一亮的交互方式。交互细分为:信息布局+信息变化方式。首先我们可以结合需求及行业特征,设计一个崭新的布局;其次,可考虑数据信息如何变化,例如数据会随时间、空间、类型变化,我们可以将时间、空间、类型分开呈现,也可以整合到一起进行呈现。

(2) 设计风格

主流的大屏设计风格,包括未来科技感、深色半扁平风,其他也有小部分大屏是浅色扁平和半扁平风、工业风、水墨风、国潮风等等。随着人们对于科技感的审美疲劳,急需有新的设计风格出现,让人耳目一新。设计风格的选取一般和企业所属行业、企业自身诉求、用户有关。建议大家在做大屏主风格设计时,可以多多尝试不一样的风格,说不定就引领潮流了呢!

UIPower案列-UIpower

(3) 可视化图表

说到可视化图表,大家可能对Echarts、Highcharts的图表比较了解。但如果大屏上直接用上Echarts、Highcharts的图表效果,不做任何改进,那大屏整体效果又会趋于常态化,没什么特色。UIPower在为客户设计可视化大屏时,十分注重可视化图表的设计细节,尽量以新颖且直观的可视化图表来为大屏设计添砖加瓦。

(4) 三维可视化

随着三维技术的深入发展,三维可视化逐渐和数据可视化相结合。丰富的数据图表呈现,再加上酷炫的三维可视化场景,相得益彰。由于三维场景可放大、缩小、拖拽、旋转等等,与人了解真实世界的视角相似,用户既能掌控大局,又能对细节观察入微,因此三维可视化逐渐成为数据可视化大屏的重要表现手段。

UIPower案列-UIpower

(5) 酷炫动效

灵动的动效,可以让一个看似普通的元素,变得有趣。而用户也更喜欢看到动态变化的元素,因为用户潜意识里觉得,元素变化即是与自己交流互动的过程。动效既可以与可视化图表结合使用,也可以与三维可视化结合使用,恰到好处的动效对整体设计效果起到了画龙点睛的作用。

数据可视化大屏既是企业展示自我风采的手段,也是用户和枯燥乏味的数据之间沟通的桥梁。如何更好的设计数据可视化大屏,一直是UIPower不断探索的题目,相信在未来更多先进技术的加持下,数据可视化大屏的发展会更耀眼!

 

文章来源:http://www.uipower.com/news/designLargeScreen.html

标签:三维,图表,可视化,大屏,设计,数据
来源: https://www.cnblogs.com/uipower/p/15324949.html

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有