百度商桥

400-660-9989

uipower@uipower.com

数据可视化大屏设计指南

发布时间:2020-07-21 11:45:07

随着大数据时代的到来,越来越多的企业对于数据可视化大屏投放的需求日益增多。数据可视化是数据价值的最直观体现,已成为日常办公、应急处理、指挥调度、战略决策等场景下必不可少的一部分。

一、什么是数据可视化大屏?

数据可视化主要旨在借助于图形化手段,清晰有效地传达与沟通信息。数据可视化大屏就是一种非常有效的数据可视化工具,它可以将产品的关键指标以可视化的方式展示到一块或多块LED大屏上,让工作人员清楚快速地捕捉到重要信息。

UIPower案列-飞机检修系统

二、数据可视化大屏设计流程

1、前期准备

(1)明确需求。可视化大屏设计之前,首先要和客户充分沟通,明确客户需求。

(2)了解大屏尺寸。确认大屏的使用场景,设计尺寸与大屏拼接方式。(拼接屏像素超大可等比例缩放)

(3)根据客户提出的需求确定可视化图表的类型。一般常用的可视化图表有柱状图、折线图、饼图、散点图、雷达图等。

2、排版布局

(1)确定关键指标。在做可视化设计之前,我们需要从客户提供的信息中提取出关键指标。一般情况下,一个指标在大屏上会独占一块区域,通过关键指标定义,我们可以知道大屏上大概会显示哪些内容以及大屏会被分为几块。

(2)页面布局划分。在尺寸和关键指标确定好之后,我们可以对大屏页面进行布局划分。主要指标位于大屏中央,可以是三维地图,也可以是多维动效丰富的产品模型;次要指标位于大屏两侧,多用各类图表展示,对数据信息做一个补充说明。

对页面布局划分要做到主次分明,条理清晰,注意留白,避免图表面积过大,喧宾夺主。

例如UIPower设计的特斯拉智慧汽车管理平台、欧姆龙综合管廊智慧平台、浙江省智慧城市综合管理平台等。

UIPower案列-飞机检修系统

(3)在实际项目中,可能会遇到比较复杂的情况,需要显示更多的指标。此时在对这些指标布局均匀合理的基础上,整体微调是良好的设计原则。

3、视觉设计

(1)配色。可视化大屏设计颜色一般以深色为主。深色设计不仅是为了让视觉更好聚焦,而且在长时间观看之后我们的眼睛也不会出现视觉刺痛感。

(2)一致性。在UI设计中,我们必须要遵循一致性原则。颜色、间距、字体大小、图标、组件颜色等都要做到统一。

(3)细节点缀。在可视化大屏设计中,细节设计也会极大的影响整体效果。通过适当给元素、标题、数字等添加一些诸如边框、背景等在内的点缀效果,能帮助提升整体美观度。

(4)动态效果。可视化大屏设计少不了动效,动效是可视化的重要组成部分。合理地使用动效能让大屏展示效果更加炫酷,直接给人留下震撼印象。

以上就是数据可视化大屏设计规范的全部内容,相信认真看完这篇文章的你,对数据可视化大屏设计会有一个更深刻的认识。