城市大脑 界面设计规范.pdf

ICS35.200

CCSL70

DB3710

威海市地方标准

DB3710/T210—2023

城市大脑界面设计规范

Userinterfacedesignspecificationsforcitybrain

2023-11-17发布2023-12-17实施

威海市市场监督管理局发布

前言

本文件按照GB/T1.1—2020《标准化工作导则第1部分：标准化文件的结构和起草规则》的规定起

草。

请注意本文件的某些内容可能涉及专利。本文件的发布机构不承担识别专利的责任。

本文件由威海市大数据局提出、归口并组织实施和评估。

本文件起草单位：威海市大数据局、威海智慧北洋信息技术有限公司。

本文件主要起草人：王璐、于治超、马欣惠、王强、娄旸。

引言

根据《关于印发<加快推进“城市大脑”建设工作方案><“城市大脑”建设试点分工>的通知》（数

字强省办发〔2023〕4号）的要求，实施城市大脑建设提升行动，探索构建城市智能体，在业务应用建

设与互联互通、强化平台支撑与赋能应用、基层覆盖与智慧社区联动、技术标准与管理规范应用、建立

健全建设与运行机制五个方向开展试点工作。

技术标准与管理规范应用试点要求完善制定标准规范，初步建立市域城市大脑技术标准和管理规范

体系。

城市大脑部分专题应用以部门自建为主，为了保证整体风格的统一，同时便于后期的扩展和维护，

需要有统一的界面规范，指导各部门进行设计和开发，赋能城市大脑建设。

本文件明确了城市大脑及各业务专题在UI界面设计时的规范化指导要求，需要威海市各部门的可视

化系统按统一UI界面规范进行设计和接入。

城市大脑界面设计规范

1范围

本文件规定了城市大脑界面设计的术语和定义、缩略语、总体要求、界面模块设计、界面元素设计。

本文件适用于各级各部门信息化系统可视化部分的界面设计和接入使用。

2规范性引用文件

本文件没有规范性引用文件。

3术语和定义

下列术语和定义适用于本文件。

3.1

城市大脑citybrain

运用大数据、云计算、物联网、人工智能、区块链、数字孪生等技术，提升城市现代化治理能力和

城市竞争力的新型基础设施。

3.2

全局边距globalmargin

页面内容到平台设备屏幕边缘的距离。

3.3

间距spacing

界面中文字与文字、模块与模块之间的展示距离。

4缩略语

下列缩略语适用于本文件。

UI：用户界面（UserInterface）

B/S：浏览器/服务器（Brower/Server）

C/S：客户端/服务器（Client/Server）

JPG：联合图像专家组(JointPhotographicExpertsGroup)文件格式

MPEG：动态图像专家组（MovingPictureExpertsGroup）

PNG：可移植性网络图像（PortableNetworkGraphics）

PSD：Photoshop的专用格式（AdobePhotoshopDocument）

SKETCH：矢量绘图软件Sketch的专用格式（Sketch）

PX：像素（Pixel）

5总体要求

总体设计应符合下列要求：

a)符合B/S或C/S软件系统架构设计要求；

b)兼容当前主流显示器的屏幕尺寸与分辨率，当各分平台、子平台在省级主平台界面展现时符合

省级统一要求；

c)保持界面风格一致；

d)色彩对比度不低于10：1；

e