数据可视化大屏设计-金螳螂项目管理指挥中心-大数据项目

本次项目的难点在于除了把繁杂的数据图形化出来，还要结合场景，通过各台终端控制和指挥整个界面的交互呈现以及页面切换方式。

本次项目的分享，在于整理自己做可视化项目的思路以及在项目中遇到一些实际情况的处理应对措施，不足之处，欢迎大家一起交流。

《量化信息的视觉表现》中概述了数据可视化最基本的设计原则：

图表要简洁，数据要简洁。最好的大屏可视化不是数据的平铺，不是设计的天马行空，而是针对客户场景，理解数据复杂性的基础上，通过可视化的手段，形成一个高度提炼的故事。

我们在项目调研、设计阶段都要以简洁、场景化为出发点，在理解客户复杂的场景、复杂的数据的基础上，将故事简化，为客户真正解决问题。

大屏建设目标

为企业提供业务的更多可能性，通过展示让客户放心把项目交给我们。

大屏使用环境分析

◍ 场景照片：

◍ 使用场景：项目管理指挥中心展厅

◍ 场景光线：整体偏暗，顶棚横排平行于屏幕双排射灯，测光深蓝

◍ 屏幕情况：非高清屏，拼接屏，中间对折

◍ 方法与结论：根据场景的整体情况，灯光对屏幕的影响比较大，关系到最终呈现的效果，中和射灯的反光、蓝色的环境背景色，来决定设计的色调、纯度和亮度。

目标用户分析：

◍ 视觉感受需求：

数据可视化在目标用户眼里大致归为：蓝色变动的点线数及地图，并且一再强调要动，页面数字动、饼状图动、折线图动、柱状图动…总之在他们眼里，数据就应该是动的，一定要动的，所有的东西必须动起来，像美剧里那样，动动动...

设计目标：

1、以谷歌地图为场景布局，更快、更直观、更高效，展示项目宏观位置信息等内容。

2、采用真实的实时数据动态呈现，使异常项目处理更精准和及时，引起观看人员的体验共鸣。

3、数据归类处理，减少信息干扰。

◍ 设计元素提取：

◍ 颜色·字体:

◍ 整体色调色系的定义：

整体色调选择的是冷色系偏灰，预警项目颜色分别为饱和度较高的颜色，有助于异常报警项目、数据更加明显易读，不至于整个屏幕没有视觉中心，突出主要数据的阅读性。

定义全局色系时有几方面的考虑：

1、根据用户的使用场景（室内偏暗光线），整体颜色与整个室内环境有一定反差，把视觉关注点引入大屏区域内。

2、考虑到大屏面对的用户年龄段跨度大，不同年龄段对颜色的接受程度不同，所以我们选择了蓝色，蓝色也是适应人群比较广的色。

3、环境内顶棚的射灯会对屏幕造成一定的反射光线影响，因此在整体颜色选择上不能选用太灰的色调，否则会被射灯折射掉。

4、采用日常认知颜色（红、橙、绿），通过不同的颜色与现实项目中传达的信息概念吻合，降低用户学习成本。

5、全局暗色调省电。

◍ 页面布局

效果图展示

◍ 地图设计

地图采用谷歌地图为背景，实时动态数据、项目位置信息直观展示：

◍ 部分效果图展示

Ps:效果图内数据及信息为非真实，如有商业为用，追究其法律责任。

转载于:https://www.cnblogs.com/telwanggs/p/10975662.html

数据可视化大屏设计-金螳螂项目管理指挥中心-大数据项目相关推荐

数据可视化大屏设计步骤，有3步流程
数据可视化大屏设计步骤,有3步流程大屏工程师经常碰到那样的窘境:竭力设计方案的大屏,数据精确.視覺酷炫,可是用户满意度一般.究竟哪些的大屏才算是客户必须的呢?回答是:重点突出.层级清楚.怎样设计那样 ...
可视化大数据大屏设计
可视化大数据大屏设计一.如何做好一款大屏 1.1工具的选择帆软报表工具Finereport 1.2大屏设计通用的大屏设计原则 1.大屏指标在8-12个为宜 2.比率类.数字类和子部分布类指标要合 ...
整理全网最全大屏，可视化大屏，可视化方案，可视化参考，报表，大屏设计，大屏资源，大屏学习，高保真大屏
整理全网最全大屏设计资源,包括各类智慧大屏,axure高保真大屏原型,大屏设计参考思路,大屏设计可视化图片,如何学习设计大屏等. Gitee仓库地址:https://gitee.com/AiShiYu ...
【产品】可视化大屏设计思路
可视化大屏设计思路: 根据大屏面向的用户和使用的场景,确定中心主题. 大体分两种类型,一种是信息数据展示类型,另一种是实时监控决策类型.一定要思考清楚用户看到大屏后可以收获到哪些信息,规划好大屏的整条 ...
数字孪生城市可视化大屏设计，智慧楼宇开源项目
纵观城市发展历史,技术的革命必然会带动城市内部的变革.当前,以数字孪生为代表的前言信息技术飞速发展,必然会使社会对数字城市的深度和广度有着更为清晰的认知.加快构建数字孪生城市管理平台,通过三维可视化大 ...
数据可视化大屏设计经验分享【进阶篇】
前言说起数据可视化设计,如今绝对是热门的设计之一,而真正懂数据可视化设计的设计师却不多,随着大数据产业的蓬勃发展,很多企业都开始应用数据可视化.很多UI设计师突然会接到公司数据可视化设计的需求,如果 ...
大数据可视化大屏设计经验，教给你！
前言大数据产业正在用一个超乎我们想象的速度蓬勃发展,大数据时代的来临,越来越多的公司开始意识到数据资源的管理和运用,大数据可视化大屏展示被更多的企业青睐,身为UI设计师的我们,也要紧跟时代的 ...
Axure数据可视化BI大屏设计组件库
在最近一次针对政府的较为大型的数据可视化项目中,由于涉及的可视化图表较多.远程沟通效率低等原因,就想找到一个元件库来高效完成高保真的可视化原型.所以今天向各位数据产品经理/交互设计师推荐一套基于Axu ...
浅谈数据可视化及大屏设计方法
数据可视化通过大屏幕,动态的展示等方法将冰冷的数据重新鲜活的展现在大家面前,近些年来受展会,统计,汇报等等场景的青睐. 什么是数据可视化首先我们分解一下数据可视化中包括的单元.可以分为数据.可视化两 ...

数据可视化大屏设计-金螳螂项目管理指挥中心-大数据项目

数据可视化大屏设计-金螳螂项目管理指挥中心-大数据项目相关推荐

最新文章

热门文章