DB37T 4614.4-2023“愛山東”政務(wù)服務(wù)平臺(tái)移動(dòng)端 第4部分：界面設(shè)計(jì)要求　　

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