ICS 35.240 CCS L 67 37 山东省 地方标准 DB37/T 4614.4—2023 “爱山东”政务服务平台移动端 第4部分：界面设计 要求 "Aishandong" government service platform mobile terminal —Part 4: Interface design requirements 2023 - 05 - 11发布 2023 - 06 - 11实施 山东省市场监督管理局 发布 DB37/T 4614.4 —2023 I 目次 前言 ................................ ................................ ................. II 引言 ................................ ................................ ................ III 1 范围 ................................ ................................ ............... 1 2 规范性引用文件 ................................ ................................ ..... 1 3 术语和定义 ................................ ................................ ......... 1 4 缩略语 ................................ ................................ ............. 1 5 基本要求 ................................ ................................ ........... 1 6 界面组成 ................................ ................................ ........... 1 7 界面元素 ................................ ................................ ........... 2 8 界面组件 ................................ ................................ ........... 5 参考文献 ................................ ................................ .............. 8 DB37/T 4614.4 —2023 II 前言 本文件按照 GB/T 1.1 —2020《标准化工作导则 第1部分：标准化文件的结构和起草规则》的规定 起草。 本文件是 DB37/T 4614《统一政务服务移动客户端》的第 4部分。DB37/T 4614已经发布了以下部分： —— 第1部分：总体架构； —— 第2部分：运营管理规范； —— 第4部分：界面设计要求。 请注意本文件的某些内容可能涉及专利。本文件的发布机构不承担识别专利的责任。 本文件由山东省大数据局提出、归口并组织实施。 DB37/T 4614.4 —2023 III 引言 “爱山东”政务服务平台移动端是我省移动政务服务的总渠道和总入口，有效推动了 移动政务服务 资源整合。 DB37/T 4614旨在确立“爱山东”政务服务平台移动端建设和管理要求，拟由四个部分组成。 —— 第1部分： 总体架构。 本部分旨在规范统一政务服务移动客户端的技术架构和服务应用架构。 —— 第2部分：运营管理规范。本部分旨在规范统一政务服务移动客户端的用户服务、宣传推广、 舆情管理、应用管理、分厅管理、移动端管理等内容。 —— 第3部分：安全规范。本部分旨在规范“爱山东”政务服务平台移动端的安全技术要求和安 全管理要求。 —— 第4部分：界面设计要求。本部分旨在规范统一政务服务移动客户端的界面组成、界面元素、 界面组件要求。 DB37/T 4614.4 —2023 1 "爱山东"政务服务平台移动端 第4部分：界面设计要求 1 范围 本文件规定了“爱山东”政务服务平台移动端界面设计基本要求、界面组成、界面元素和界面组件 要求。 本文件适用于“爱山东”政务服务平台移动端界面设计和应用，也适用于指导服务应用的界面开发 和设计。 注： 本文件主要规范独立开发的 App界面设计，各类小程序界面参照执行。 2 规范性引用文件 下列文件中的内容通过文中的规范性引用而构成本文件必不可少的条款。 其中， 注日期的引用文件， 仅该日期对应的版本适用于本文件；不注日期的引用文件，其最新版本（包括所有的修改单）适用于本 文件。 DB37/T 4614.1—2023 “爱山东”政务服务平台移动端 第1部分：总体架构 3 术语和定义 DB37/T 4614.1—2023界定的术语和定义适用于本文件。 4 缩略语 下列缩略语适用于本文件。 px：像素（ Pixel） 5 基本要求 界面设计基本要求包括但不限于： a) 应符合移动终端的交互方式，兼容当前主流移动终端的屏幕尺寸与分辨率； b) 应保持界面风格一致； c) 界面栏目结构层次不宜超过 3层； d) 应避免使用弹出窗口、漂浮窗口，确需使用时，不应使用多个窗口，且窗口应提供关闭按钮。 6 界面组成 导航栏 6.1 宜包括操作性按钮、导航标题等组件，分布于界面上方，高度宜采用 88px，见图1。 DB37/T 4614.4 —2023 2 图1 导航栏 内容显示区 6.2 宜包括图标、按钮、表单、列表、对话框、搜索框、分段式标签、服务应用标语栏等组件，分布于 导航栏下方。 底部菜单栏 6.3 为需要子菜单切换的界面提供底部菜单栏，最多不超过 5个子菜单， 分布于界面底部，高度宜采用 92px，见图2。 图2 底部菜单栏 7 界面元素 颜色 7.1 7.1.1 基础色 界面总体使用蓝色和橙色作为主色， 宜 用于指示性强烈的 组件及在特定场景下需要重点突出的信息 ， 辅助色宜应用于辅助性的按钮、图标等组件，主色、辅助色宜采用图 3中给出的色号。 图3 基础色