建议收藏!数据可视化大屏设计必备步骤

建议,收藏,数据,可视化,设计,必备,步骤 · 浏览次数 : 509

小编点评

**如何设计一个令客户满意的可视化大屏?** **1. 和客户及时沟通,明确对应的需求** * 与用户进行沟通,明确用户的需求。 * 确保设计符合用户的实际需求。 **2. 确定物理大屏尺寸** * 选择合适的物理大屏尺寸。 * 考虑可视化大屏的分辨率。 **3. 确定大屏展示的关键指标** * 选择展示重要指标的区域。 * 对关键指标进行细分。 **4. 页面布局的划分** * 划分页面以优化用户体验。 * 选择合适的图表类型。 **5. 确定大屏的设计风格** * 与行业类型、指标数据和客户需求进行搭配。 * 考虑动态效果和色彩搭配。 **6. 确定大屏上面的步骤** * 设计详细的页面布局。 * 对组件进行检查。 * 确保页面合理。 **7. 确定大屏颜色搭配** * 使用主色突出重点内容。 * 根据行业类型和指标数据进行搭配。 **8. 确定大屏的动效设置** * 使用动态效果或装饰图提升视觉效果。 **9. 确定大屏上步骤均完成时,一个初稿看板就设计完成了** * 对其细节进行检查调整。 **10. 提供免费素材包** * 提供数据可视化大屏模板。

正文

本文由葡萄城技术团队于博客园原创并首发
转载请注明出处:葡萄城官网,葡萄城为开发者提供专业的开发工具、解决方案和服务,赋能开发者。

相信对于从事大数据相关的人员来说,数据的可视化大屏是最能展现自己工作价值的一个途径。可视化大屏就是数据分析的最后成果的展示,而如果能设计出更直观、更酷炫、更具有科技感的大屏,更能获得客户的青睐。
那么客户喜欢的究竟是怎样的可视化?类似下图这种的:

还是这种的:

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

2、确定物理大屏尺寸,明确设计稿的尺寸
看板设计好后均是要在大屏上进行展示,所以要提前确定好对应的物理大屏尺寸,这样设计出来的大屏才能获得最好的视觉体验,也会展示的更加完美。注意:若物流大屏分辨率过高时,可以采用分辨率减半的设计方法去进行设计。
3、确定大屏展示的关键指标
确定好大屏尺寸后,就需要确定大屏展示的关键指标内容,那什么是关键指标呢?一般情况下,为了数据显眼,我们通常会将对应的特别数据独占看板的一块区域,这个区域的数据就是关键指标。所以通过对关键指标的理解,我们就会知道大屏上有几个区域,以及对应的区域内容是什么,更容易理解这个大屏。
以下面这个智慧校园管理综合大屏为例,这里的关键指标是看板中间的自定义地图、招生就业、师资教学、科研预算、科研投入、项目情况、专利数量、能耗管理和安全管理这几方面。

4、页面布局的划分
确定好看板的尺寸和指标后,接下来需要对大屏进行页面的划分,划分可以参考这个几个原则:

5、确定图表展示类型
布局确定后,这下就需要选择对应的图表去进行数据展示了,那在选定图表时需要注意,要选择容易理解,容易实现的图表,这样在设计时才可以更快,设计好后用户理解才会更加容易。这里给大家推荐wyn(商业智能软件),它对应的帮助文档里针对各个组件进行详细的描述,这样大家在使用时就可以更方便的进行选择啦。

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

那针对大屏设计给大家推荐一个公开课,保证让你看完受益匪浅,除此之外,联系对应的小助手,还有免费的素材包可以领取呢~
7、大屏颜色搭配
人们最直观的感受就是颜色,可以用主色去强调重点内容,让用户可以更快速的识别重要信息,我们也一起了解一下不同行业的色彩属性:

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

9、确定大屏
上面步骤均完成时,一个初稿看板就设计完成了,此时需要对它的细节进行检查调整,如果说我们不知道如何检查,可以从这几个方面去检查,比如检查看板的页面布局是否合理;组件是否发生变形拉伸;组件数据展示是否正确;看板色彩搭配是否合理等细节问题,也可以找看板设计的专家帮忙进行检查,检查调整确认无误后,此时就到了最激动人心的时刻,那就是定稿,提交看板。

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

免费获取100张数据可视化大屏模板:
https://www.grapecity.com.cn/solutions/wyn/demo
嵌入式BI分析体验:http://wyn.grapecity.com.cn/playground/index.html
产品帮助文档: https://help.grapecity.com.cn/display/wyn600

与建议收藏!数据可视化大屏设计必备步骤相似的内容:

建议收藏!数据可视化大屏设计必备步骤

本文由葡萄城技术团队于博客园原创并首发 转载请注明出处:葡萄城官网,葡萄城为开发者提供专业的开发工具、解决方案和服务,赋能开发者。 相信对于从事大数据相关的人员来说,数据的可视化大屏是最能展现自己工作价值的一个途径。可视化大屏就是数据分析的最后成果的展示,而如果能设计出更直观、更酷炫、更具有科技感的

[转帖]7600字带你学会 Redis 性能优化点, 建议收藏!

https://www.cnblogs.com/shoshana-kong/p/14040195.html 在一些网络服务的系统中,Redis 的性能,可能是比 MySQL 等硬盘数据库的性能更重要的课题。比如微博,把热点微博[1],最新的用户关系,都存储在 Redis 中,大量的查询击中 Redi

可观测性数据收集集大成者 Vector 介绍

如果企业提供 IT 在线服务,那么可观测性能力是必不可少的。“可观测性” 这个词近来也越发火爆,不懂 “可观测性” 都不好意思出门了。但是可观测性能力的构建却着实不易,每个企业都会用到一堆技术栈来组装建设。比如数据收集,可能来自某个 exporter,可能来自 telegraf,可能来自 OTEL,

表格集算表高性能原理:揭秘纯前端百万行数据秒级响应的魔法

最新技术资源(建议收藏) https://www.grapecity.com.cn/resources/ 集算表 (Table Sheet)是一个具备高性能渲染、数据绑定功能、公式计算能力的数据表格,通过全新构建的关系型数据管理器结合结构化公式,在高性能表格的基础上提供排序、筛选、样式、行列冻结、自

【建议收藏】Go语言关键知识点总结

容器 数组和切片 在Go语言中,数组和切片是两个基本的数据结构,用于存储和操作一组元素。它们有一些相似之处,但也有许多不同之处。下面我们详细介绍数组和切片的特点、用法以及它们之间的区别。 数组 数组是固定长度的序列,存储相同类型的元素。数组的长度在定义时就固定下来,不能改变。 package mai

各开发语言DNS缓存配置建议

作者:翟贺龙 一、背景 在计算机领域,涉及性能优化动作时首先应被考虑的原则之一便是使用缓存,合理的数据缓存机制能够带来以下收益: 1.缩短数据获取路径,热点数据就近缓存以便后续快速读取,从而明显提升处理效率; 2.降低数据远程获取频次,缓解后端数据服务压力、减少前端和后端之间的网络带宽成本; 从 C

统计建模基础

什么是建模? 问题——>数据——>模型——>结论 统计建模的本质 收集、分析、展示、解释数据 统计问题 回归: 横截面数据、纵向数据 分类: 横截面数据、分类数据 我们观测不到真值,观测到的数据一定有误差。 如何确定模型? 1.根据探索性数据分析主观确定一个参数模型或者一个算法。 2.根据已知数据训

[转帖]使用电信号传输TCP/IP:如何收发数据包(MTU,MSS,包的序号SYN,确认号ACK,动态调整等待ACK时长,滑动窗口)

https://www.jianshu.com/p/a819a777d33c 连接建立起来后,也就是TCP建链后也就进入数据传输阶段。数据收发操作是从应用程序调用write将要发送的数据交给协议栈开始的,协议栈收到数据后执行发送操作。 首先,协议栈并不关心应用程序传来的数据是什么内容。应用程序在调用

CeiT:商汤提出结合CNN优势的高效ViT模型 | 2021 arxiv

论文提出CeiT混合网络,结合了CNN在提取低维特征方面的局部性优势以及Transformer在建立长距离依赖关系方面的优势。CeiT在ImageNet和各种下游任务中达到了SOTA,收敛速度更快,而且不需要大量的预训练数据和额外的CNN蒸馏监督,值得借鉴 来源:晓飞的算法工程笔记 公众号 论文:

说一下 ArrayList 和 LinkedList 的区别?

本文已收录到 AndroidFamily,技术和职场问题,请关注公众号 [彭旭锐] 提问。 前言 大家好,我是小彭。 在上一篇文章里,我们聊到了基于动态数组 ArrayList 线性表,今天我们来讨论一个基于链表的线性表 —— LinkedList。 小彭的 Android 交流群 02 群已经建立