原创力文档- 1、原创力文档（book118）网站文档一经付费（服务费），不意味着购买了该文档的版权，仅供个人/单位学习、研究之用，不得用于商业用途，未经授权，严禁复制、发行、汇编、翻译或者网络传播等，侵权必究。。
- 2、本站所有内容均由合作方或网友上传，本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺！文档内容仅供研究参考，付费前请自行鉴别。如您付费，意味着您自己接受本站规则且自行承担风险，本站不退款、不进行额外附加服务；查看《如何避免下载的几个坑》。如果您已付费下载过本站文档，您可以点击 这里二次下载。
- 3、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等，请点击“版权申诉”（推荐），也可以打举报电话：400-050-0827(电话支持时间：9:00-18:30)。
- 4、该文档为VIP文档，如果想要下载，成为VIP会员后，下载免费。
- 5、成为VIP后，下载本文档将扣除1次下载权益。下载后，不支持退款、换文档。如有疑问请联系我们。
- 6、成为VIP后，您将拥有八大权益，权益包括：VIP文档下载权益、阅读免打扰、文档格式转换、高级专利检索、专属身份标志、高级客服、多端互通、版权登记。
- 7、VIP文档为合作方或网友上传，每下载1次， 网站将根据用户上传文档的质量评分、类型等，对文档贡献者给予高额补贴、流量扶持。如果你也想贡献VIP文档。上传文档
爱山东政务服务平台移动端
第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
图1导航栏
6.2内容显示区
宜包括图标、按钮、表单、列表、对话框、搜索框、分段式标签、服务应用标语栏等组件，分布于
导航栏下方。
6.3底部菜单栏
为需要子菜单切换的界面提供底部菜单栏，最多不超过5个子菜单，分布于界面底部，高度宜采用
92px，见图2。
图2底部菜单栏
7界面元素
7.1颜色
7.1.1基础色
界面总体使用蓝色和橙色作为主色，宜用于指示性强烈的组件及在特定场景下需要重点突出的信息，
辅助色宜应用于辅助性的按钮、图标等组件，主色、辅助色宜采用图3中给出的色号。
图3基础色
2
7.1.2背景
页面背景、卡片背景、控件背景等背景色宜采用图4中给出的色号。
图4背景色
7.1.3文字
主标题、副标题、提示语、警告语等文字宜采用图5中给出的色号。
图5文字色
7.1.4蒙层
蒙层用于突出内容显示，色号宜采用#000000色号，可根据实际情况调整蒙层的透明度。
7.2字体
界面常用字体形式包括中文、英文和数字等，其字号大小、行间距、应用场景见表1。行间距和字
号的比例宜保持1.4，中文、英文和数字组合使用时应保持字号一致。
表1字号、行间距及应用场景
序号字号行间距应用场景
136px50px用于导航栏标题、全局按钮文字等
3
表1字号、行间距及应用场景（续）
序号字号行间距应用场景
234px48px用于列表标题、表单标题等
330px42px用于二级导航标题、详细信息等
4
文档评论（0）