0
  • 聊天消息
  • 系统消息
  • 评论与回复
登录后你可以
  • 下载海量资料
  • 学习在线课程
  • 观看威廉希尔官方网站 视频
  • 写文章/发帖/加入社区
会员中心
创作中心

完善资料让更多小伙伴认识你,还能领取20积分哦,立即完善>

3天内不再提示

智慧城市数据可视化设计全方案

物联网智慧城市D1net 来源:未知 作者:胡薇 2018-10-23 15:08 次阅读

数据可视化不再是仅停留在把繁杂的数据图形化出来,更多的是结合真实的场景加上交互等处理手段,更精准的传达数据信息

项目背景

城市化进程快速发展,带来了人口管理、交通拥堵、环境保护、安全等诸多问题,通过运用信息和通信威廉希尔官方网站 手段感测、分析、整合城市运行核心系统的各项关键信息,从而对包括交通、民生、环保、公共安全、城市服务等在内的各种需求做出智能响应,并给出相应的结果与解决方案。连通各部门平台数据,在指挥大厅统一监控。特殊事件可以做到及时发现,及时分发处理。

先来一张效果图,更多设计稿在后面。

智慧城市数据可视化

对于页面设计最大的要求就是信息层级准确、精准易读、高效操作。考虑到大屏的使用场景和不同的观看人群以及操作人员的长时间观看等情况。色调上不能特别活跃,布局和展示上数据逻辑、层级关系要非常明确,易于操作,屏幕中显示的数据不能过多,避免数据之间的影响。不同人群对数据又不同的需求,不同的数据又不能同时堆叠出来,满足不同用户对数据要求的同时,如何减少对用户的干扰。也是本次大屏设计的一个难点。

结合上面实际情况,下面做进一步分析。

可视化大屏分析

痛点:

“信息孤岛”严重,各部门各平台数据信息无法实现融合、信息共享。不能进行相关系统的系统联动,使之在日常工作效率难以提高。

大屏建设目标

建设智慧城市管理平台,通过集成建设,使得数据共享交换更加便捷,并可实现集中指挥调度、预案及辅助决策以及服务。

目标用户群

指挥大厅环境

室内采用日常灯光,屏幕无各类光线光照直射情况。刺激光对屏幕影响较小,屏幕采用高清拼接屏。

大屏可视化的一些共性:

屏幕大:大屏一般都是多屏拼接,整体屏幕面积大。

观距远:用户需要站远处观看屏幕,要保证数据文字清晰可见。

交互弱:通过电脑已经无法满足大屏交互需求,现在也有部分开始采用ipad手机、激光笔等方式。

视觉强:背景色多采用重色,衬托凸显数据,更好的为观者传达数据信息。

一屏一内容:一屏内容,说明一件主要事,统计好它的相关数据,避免其他的干扰。

设计目标

1、符合实际场景的结构布局,更快、更直观、更高效,提升工作人员的效率。

2、采用真实的三维场景设计,使事件处理定位更精准,引起观看人员的体验共鸣。

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

颜色+字体

整体色调色系的定义

整体色调我们选择的是冷色系,纯度、明度、饱和度并没有选择太高,一方面是为了观者长时间使用避免视觉疲劳,同时也是为了让整个画面保持平稳,有助于突发事件、数据统计更加明显易读,不至于整个屏幕的所有信息都往外跳,喧宾夺主抢过了主要数据的阅读性。定义色系时有几方面的考虑

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

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

3、观者长时间使用,突发事件紧盯屏幕,对应我们采用暗色调,降低纯度、明度、饱和度、减少对观者眼睛的刺激。

4、采用日常认知颜色,通过不同的颜色与现实环境中传达的信息概念吻合,降低用户学习成本

5、在一个暗色调省电。

页面布局

采用左中右布局形式,左侧为整体的统计信息,中部为城市的实时动态展示区域,这个区域也是项目的重点区域(视觉中心、交互中心)。右侧为数据分析区域,数据的更细分信息。如下图

地图的设计

地图图像向三维发展是必然趋势,从二维到2.5维再到三维。

三维场景更容易让观者有代入感,提升处理效率,缩短反应时间

世界万物皆有三维组成,通过平面或2.5维所表现出来的三维,因为不是真实世界的再现,失去了立体信息,我们的大脑必需从二维图像中重构事物原本的形态,容易产生思维错觉,限制了我们对图像处理的效率。三维图像属于真实世界的再现,是我们看到的真实场景,更接近于真实的世界。所以也是我们这次采用三维的一个出发点。

设计-城市道路监控

大致的需求是针对城市道路监控有整体的监控和预测、控制等能力。以充分保障交通安全,提升交通系统运行效率和管理水平。分析用户需求并结合当地交通状况大概整理情况如下:

1、对城市的整个交通情况有一个更直观全面的展示。我们做了三维地形,有助于快速定位路段。并通过该路段的地理环境,给出下一步解决方案。

2、效缓解交通拥堵,快速响应突发状况,精准定位事件问题所在路段。

3、通过对城市全路段的统计展示,来辅助相关部门对交通优化处理,及信息下发辅助车辆选择最优路线,缓解城市拥堵。

4、交通用色也是沿用大家对交通的认知色,方便观者快速认知,减少学习成本。

设计-事件处理

事件处理

这个页面主要是为用户解决事件统计和突发性事件高效快速处理。

开始由于各部门“信息孤岛”严重,各部门各平台数据信息无法实现融合、信息共享,不能进行相关系统的系统联动,当信息最后打通后我们做了以下设计处理:

1、我们把城市事件分类处理,并且把相关部门一一对应。为了方便不同的事件智能分发处理。

2、相关单位优选,会根据不同的事件优选处理单位智能分发指派,极大的节省事件提升效率。

3、当事件突发时,会定位的相应位置,同时右侧显示事件周边监控等情况。

4、同时可以对相关人员、网格管理员进行一对一,多对多通话视频等。

设计上我们对突发事件做了强化处理,把事件需要配合的部门突出显示,并把它们到现场的规划路线进行了处理,对事件的处理有一个全面的统揽展示,通过三维地图与音视频结合,使得指挥人员如同亲临现场,为每一步指挥组出更精准的判断。

处理突发事件时,三维地图有更好的场景感,处理突发事件需要对事件周边环境有更好的了解,才可以更高效精准的去处理,我们采用三维地图的设计,不单单是在视觉效果上的一次提升,更是一种高效的应用。同时提升了用户使用的兴趣感又解决二维地图所无法表达的信息。

这事整体的一个思路吧,很多东西没有展开更细的分支去写。不多说了上图!

数据可视化设计图

声明:本文内容及配图由入驻作者撰写或者入驻合作网站授权转载。文章观点仅代表作者本人,不代表电子发烧友网立场。文章及其配图仅供工程师学习之用,如有内容侵权或者其他违规问题,请联系本站处理。 举报投诉
  • 智慧城市
    +关注

    关注

    21

    文章

    4261

    浏览量

    97285
  • 数据可视化
    +关注

    关注

    0

    文章

    465

    浏览量

    10251

原文标题:智慧城市可视化设计全方案配解析

文章出处:【微信号:D1Net01,微信公众号:物联网智慧城市D1net】欢迎添加关注!文章转载请注明出处。

收藏 人收藏

    评论

    相关推荐

    什么是大屏数据可视化?特点有哪些?

    大屏数据可视化是指通过大屏幕展示大量数据和信息,以直观、可视化的方式帮助用户理解和分析数据。这种展示方式通常用于展示复杂的
    的头像 发表于 12-16 16:59 135次阅读

    智慧能源可视化监管平台——助力可视化能源数据管理

    博达可视化大屏设计平台在智慧能源领域的价值体现在实时监控、数据可视化、决策支持和效率提升等方面。借助该平台,企业可以轻松搭建智慧能源类
    的头像 发表于 11-29 10:00 276次阅读
    <b class='flag-5'>智慧</b>能源<b class='flag-5'>可视化</b>监管平台——助力<b class='flag-5'>可视化</b>能源<b class='flag-5'>数据</b>管理

    智慧楼宇可视化的优点

    智慧楼宇可视化是指通过数据可视化威廉希尔官方网站 来展示和分析楼宇的各种数据,为楼宇管理者和用户提供直观、清晰的信息展示和决策支持。以下是
    的头像 发表于 11-19 14:25 180次阅读

    智慧园区数据可视化优势体现在哪些地方

    智慧园区数据可视化是当今数字化时代的重要工具,为园区管理者和决策者提供了强大的分析和展示数据的能力。以下是智慧园区
    的头像 发表于 11-15 10:30 170次阅读
    <b class='flag-5'>智慧</b>园区<b class='flag-5'>数据</b><b class='flag-5'>可视化</b>优势体现在哪些地方

    智慧地铁站可视化建设的意义

    随着城市规模的不断扩大和人口数量的增加,地铁成为现代城市重要的公共交通方式之一。为了提高地铁运营效率、乘客体验和安全管理水平,智慧地铁站可视化建设逐渐成为发展趋势。本文古河云科技将深入
    的头像 发表于 07-26 14:16 244次阅读

    态势数据可视化威廉希尔官方网站 有哪些

    智慧华盛恒辉态势数据可视化威廉希尔官方网站 是一种将数据以图形、图像、动画等视觉形式展现出来的威廉希尔官方网站 ,特别是在处理和分析态势数据时,该威廉希尔官方网站 能够将复杂的
    的头像 发表于 06-11 15:47 369次阅读

    智慧大屏是如何实现数据可视化的?

    智慧大屏,作为数据可视化的重要载体,已在城市管理、交通监控、商业运营等领域广泛应用。本文旨在阐述智慧大屏实现
    的头像 发表于 06-04 15:02 600次阅读
    <b class='flag-5'>智慧</b>大屏是如何实现<b class='flag-5'>数据</b><b class='flag-5'>可视化</b>的?

    大屏数据可视化的作用和意义

    大屏数据可视化是指利用大屏幕设备展示数据信息,通过图表、图像、动画等视觉手段将数据呈现出来,以便用户能够直观、清晰地理解
    的头像 发表于 06-03 17:56 661次阅读

    三维可视化数据大屏的设计原理和技巧

    三维可视化数据大屏设计面向交通、园区、城市、建筑、应急等领域的客户,以孪生可视能力赋能,提供行业解决方案。双渲染引擎,1:1还原真实世界,在
    的头像 发表于 05-30 17:09 520次阅读

    WebGIS 智慧城市三维可视化综合管控

    一屏覆盖城市运营、文化旅游、城市治理、灾害应急、智慧环卫、疾病防控等模块。借助先进的 HT 可视化威廉希尔官方网站 ,将不同领域的数据资源和信息系统进行联
    的头像 发表于 05-28 10:08 412次阅读
    WebGIS <b class='flag-5'>智慧</b><b class='flag-5'>城市</b>三维<b class='flag-5'>可视化</b>综合管控

    智慧城市-可视化,进一步提高信息建设水平

    智能城市可视化是指整合各种城市信息资源,以地图、虚拟现实等形式展示各种城市数据,更直观地了解和管理城市的运行和发展。智能
    的头像 发表于 05-22 16:49 439次阅读

    讯维智能可视化综合平台在智慧城市建设中的关键作用

    讯维智能可视化综合平台在智慧城市建设中扮演着关键的角色,主要体现在以下几个方面: 数据整合与可视化展示:
    的头像 发表于 05-11 16:32 377次阅读

    态势数据可视化威廉希尔官方网站 有哪些

    智慧华盛恒辉态势数据可视化威廉希尔官方网站 是一种将复杂、动态的态势数据以直观、易于理解的方式展现出来的威廉希尔官方网站 手段。以下是几种主要的态势数据
    的头像 发表于 04-22 15:17 401次阅读

    智慧园区可视化解决方案主要功能

    随着物联网威廉希尔官方网站 的不断进步,园区内各类设备将更加智能和互联,为智慧园区可视化平台提供更多的数据源和应用场景,
    的头像 发表于 01-30 16:34 390次阅读

    可视化全程追溯,可视化资产管理系统

    管理系统以智能威廉希尔官方网站 为核心,融合了实时监控、数据分析与可视化展示等功能,为企业提供了完整的资产管理解决方案。它能够有效地追踪和管理企业的固定资产、设备和库存物资,帮助企业实现资产的
    的头像 发表于 01-11 13:54 494次阅读
    <b class='flag-5'>可视化</b>全程追溯,<b class='flag-5'>可视化</b>资产管理系统