ICS35.240CCSL67ICS35.240CCSL67山 東 省 地 方 標 準DB37/T4614.4—20234"Aishandong"governmentserviceplatformmobileterminal"Aishandong"governmentserviceplatformmobileterminal—Part4:Interfacedesignrequirements2023051120230611山東省市場監督管理局發布目 次前言 II引言 III112范引文件 13語定義 14略語 15本求 16面成 17面素 28面件 5參考獻 8前 言本文件按照GB/T1.1—2020《標準化工作導則第1部分：標準化文件的結構和起草規則》的規定起草。DB37/TDB37/T4614——第1部分：總體架構；24引 言DB37/T46141234"愛山東"政務服務平臺移動端第4部分：界面設計要求范圍注：本文件主要規范獨立開發的App界面設計，各類小程序界面參照執行。（DB37/T4614.1—2023“愛山東”政務服務平臺移動端第1部分：總體架構3術語和定義3術語和定義DB37/T4614.1—2023界定的術語和定義適用于本文件。4縮略語下列縮略語適用于本文件。px：像素（Pixel）5基本要求界面設計基本要求包括但不限于：36界面組成6.1導航欄宜包括操作性按鈕、導航標題等組件，分布于界面上方，高度宜采用88px，見圖1。圖1導航欄為需要子菜單切換的界面提供底部菜單欄，最多不超過5個子菜單，分布于界面底部，高度宜采用92px，見圖2。圖2底部菜單欄顏色7.1.1基礎色7.1.1基礎色圖3基礎色背景頁面背景、卡片背景、控件背景等背景色宜采用圖4中給出的色號。圖4背景色文字圖5文字色7.1.4蒙層蒙層用于突出內容顯示，色號宜采用#000000色號，可根據實際情況調整蒙層的透明度。圖5文字色7.1.4蒙層蒙層用于突出內容顯示，色號宜采用#000000色號，可根據實際情況調整蒙層的透明度。7.2字體界面常用字體形式包括中文、英文和數字等，其字號大小、行間距、應用場景見表1。行間距和字號的比例宜保持1.4，中文、英文和數字組合使用時應保持字號一致。表1字號、行間距及應用場景序號字號行間距應用場景136px50px用于導航欄標題、全局按鈕文字等表1字號、行間距及應用場景（續）序號字號行間距應用場景234px48px用于列表標題、表單標題等330px42px用于二級導航標題、詳細信息等426px36px用于應用名稱、底部信息標識等524px32px用于提示語、膠囊按鈕文字等622px30px用于菜單欄、備注信息等間距邊界間距用于間隔界面內容與界面邊緣，尺寸宜為24px，見圖6。圖6邊界間距7.3.2模塊間距7.3.2模塊間距模塊間距用于間隔模塊內部內容，尺寸宜為12px、16px、24px、32px等4的倍數，見圖7。圖7模塊間距圖文間距用于間隔圖標和文字，包括但不限于：8px；16px；32px。圖8圖文間距圖標。圖9圖標柵格視覺比例按鈕8.2.1全局按鈕全局按鈕用于對整個界面的操作，分為正常態和禁用態，高度、圓角、顏色等要求見圖10。圖10全局按鈕圖10全局按鈕8.2.2普通按鈕普通按鈕用于具體界面的功能選擇，高度、圓角、顏色等要求見圖11。圖11普通按鈕8.2.3膠囊按鈕膠囊按鈕用于界面層級較低或者不鼓勵用戶操作時，高度、圓角、顏色等要求見圖12。圖12膠囊按鈕表單圖13表單8.4列表8.4列表14圖14單行列表8.5對話框對話框由內容和按鈕組成，對話框內容應由文字、標題等多種元素的一種或幾種組合組成，字體、字號、顏色等要求見圖15。圖15對話框8.6搜索框16圖16搜索框分段式標簽用于切換不同內容，最多不超過5個標簽，一般分布于導航欄下方，字體、字號、顏色等要求見圖17。圖17分段式標簽見圖18。圖18服務應用標語欄見圖18。圖18服務應用標語欄參考文獻ZWFWC0104ISO/