...

by Zengjing 2022-11-15

布局模型:可视化布局

概述

可视化布局包括GIS可视化(以地图为核心)与MIS可视化(以业务数据为核心)布局。

  • GIS可视化布局是指以地图为核心,由地图+各项业务指标组成。一般以全屏展示,也可根据设备尺寸定制设计。地图有专业地图、eChart地图等。
  • MIS可视化布局是指以聚合数据卡片化为核心,由各类业务数据、系统链接、待办面板、资讯聚合等组成。也可以局部集成地图面板。
  • 可视化布局类型有三列布局型和两列布局型两种。

布局

  • 三列布局型:左侧与右侧为业务指标模块,中间为地图主视图。地图可以全屏展示,也可以布局展示。
  • 两列布局型:一列为业务指标模块、一列为地图。业务指标模块宽度一般占比35%,也可根据需求进行调整。

骨架图

GIS可视化三列布局(全屏地图)

GIS可视化三列布局(非全屏地图)

GIS可视化两列布局

MIS可视化布局


设计要点

  • GIS可视化页面颜色一般采用深色系风格偏多,MIS可视化页面颜色一般采用浅色风格偏多。也可根据实际需求来选择。
  • GIS业务指标模块可浮在地图上,也可按块分割。
  • 常见业务指标有:各类统计图表、数据列表、数据卡片、排行榜,图文展示。
  • 各类统计图表需要根据业务类型来设计,在不影响数据展示的前提下,尽量丰富展示形式。

优劣势分析

优点
  • GIS可视化:地图和各项数据指标联动展示,数据更丰富,浏览方便。深色风格对比强烈,美观,大气。
  • MIS可视化:聚合各类业务数据,集中展示与处理,高效方便。
缺点
  • 使用深色风格时,要注意颜色的对比度,背景颜色选择要斟酌,否则颜色过重容易产生压抑的感觉。
  • 界面中使用鲜艳的颜色时要统一色系,颜色系不统一容易产生杂乱的感觉。

系列文章

收获点赞: 0

评论

...