城市运行平台可视化项目

用户头像
杭州/UI设计师/2年前/513浏览
城市运行平台可视化项目
项目背景:整个大屏的设计理念,坚持“应用为要、管用为主”,围绕城市运行和社会治理中的难点痛点堵点,努力实现隐患及时排除、问题实时处置、态势全面感知 。
整体风格:以gis地图为主视觉,整体采用扁平风格,个别组件及边框进行单独创作,风格和谐统一,组件精致耐看。
色调:以深蓝色做为背景色调,首先蓝色体现科技的感觉;背景做为深色,更加能凸显组件的颜色,组件功能清晰,在大屏上更能一目了然,更符合应用场景。
清晰的结构:数据可视化呈现的是一幅作品,布局决定阅读者的浏览顺序。清晰的平面布局能很好的帮助阅读者获取信息,有规则的布局可以让图看起来十分规整,利于探索。
整个页面信息传达有重点,克制不冗余,避免信息过载,用最适量的数据表达对用户最有用的信息。
主视觉说明
1.主视觉在深色3D地图的基础上,加了上升粒子线条与空中漂浮的粒子,让整个场景更科技,更未来,更智慧。
2.主视觉中设置了摄像头、传感器、学校、医院、公园等点位分布,点位可增加、删减。场景中以流光表示街道上的车流穿梭,流光与点位动静结合,整个大屏看起来更有活力,充满科技感。
3.点击摄像头点位,实时弹出监控视屏,方便查看现场实时情况。在无交互操作时,采取点位轮播的形式,可设置轮播时间。
4.点击学校,画面聚焦学校,弹框展示该学校具体信息。
5.点击下方城运街道,展开城运街道各街道的具体信息以及查看值班长和值班人员,可直接接通电话,实时调度。
指标说明(左屏5个指标)
1.城市基数可直观的查看人口、房屋、单位的数量以及环比上涨及增长率。
2.城市保障实时查看水、点、燃气的情况及选择某项实时查看24小时走势图。
3.城市交通主要查看内、外、中环的车流情况以及具体查看主干道拥堵情况。
4.公共卫生以数字卡片的形式清晰查看疫情疾病的实时情况。
5.城市之眼主要以视频为主,以轮播点的形式进行查看。
指标说明(右屏5个指标)
1.城市之声以饼图的形式分别查看各个事件的数量、以及各事件发生数量占总数量的百分比。
2.热点舆情以词云图的形式查看最近热点话题比重。时间轴的形式可单独查看某一个月的热点话题。
3.城市事件以流程图形式查看从发现到结案的每个流程的实时进度
4.风险预警主要产看天气、客流、经济等的预警状态与解除状态。
5.专项应用接入23个,分为区级应用15个,街道应用8个。这些应用可以解决我们城市治理中的多项难点、赌点、痛点。
城市运行平台可视化项目(图ZMzQyODExNDY4) - 其他UI - 站酷设计师满溢manyi原创素材 - 站酷ZCOOL
Collect
城市运行平台可视化项目(图ZMzQyODExNDcy) - 其他UI - 站酷设计师满溢manyi原创素材 - 站酷ZCOOL
Collect
城市运行平台可视化项目(图ZMzQyODExNDc2) - 其他UI - 站酷设计师满溢manyi原创素材 - 站酷ZCOOL
Collect
城市运行平台可视化项目(图ZMzQyODExNDgw) - 其他UI - 站酷设计师满溢manyi原创素材 - 站酷ZCOOL
Collect
城市运行平台可视化项目(图ZMzQyODExNDg0) - 其他UI - 站酷设计师满溢manyi原创素材 - 站酷ZCOOL
Collect
城市运行平台可视化项目(图ZMzQyODExNDg4) - 其他UI - 站酷设计师满溢manyi原创素材 - 站酷ZCOOL
Collect
城市运行平台可视化项目(图ZMzQyODExNDky) - 其他UI - 站酷设计师满溢manyi原创素材 - 站酷ZCOOL
Collect
7
Report
|
10
Share
相关推荐
评论
用户头像
in to comment
Add emoji
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
You may like
相关收藏夹
大家都在看
Log in