SCI论文（www.lunwensci.com）:
摘要：本文探讨了标准体系，特别是设计规范在大项目应用实施中的指导作用。分析了武汉智慧城市项目实施中存在的一致性问题，提出了设计规范在项目应用系统中统一实施的步骤和策略，并运用到“一网统管”和“一网协同”等场景中；积累设计规范在大项目开发中的运用经验，希望为后来者提供借鉴与启发。
关键词：标准体系；设计规范；一致性；模块化；大项目
Research on the Use of Design-guideline in the Development of Large Projects:Wuhan Smart City Infrastructure Platform as an Example
CHEN Liang
(Wuhan Fiber Home Information Integration Technology Co.,Ltd.,Wuhan Hubei 430070)
【Abstract】：This paper discusses the guiding role of standard systems,especially design guideline,in the implementation of large project applications.It analyzes some standardization problems in the implementation of Wuhan smart city project,proposes steps and strategies for the unified implementation of design code in project application systems,and specifically applies them to projects such as one network unified management and one network collaboration;and accumulates experiences of design code in the application in the development of large projects,and provide lessons and inspiration for the later more.
【Key words】：standard system;design guideline;consistency;modularity;large project
1武汉智慧城市项目标准体系与设计规范概述
1.1武汉智慧城市标准体系概述
武汉智慧城市基础平台项目（下文简称：WH智慧城市）作为2020疫情中的扛鼎之作，为维护全市人民生命财产安全作出了重大贡献。项目重点推进政务服务“一网通办”、政府运行“一网协同”、民生服务“一码互联”、城市运行“一网统管”、社会治理“一网共治”、企业服务“一站直通”，促进城市精细化治理能力显著增强、市民体验感和获得感显著提升，将武汉市建设成为多方面具备全国标杆水平的新型智慧城市。
标准体系建设遵循GB/T13016-2018《标准体系构建原则和要求》并基于实际需要补充相关内容。标准体系由总体标准、应用支撑标准、数据标准、安全标准和管理标准五大类标准组成，用于规范从设计到开发实施的全过程，确保系统建设的有序进行。
1.2应用支撑标准下的设计规范概述
应用支撑标准由应用场景定义和设计规范等内容构成。为引领智慧城市应用场景建设，确保各场景在智慧城市框架下的体验一致性。我们打造了The Han design设计规范。
该规范从设计原则到字体排版，从交互到文案，从动效到样式，从组件到设计工具均有涉及。The Han design为解决实际问题而生，提供了丰富的组件样式，详尽的协作流程与贴心的设计工具。希望在这套设计语言的驱动下，产品经理能够聚焦思维与业务；设计师能够摆脱重复劳动，专注动效与美感；工程师能够便捷的选取组件，专注代码质量与效率；并指导后续衍生的模块/功能开发，持续赋能。
2设计规范应用现状分析与优化路径
2.1智慧城市项目在实施上的不足
WH智慧城市建设内容涉及的系统庞杂、产品形态众多、用户角色多样。内容囊括“六个一”应用和“四大中枢”系统；产品形态包含大屏可视化系统、App、小程序、Web、智能终端设备；用户角色涵盖toC市民、toB企业法人、toG政务人员。要保证整体效果和用户体验，需引入统一的设计规范（The han design）。
WH智慧城市建设厂商多、开发流程长、存在异地交叉办公情况。各建设厂商对于项目的理解和认知有差异、对于开发流程各有侧重、对于设计环节的重视程度/能力各异、在项目组内也同时存在着异地交叉办公的情况，沟通比较困难；因此要保证开发过程的规划化和输出物质量，亟需引入统一的设计执行机制。
2.2应用支撑标准下的优化路径
针对上述问题，WH智慧城市项目依托“应用支撑标准”出具了大项目统一的设计规范，用以规范项目的整体视觉、感知；阐述规范的使用机制，约束各厂商的设计流程和产出质量审核。
结合各个细分场景的实际需求，制定有针对性和专业性的规范。例如若细分场景的产品形态是TOC的产品（App/H5/小程序），在确保主VI一致的前提下，对App的时尚性和交互体验会做单独的指导，提升用户体验满意度。
工作实施方案模块讲述设计规范从无到有，从纸上到现实，从主编方到执行侧，从设计稿到程序的全流域过程。在内容上涵盖工作任务、工作原则、工作组织、工作流程、阶段性节点实施步骤、审核与验收。在该实施方案指导下，各厂商间的协作和落地实施规范化，流程化；在交付端和产出端有一致的外显性标准和体验。
3设计规范在项目中的实施运用
3.1设计规范在“一网统管”场景中的运用
3.1.1“一网统管”场景下设计规范的信息层级
“一网统管”场景是WH智慧城市运营管理中心，是城市智慧大脑的重要组成;充分发挥数据赋能、信息调度、趋势研判、综合指挥等作用，依责指挥、协同、赋能各级政府职能部门开展工作。为了更好的理解大屏可视化业务，凸显核心功能；我们将大屏的典型页面进行归纳分析，设置了大屏的信息层级。
GIS地图/业务流程图：最底部的GIS/核心业务承载了产品最重要的信息。智慧城市建设涉及数字线划地图、数字栅格地图、数字遥感影像地图、数字高程模型图、各种数字专题图等多种地图。确切的说，我们将WH行政区划地图、道路路网（国道、省道、一级、二级、三级、小区内部道路等）、水系、建筑、建筑高层规则、建筑UV处理、建筑材质与皮肤、灯光特效、城市部件、POI展示元素等做了界定。
核心内容操作区：核心内容操作区包括IOT设备/标识层和可操作组件层，主要是浮现在地图层上的人、物、事件图层。通过一些列的点击事件，以弹框的形式呈现图片、列表、视频、chart图、告警灯事宜。通过进一步的关联操作来实现对上诉人、物、事件的事件处理。
将界面进行细致的拆解，以模块化重构的思想实现了控件、组件模块高度复用；以颜色、字体、图标规范库的形式约束了设计形式的外在表达。
外框层：外框层呈现一些标题栏、导航栏、时间、天气、边框装饰线等元素；一般置于顶层，具有较少的实质内容，以导航为核心存在；往往不作为核心部分出现。
3.1.2在规范指导下的设计实施
在WH智慧城市设计规范指导下，“一网统管”先后完成12个区街平台对接；完成24个应用细分场景；完成4大中枢能力接入，实现了体验一致、样式统一、组件复用、高度开放的生态形式。回顾其实施过程，包含如下几点：
完成规范编写：在收集各细分场景续期后，对于页面元素进行规整，开展规范的编写工作。在组织上由起草组发起，各细分场景参与编写各自业务模块，对于有重合部分综合审议后择优列入规范；在内容上从适用范围、设计理念、大屏框架布局、栅栏结构、基础控件、操作组件、GIS地图、交互动效几部分完成编写。凸显统一框架下的样式规整化一、组件高度复用、地图严谨准确；兼具多场景使用需要；保证用户体验；输出友好、愉悦的感受。
规范评审与落地宣贯：依据组织分工原则，在完成设计规范初稿后，由规范起草组向委员会提交评审申请。起草组、细分场景参与编写方、外部使用方代表、规范委员会成员对内容进行审核。主要实现内容上的完整与专业性；形式上的归类与统一（同类组件一版一个最多不超过3个）。审核通过后全面的讲述该规范的实施背景、目的、组织与实施方法、新阶段的规范成果、后续计划等内容。并在完成新场景的设计稿后，审议是否符合规范要求；是否有新增控件/组件；是否列入规范中。
图1 大屏信息层级分析
Fig.1 Hierarchical analysis of large-screen information
规范的开放与迭代：随着新场景的持续接入，肯定会出现新的组件和模块。鉴于此，设计规范需是开放的迭代模式，并非一蹴而就。规范的开放是指规范本身对项目关系人全面放开，细分场景设计人员可以根据情况提议增加规范内容，在审核通过后予以更新设计规范版本。规范的迭代是指规范在长期日积月累的新增、修改、删除更新后维持的一些大版本。该迭代版本将在资源共享网站上公示并提供下载链接，提供版本号追溯。
3.2设计规范在“一网协同”场景中的运用
WH智慧城市推动政府运行“一网协同”场景。建设数字政府协同办公平台及全市统一的国产化电子公文集约化系统，完善办文、办会、办事等应用，打造全市政务运行枢纽。推动政府网站信息向“两微一端”延伸，实现对外服务一个网站、一个App，提高政府网站运行管理水平和宣传服务能力。
“一网协同”场景设计规范实施与“一网统管”的四个步骤一致。但内容和侧重点有所不同。以chart为例，App内的chart不便点击但方便滑动，故多用横向chart图，与web端chart重展示轻操作有很大区别。为了更好实现模块组合，设计规范将一个典型界面拆分成A+B 2个模块。A和B模块分别有列表、图片瀑布流等多种形式，这样组成的界面就有AXB种组合；使该规范具有最广泛的概括性和实用性。
4结语
WH智慧城市The han design设计规范从解决问题中来，到实际交付、提升用户体验中去。针对现有大项目中容易出现的样式不统一不规范、多厂商协作设计流程不周全等问题；提出了以统一设计规范来约束项目实施的解决方案。
在具体实施中坚持权责分开，贯彻评审机制、动态更新、长效迭代的思想。将界面设计规范作为一项重要工作来狠抓落实。以形式高度统一、内容模块高度复用、用户体验级度舒适为景愿；多方协作、层层审核、逐步实施、持续优化设计规范，让设计规范助力智慧城市建设，实现设计赋能。
参考文献
[1](日)原研哉.设计中的设计[M].桂林:广西师范大学出版社,2010.
[2]尹定邦.设计学概论[M].长沙:湖南科学技术出版社,2017.[3]高艳丽.数字孪生城市-虚实融合开启智慧之门[M].北京:人民邮电出版社,2019.
[4]Chuckie,Chang.破译Web UI网页UI设计规范流程与实战案例[M].北京:人民邮电出版社,2018.
[5](美)克劳斯O.威尔克.数据可视化基础[M].北京:中国电力出版社,2018.
关注SCI论文创作发表，寻求SCI论文修改润色、SCI论文代发表等服务支撑，请锁定SCI论文网！
文章出自SCI论文网转载请注明出处：https://www.lunwensci.com/jisuanjilunwen/37326.html
