青海师范大学——大气污染可视化系统界面视觉设计

vue开发 | 交互设计 | 界面设计

大气污染可视化系统是由青海师范大学老师带领学生参加比赛的作品设计,该参赛作品的选题背景以新形势下环境保护需求为导向,聚焦环保信息化技术领域。此次活动比赛促进了师范生教学技能训练,展示了青海师范大学生的良好精神风貌,对于增强学生实践能力,提高人才培养质量具有重要意义。

大气污染可视化系参赛作品由青海师范大学委托蓝蓝设计负责重点页的界面视觉设计、交互设计,青海师范大学老师带领学生负责开发。蓝蓝设计人员接到任务后,通过前期的充分沟通,将原有的系统界面进行改版,期间不断完善界面的每一处细节,最终圆满完成该项目。

天气GIS软件UI设计

产品定位

该参赛系统是实现对区域内空气质量多方面、全方位的掌握和把控的一个系统。通过数据发现问题、分析问题、解决问题,及时掌握全国污染现状及区域的环境风险,为环境空气质量的精准治理和相关决策提供有力的科学支撑。

天气GIS软件UI设计

目标用户

该参赛系统目的是助力环保数据可视化展现,为环境管理部门提供各项数据监测、分析、管理服务,提升其精细化管控治理能力。充分满足各级环保部门环境的建设要求,支持各级环保部门环境监理与环境监测工作,适应不同层级用户的管理需求。

天气GIS软件UI设计

设计风格

通过前期的调研和沟通最终采用富有科技感的设计形式。界面整体采用深蓝背景,通过背景图案展示界面的纵深感。富有科技感的边框和线条来凸显界面的科技感。数据展示和控件在主色调的基础上运用一些鲜明色作为点缀,即丰富了页面也突出了要展示的信息。

天气GIS软件UI设计

首页界面设计

原产品⽅案中,界⾯功能区虽然区分明确,颜色色块视觉比重大,整体数据显得过于拥挤杂乱,用户的视觉观感效果差。

蓝蓝设计面对庞杂的信息,去粗取精,提炼各场景的核心内容,避免冗余信息阻碍内容有效传达,做到信息可视,清晰传达。

同时采用清晰的图表进行数据展示,并留有空白,让界面整体具有呼吸感,让客户以最直观的方式理解信息,大幅度降低内容理解门槛。


大气污染可视化UI界面设计
大气污染可视化UI界面设计
大气污染可视化UI界面设计

临汾市范围界面设计

原产品⽅案中,界⾯功能区虽然区分明确,但信息层级区分并不明确,让用户抓不住重点,不知道往哪里看。

    蓝蓝设计人员遵守人的阅读习惯,强化主、次信息;统计数据浮于场景之上,形成内容上的空间感,又保证较高的扩展性。统一各视图的排版规则,稳定的布局,能避免打断观看者心流。从系统上可以明显看出山西省临汾市的各项环境数据指标。

大数据可视化系统界面设计

治理模块界面设计

该板块为大气污染可视化系统的治理板块,通过该板块可以看到山西省临汾市治理的事件、治理效果分析、治理期间的污染浓度变化趋势等等功能需求。

    蓝蓝设计人员通过文字颜色,粗细、高亮的区别更好的区分层级关系,满足人眼阅读习惯和业务数据的展示需求。


大数据可视化系统界面设计

  返回