37"Aishandong"governmentserviceplatformmobileterminal—Part4:II 2 5 8本文件按照GB/T1.1—2020《標準化工作導則第1部分：標準化文件的結構和起草規(guī)則》的規(guī)定——第3部分：安全規(guī)范。本部分旨在規(guī)范“愛山東”政務1"愛山東"政務服務平臺移動端第4部分：界面設計要求DB37/T4614.1—2023“愛山東”政務服務平臺移動端第1部分：總體架構4縮略語b)應保持界面風格一致；宜包括操作性按鈕、導航標題等組件，分布于界面上方，高度宜采用88p2Q、搜索詞Q、搜索詞圖1導航欄6.2內(nèi)容顯示區(qū)6.3底部菜單欄為需要子菜單切換的界面提供底部菜單欄，最多不超過5個子菜單，分布于界面底部，高度宜采用92px,見圖2。圖2底部菜單欄7界面元素7.1顏色#ff8f1f#4876ff#0Obfdo#5260ff#1677ff#edeeff#ddfeff#e7f1ff#ebefff#ffeeee#ffeeef#ffefdf#e0f?ff圖3基礎色3DB37/T4614.#ffffff7.2字體14DB37/T4614.4—2023表1字號、行間距及應用場景(續(xù))2用于列表標題、表單標題等34567.3.1邊界間距邊界間距用于間隔界面內(nèi)容與界面邊緣，尺寸宜為24px,見圖6。邊界間距圖6邊界間距模塊間距用于間隔模塊內(nèi)部內(nèi)容，尺寸宜為12px圖7模塊間距a)以宮格樣式進行展示時，文間距尺寸宜為8px;b)以內(nèi)容樣式進行展示時，文間距尺寸宜為16px;c)以列表樣式進行展示時，文間距尺寸宜為32px。圖文間距見圖8。|圖文間距標題文字標題文字標題文字標題文字圖8圖文間距58界面組件圖標一般包括推薦圖標和普通圖標，圖標的柵格視覺比例應保持一致。對于視覺張力較小的圓形圖標，應撐滿整格；對于視覺張力較大的方形圖標，應等比例適當縮??；豎長圖標應上下?lián)螡M格，左右間圖9圖標柵格視覺比例8.2按鈕8.2.1全局按鈕圖10全局按鈕8.2.2普通按鈕圖11普通按鈕8.2.3膠囊按鈕6顏色：#1677顏色：#1677ff文字顏色：#ffffff顏色：#e7flff文字顏色：#1677ff文字字號：24px文字字號：24px膠囊按鈕膠囊按鈕膠囊按鈕圖12膠囊按鈕8.4列表標題顏色：#33333圖14單行列表8.5對話框告知當前狀態(tài)，信息和解決方法圖15對話框8.6搜索框7圖16搜索框分段式標簽用于切換不同內(nèi)容，最多不超過5個標簽，一般分布于導航欄下方，字體、字號、顏