（正式版）DB37∕T 4614.4-2023 《“爱山东”政务服务平台移动端 第4部分：界面设计要求》

37"Aishandong"governmentserviceplatformmobileterminal—Part4:II 2 5 8本文件按照GB/T1.1—2020《标准化工作导则第1部分：标准化文件的结构和起草规则》的规定请注意本文件的某些内容可能涉及专利。本文件的发布机构不承担识别专利的责任。——第3部分：安全规范。本部分旨在规范“爱山东”政务1"爱山东"政务服务平台移动端第4部分：界面设计要求DB37/T4614.1—2023“爱山东”政务服务平台移动端第1部分：总体架构4缩略语b)应保持界面风格一致；宜包括操作性按钮、导航标题等组件，分布于界面上方，高度宜采用88p2图1导航栏为需要子菜单切换的界面提供底部菜单栏，最多不超过5个子菜单，分布于界面底部，高度宜采用辅助色宜应用于辅助性的按钮、图标等组件，主色、辅助色宜#ff8f1f#4876ff#00bfdo#eOf7ff#5260ff#1677ff#edeeff#ddfcff#ebefff#ffeeee#ffeeef#ffefdf#e7flff3DB37/T4614.页面背景、卡片背景、控件背景等背景色宜采用图4中给出的色#ffffff主标题、副标题、提示语、警告语等文字宜采用图5中给出的色号。蒙层用于突出内容显示，色号宜采用#000000色号，可根据实际情况调整蒙层的透明界面常用字体形式包括中文、英文和数字等，其字号大小、行间距、应用场景见表1。行间距和字号的比例宜保持1.4,中文、英文和数字组合使用时应保持字号一致。14表1字号、行间距及应用场景(续)234567.3.1边界间距边界间距用于间隔界面内容与界面边缘，尺寸宜为边界间距用于间隔界面内容与界面边缘，尺寸宜为24px,见图6。边界间距图6边界间距7.3.2模块间距模块间距用于间隔模块内部内容，尺寸宜为12px、16px、24px、32px等4的倍数，见图7。图7模块间距7.3.3图文间距图文间距用于间隔图标和文字，包括但不限于：a)以宫格样式进行展示时，文间距尺寸宜为8px;b)以内容样式进行展示时，文间距尺寸宜为16px;c)以列表样式进行展示时，文间距尺寸宜为32px。图文间距见图8。标题文字标题文字标题文字标题文字图文间距图8图文间距8.1图标适用于外轮廓为圆形的适用于外轮廓为竖长的适用于长宽尺寸相同的图9图标栅格视觉比例全局按钮用于对整个界面的操作，分为正常态和禁用态，高度、圆角、颜色等要角：8px正常态颜色：#e7f1ff颜色：#f8f8f8文字颜色：#ffffff禁用态图10全局按钮普通按钮用于具体界面的功能选择，高度、圆角、颜色等要ffffff图11普通按钮8.2.3胶囊按钮胶囊按钮用于界面层级较低或者不鼓励用户操作时，高度、圆角、颜色等要6胶囊按钮胶囊按钮胶囊按钮颜色：#1677ff文字颜色：#ffffff文字字号：24px颜色：#e7flff文字颜色：#1677ff文字字号：24px颜色：#fffff文字颜色：#1677ff8.3表单标题对话框由内容和按钮组成，对话框内容应由文字、标题等多种元素的一种或几种组告知当前状态，信息和解决方法搜索框由搜索图标、输入框、语音控件等多种元素的一种或几种组合组成，字体、字号、颜色等要求见图16。颜色：#99999图16搜索框8.7分段式标签分段式标签用于切换不同内容，最多不超过5个标签，一般分布于导航栏下方，字体、字号、颜色等要求见图17。图17分段式标签8.8服务应用标语栏服务