地理空间设计系统

作为海康威视企业级地理空间设计系统的核心负责人,主导该系统的规划与搭建工作。具体包括:基于安防业务场景调研多行业需求,建立新的设计规范与资产库,推动开发组件的实现与工具平台的打通

担任角色

总设计负责人&全局排期统筹
主导梳理设计系统结构
独立完成设计规范30%内容编写

参与团队

HIK Design设计体系团队
EBG企事业设计团队
PBG公共事业设计团队

项目时间

2025年1月 - 2025年5月

设计能力

设计系统建设经验
沟通统筹经验

现状问题

业务背景

海康的软件涉及政府机构、企业园区等各行各业的安防业务(如监控点查看、事件告警、指挥调度等),这些业务大多与我们生活的真实空间紧密相关,要求结合地理空间做信息展示。因此,80%+的平台应用与项目都包含地图

平台应用
数字孪生项目

然而,此前并无公司级的地理空间设计规范。行业设计团队内部各自小范围建设地图资产库,或设计时完全无规范,导致产出物五花八门,地图内容设计不一致的问题日益明显。

不同角色的困境与诉求

在这样的背景下,不同角色在实际项目中逐渐暴露出一系列具体问题。

设计师

总部与区域业务中心的合作模式为:总部设计师化分至各行业,专注设计基线产品&工具。区域设计师根据这些产品、工具来承接各行各业的区域项目。

然而,总部各行业间,总部与区域间设计师存在沟通壁垒,这导致在实际项目中,设计师普遍面临以下情况:

不知道有这些规范

“每次有地图项目,我们都是直接去资产库里找一个大项目的界面设计稿参考这个做。要是总部有相关规范就好了。"

孔工
山东业务中心

不知道规范怎么用

“那几份规范都只有少量地图工具的说明,看完了还是不知道怎么用。"

李工
政府设计组

规范间不一致

“非常类似的工具,这份规范叫框选,那份规范叫空间查询。不知道到底有什么区别,该以谁为准?"

陈工
企事业设计部

缺乏可复用的资产,设计稿复用成本高

“业务中心项目量非常大,我们得快速响应。直接从别的项目设计稿复制地图部分控件更快,但经常找不到这些项目对应的设计师、要不到文件。"

邢工
华东业务中心

同时,这两年三维地图项目激增,但只有少数设计师具备相关设计经验,缺乏相关经验的设计师在面对新项目时更不清楚从何入手

研发

在研发侧,同样存在不少困境反馈:

  • 许多研发缺乏地图相关开发经验
  • 无地图开发组件库,重复开发效率低,且完成度低
  • 公司内部存在多个地图工具平台,但平台之间联通性差,且很多人不知道
  • 开发效率不稳定
  • 设计难以被一致还原
  • 技术积累难以沉淀为统一能力,每个项目都在一定程度上重新搭建

项目经理、销售

在项目初期,项目经理与销售通常负责与客户沟通并协助决策地图选型。但其中许多人对有什么地图类型、各类型的适用场景理解有限,能够为用户提供的方案往往基于过往经验,较为局限。

问题洞察

跳出角色范围审视这些问题时,可以发现它们都在围绕:地图能力没有形成一套全面清晰、统一、可复用的做法,主要体现在:

对地图项目缺乏认知
不知道一个完整的地图项目该从哪里开始、包含哪些模块
各团队缺乏统一标准
命名、交互方式、样式与平台能力各自为营,缺少统一判断标准
无体系化资产
经验与组件未沉淀、未形成体系,设计与开发频繁重复造轮子

因此,它不仅是一份设计规范,还要能作为地图设计的白皮书,
支持设计师在实际业务场景下快速掌握设计方向、落地交付

设计目标

本系统面向地图项目中以设计师为核心的工作场景,同时服务于研发、项目经理与销售等协作角色。

全面而清晰

提供全面、易懂的设计指引,赋能设计师独立、顺畅地解决各类地图设计问题

一致性

统一交互、视觉与命名标准,降低跨团队协作成本,保障产出成果一致性

可快速复用

沉淀高频场景与成熟方案为可复用的设计、研发组件,提升项目响应速度与交付效率

工程化与可扩展

构建可扩展的设计系统框架,对齐平台工具能力,使系统能够随业务场景增长而持续扩展

挑战与难点

方向明确之后,真正的难点开始显现。在推进过程中,主要面临两个核心挑战:

在全新知识领域,首次构建设计系统
建设难点:
  • 地理空间为全新的知识领域,多数设计师对其存在较大知识断层
  • 业务高度相关,无法简单抽离为样式或组件层规范
  • 传统端侧的设计系统模式无法直接复用
建设定位:
  • 设计指引需要起到一个引导指南+知识库的作用
  • 目标是让新手设计师能够从0到1,一站式看懂地理空间的设计如何开展
行业需求五花八门,难以协调达成一致
推进难点:
  • 不同行业需求存在差异
  • 部分团队在对齐拉通时较为强硬,希望规范可直接参照他们的资产进行微调
推进目标:
  • 规范不能脱离业务场景
  • 降低跨团队、部门协作阻力
  • 提升设计系统的信任度与共识

策略拆解

接下来,我将围绕这两个挑战,展开具体的策略与拆解过程。

挑战 1

在全新知识领域,首次构建设计系统

与十几名设计师展开访谈,并在各组内进行需求收集后,发现他们在地图设计过程中普遍存在以下知识盲区:

若这些问题得不到回答,仅提供组件或样式规范,仍无法真正帮助设计师完成项目。

从地理空间信息本身,重新梳理结构

为了让设计师从0到1理解地图类项目的开展方式,我首先回到地理空间信息本身、对其结构进行梳理。首先,基于真实业务中“地图+数据+操作”的应用方式,我将地理空间信息解构为三个层级,同时结合它们与上层业务面板之间的关联,初步构建出一个可理解、可延展的系统框架

增设全局指引模块,补齐基础认知

与传统设计系统侧重样式与组件不同,本次设计系统额外增加了“全局指引”模块。这一部分用于回答地图类项目中的基础问题,如:不同类型地图的特点与适用场景、如何基于业务需求进行地图选型、页面布局等全局性科普、引导

细化三大层级内容,从概念到应用

在结构框架基础上,我进一步细化地理空间信息下,地图层、信息要素层与地图工具层的具体内容。每个层级均围绕三个问题展开:是什么、现在有哪些形式/内容、怎么用,帮助设计师从概念理解,到实际应用落地。

补充三维项目协作指南

考虑到三维项目涉及多角色协作、且多数设计师缺乏项目经验,我额外补充了三维项目协作指南。该部分梳理了:不同阶段需要对接哪些角色、每个阶段需要做什么、怎么做、产出哪些成果物。同时提供了各阶段成果物模板,帮助团队在三维项目中减少沟通成本,提高协作效率。

挑战 2

行业需求五花八门,难以协调达成一致

面对态度强硬、不愿意变更自己内部规范的团队时,从沟通中了解到对方的顾虑主要来源于两方面:

阻力并非不是因为反对统一,而是各团队担心业务适配性与历史投入受到影响。如果设计系统不能尊重既有实践,就很难建立各团队的信任。因此我将推进思路从“制定规范”转向“建立共识 + 降低阻力”,并从需求收集与资产整合两个阶段同时入手。

设计成果

发布企业级设计系统

全面而清晰
一致性
在公司设计规范官网发布《地理空间设计系统 V1.0》,并组织线上、线下宣贯培训,正式确立企业级统一设计基准。

发布设计组件库

可快速复用
一致性
基于设计指引内容构建设计组件库,覆盖地理空间信息三大层级的全部内容。
同时与公司桌面端设计系统 token 打通,实现跨系统视觉与变量一致。降低设计重复成本,提升项目交付效率。

代码化 & 工具平台打通

工程化
推动设计资产代码化,与研发协作发布开发组件库,实现从设计规范到工程组件的转化。
同时拉通工具平台能力,在规范与培训中整合推广现有地图工具,提升系统落地效率。

复盘反思

1
如何长期维护设计系统

设计系统并不是一次性交付,它需要随着业务场景的扩张不断拓展。因此在发布 V1.0 的同时,我也与相关负责人共同规划了后续的维护与迭代机制:

  • 通过建立统一的需求收集通道,持续汇总各行业团队的新增需求
  • 以版本形式进行迭代更新,确保规范变更可追溯
  • 由 PBG 与 EBG 共同组成核心维护团队,负责需求评估与版本规划

在宣贯阶段我们也公布了相关接口人,并明确向各团队传达:设计系统会根据实际业务需求持续更新与完善。如果有更长周期,我会重点关注 需求覆盖情况组件复用情况 两个指标,以评估系统的实际使用效果。

2
从问题本质出发构建设计系统

对我来说,设计系统不仅是提供统一规范的工具,更应该成为设计师在真实项目中的全链路实用指南

当设计系统需要传达的内容属于多数设计师相对陌生的知识领域时,不能简单套用传统设计系统的表达方式,而需要回到更底层的问题:设计系统到底要为用户解决什么? 因此,我尝试梳理尽可能完整的信息框架,让设计师即使对地理空间了解不深,也能通过快速阅读建立基础认知并开展设计;同时在遇到问题时,也能回到系统中找到对应的解释与参考。

同时,设计规范不能脱离真实业务场景,否则很容易变成难以落地的纸面规范。因此在系统建设中,我也尽量结合真实业务案例,通过具体场景解释不同设计方式的适用条件与取舍逻辑,帮助设计师理解为什么这样设计、在什么情况下可以做出不同选择。

3
设计决策中的团队沟通与统筹

求同存异——在推动系统建设时我意识到,业务差异不等于设计不统一。对地理空间这样的强业务领域,更重要的是在尊重各行业沉淀与实际需求的前提下,通过需求并集与资产复用寻找共性,而不是简单地要求所有团队遵循单一规范。

利他视角——在拉通组件研发、工具平台团队与我们合作时,我尝试从对方视角出发,说明打通平台、结合设计系统能够帮助其产品获得更广泛的使用场景、增加项目单量,从而提升他们参与协作的意愿,将我方需求纳入近期迭代计划。