DB37_T 4614.4-2023 “爱山东”政务服务平台移动端 第4部分：界面设计要求.docxVIP

ICS35.240CCSL67

37

山东省地方标准

DB37/T4614.4—2023

“爱山东”政务服务平台移动端第4部分：界面设计要求

Aishandonggovernmentserviceplatformmobileterminal—Part4:Interfacedesignrequirements

2023-05-11发布2023-06-11实施

山东省市场监督管理局发布

DB37/T4614.4—2023

目次

前言 II

引言 III

1范围 1

2规范性引用文件 1

3术语和定义 1

4缩略语 1

5基本要求 1

6界面组成 1

7界面元素 2

8界面组件 5

参考文献 8

I

DB37/T4614.4—2023

前言

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

起草。

本文件是DB37/T4614《统一政务服务移动客户端》的第4部分。DB37/T4614已经发布了以下部分：——第1部分：总体架构；

——第2部分：运营管理规范；——第4部分：界面设计要求。

请注意本文件的某些内容可能涉及专利。本文件的发布机构不承担识别专利的责任。本文件由山东省大数据局提出、归口并组织实施。

II

DB37/T4614.4—2023

引言

“爱山东”政务服务平台移动端是我省移动政务服务的总渠道和总入口，有效推动了移动政务服务资源整合。DB37/T4614旨在确立“爱山东”政务服务平台移动端建设和管理要求，拟由四个部分组成。

——第1部分：总体架构。本部分旨在规范统一政务服务移动客户端的技术架构和服务应用架构。

——第2部分：运营管理规范。本部分旨在规范统一政务服务移动客户端的用户服务、宣传推广、舆情管理、应用管理、分厅管理、移动端管理等内容。

——第3部分：安全规范。本部分旨在规范“爱山东”政务服务平台移动端的安全技术要求和安全管理要求。

——第4部分：界面设计要求。本部分旨在规范统一政务服务移动客户端的界面组成、界面元素、界面组件要求。

III

DB37/T4614.4—2023

爱山东政务服务平台移动端第4部分：界面设计要求

1范围

本文件规定了“爱山东”政务服务平台移动端界面设计基本要求、界面组成、界面元素和界面组件要求。

本文件适用于“爱山东”政务服务平台移动端界面设计和应用，也适用于指导服务应用的界面开发和设计。

注：本文件主要规范独立开发的App界面设计，各类小程序界面参照执行。

2规范性引用文件

下列文件中的内容通过文中的规范性引用而构成本文件必不可少的条款。其中，注日期的引用文件，仅该日期对应的版本适用于本文件；不注日期的引用文件，其最新版本（包括所有的修改单）适用于本文件。

DB37/T4614.1—2023“爱山东”政务服务平台移动端第1部分：总体架构

3术语和定义

DB37/T4614.1—2023界定的术语和定义适用于本文件。

4缩略语

下列缩略语适用于本文件。px：像素（Pixel）

5基本要求

界面设计基本要求包括但不限于：

a)应符合移动终端的交互方式，兼容当前主流移动终端的屏幕尺寸与分辨率；

b)应保持界面风格一致；

c)界面栏目结构层次不宜超过3层；

d)应避免使用弹出窗口、漂浮窗口，确需使用时，不应使用多个窗口，且窗口应提供关闭按钮。

6界面组成

6.1导航栏

宜包括操作性按钮、导航标题等组件，分布于界面上方，高度宜采用88px，见图1。

1

DB37/T4614.4—2023

图1导航栏

6.2内容显示区

宜包括图标、按钮、表单、列表、对话框、搜索框、分段式标签、服务应用标语栏等组件，分布于导航栏下方。

6.3底部菜单栏

为需要子菜单切换的界面提供底部菜单栏，最多不超过5个子菜单，分布于界面底部，高度宜采用92px，见图2。

图2底部菜单栏

7界面元素

7.1颜色

7.1.1基础色

界面总体使用蓝色和橙色作为主色，宜用于指示性强烈的组件及在特定场景下需要重点突出的信息，辅助色宜应用于辅助性的按钮、图标等组件，主色、辅助色宜采用图3中给出的色号。

图3基础色

2

DB37/T4614.4—2023

7.1.2背景

页面背景、卡片背