...

by Zengjing 2016-04-18

WebGIS之UI与交互模型设计准则

什么是GIS

GIS(Geographic Information System)是指对整个或部分地球表层(包括大气层)空间中的有关地理分布数据进行采集、储存、管理、运算、分析、显示和描述的技术系统。GIS按照终端分为Desktop GIS、WebGIS、Mobile GIS。本文讨论主体是WebGIS。高德地图、Google地图等应用即为WebGIS。

如何设计WebGIS UI

WebGIS UI设计应遵循以下规则:

  • 一屏布局原则
  • 从平行布局到层叠布局(Google地图旧版到新版)
  • 地图展示视野最大化(高德地图)
  • 地图渲染配色为核心
  • GIS行业色与语义化图案
如何设计WebGIS交互模型

WebGIS 交互设计应遵循以下步骤:

  • Step1:业务功能分解(最小颗粒)
  • Step2:业务功能组合(非线性结构)
  • Step3:定义最大层级数(并行功能数)
  • Step4:功能层叠组合(最小模块化)
参照实例
系列文章

收获点赞: 0

评论

...