ICS35.240.99

CCSL67

DB42

湖北省地方標(biāo)準(zhǔn)

DB42/T1728.2—2021

政務(wù)服務(wù)移動端建設(shè)規(guī)范

第2部分：旗艦店建設(shè)

Specificationforgovernmentservicemobileterminalconstruciton

Part2:Flagshipstoreconstruction

2021-08-06發(fā)布2021-10-06實(shí)施

湖北省市場監(jiān)督管理局發(fā)布

DB42/T1728.2—2021

目次

前言...............................................................................III

引言................................................................................IV

1范圍...............................................................................1

2規(guī)范性引用文件.....................................................................1

3術(shù)語和定義.........................................................................1

4旗艦店命名.........................................................................1

4.1命名規(guī)則.......................................................................1

4.2旗艦店簡介.....................................................................1

4.3旗艦店主體.....................................................................2

5總體要求...........................................................................2

6旗艦店功能.........................................................................2

6.1功能設(shè)置原則...................................................................2

6.2全局控件范圍...................................................................2

7接入流程...........................................................................3

8功能規(guī)范...........................................................................4

8.1旗艦店基礎(chǔ)功能.................................................................4

8.2便民服務(wù).......................................................................4

8.3辦事服務(wù).......................................................................4

8.4搜索服務(wù).......................................................................5

8.5用戶中心.......................................................................5

8.6政務(wù)公開.......................................................................5

8.7咨詢投訴.......................................................................5

8.8新聞?wù)?......................................................................5

8.9政務(wù)通訊錄.....................................................................5

8.10辦事大廳......................................................................6

8.11特色與創(chuàng)新....................................................................7

8.12專區(qū)服務(wù)......................................................................7

9頁面規(guī)范...........................................................................7

9.1全局要求.......................................................................7

9.2頁面結(jié)構(gòu).......................................................................7

9.3基本元素......................................................................11

附錄A（資料性附錄）旗艦店頁面示例..................................................14

附錄B（規(guī)范性附錄）提示場景樣式圖..................................................16

I

DB42/T1728.2—2021

參考文獻(xiàn)............................................................................17

II

DB42/T1728.2—2021

前言

本文件按照GB/T1.1-2020《標(biāo)準(zhǔn)化工作導(dǎo)則第1部分：標(biāo)準(zhǔn)化文件的結(jié)構(gòu)和起草規(guī)則》的規(guī)定起

草。

本文件是DB42/T1728《政務(wù)服務(wù)移動端建設(shè)規(guī)范》的第2部分。DB42/T1728已經(jīng)發(fā)布了以下部分：

——第1部分：應(yīng)用接入；

——第2部分：旗艦店建設(shè)。

本文件由湖北省大數(shù)據(jù)中心提出。

本文件由湖北省政務(wù)管理辦公室歸口。

本文件起草單位：湖北省大數(shù)據(jù)中心、湖北省標(biāo)準(zhǔn)化與質(zhì)量研究院、湖北省楚天云有限公司。

本文件主要起草人：盧文軍、李新宇、馮金平、李柏、刑小娟、王臻、韓雨靜、郭偉、曹磊、馮霞、

肖世達(dá)、羅亮、韓吉威、張紅娟、黃淵蓉、張微。

本文件實(shí)施應(yīng)用中的疑問?？勺稍兒笔≌?wù)管理辦公室，聯(lián)系電話郵箱：

szwbjy@；對本文件的有關(guān)修改意見建議請反饋至湖北省大數(shù)據(jù)中心，聯(lián)系電話：87230616，

郵箱342718797@。

III

DB42/T1728.2—2021

引言

為了對全省各省級部門、各市（州）政務(wù)服務(wù)資源進(jìn)行應(yīng)用聚合，構(gòu)建本地一體化服務(wù)能力，達(dá)到

提高網(wǎng)上政務(wù)服務(wù)能力和方便群眾辦事的目的，DB42/T1728.2-2021按照《國家政務(wù)服務(wù)平臺政務(wù)服務(wù)

移動端建設(shè)要求》有關(guān)要求，結(jié)合我省實(shí)際情況，為規(guī)范政務(wù)服務(wù)移動端建設(shè)提供指引，文件由兩個部

分構(gòu)成。

第1部分：應(yīng)用接入。目的在于確立第三方應(yīng)用接入政務(wù)服務(wù)移動端的要求和操作規(guī)范。

第2部分：旗艦店建設(shè)。目的在于統(tǒng)一各級鄂匯辦旗艦店的建設(shè)風(fēng)格和功能要求。

IV

DB42/T1728.2—2021

政務(wù)服務(wù)移動端建設(shè)規(guī)范

第2部分：旗艦店建設(shè)

1范圍

本文件規(guī)定了鄂匯辦旗艦店命名、總體要求、旗艦店功能、接入流程、功能規(guī)范以及頁面規(guī)范。

本文件適用于湖北省鄂匯辦旗艦店的建設(shè)。

2規(guī)范性引用文件

下列文件中的內(nèi)容通過文中的規(guī)范性引用而構(gòu)成本文件必不可少的條款。其中，注明日期的引用文

件，僅該日期對應(yīng)的版本適用于本文件；不注日期的引用文件，其最新版本（包括所有的修改單）適用

于本文件。

DB42/T1728.1-2021政務(wù)服務(wù)移動端建設(shè)規(guī)范第1部分：應(yīng)用接入

3術(shù)語和定義

DB42/T1728.1-2021界定的以及下列術(shù)語和定義適用于本標(biāo)準(zhǔn)。

3.1

鄂匯辦旗艦店E-Huibanflagshipstore

各級政府部門以鄂匯辦APP為基礎(chǔ)建設(shè)的政務(wù)服務(wù)站點(diǎn)，是各級政府部門移動端政務(wù)服務(wù)站點(diǎn)入口。

4旗艦店命名

4.1命名規(guī)則

各級鄂匯辦旗艦店命名規(guī)則為“鄂匯辦·旗艦店名稱”。命名宜使用地方、部門的名稱、簡稱或能

夠體現(xiàn)地方、部門政務(wù)服務(wù)特色的名稱。旗艦店名稱應(yīng)以全稱形式顯示在旗艦店頭部標(biāo)識區(qū)。

4.2旗艦店簡介

旗艦店簡介是指在各應(yīng)用市場中向用戶介紹政務(wù)服務(wù)移動端內(nèi)容及功能的說明文字，需在旗艦店簡

介中簡要描述旗艦店可提供的服務(wù)內(nèi)容和功能。

4.3旗艦店主體

旗艦店主體應(yīng)使用旗艦店管理部門名稱。

5總體要求

1

DB42/T1728.2—2021

鄂匯辦旗艦店的總體建設(shè)要求如下：

a)應(yīng)與鄂匯辦APP統(tǒng)一用戶體系，不能出現(xiàn)用戶二次登錄的情況；

b)應(yīng)兼容當(dāng)前主流移動端的屏幕尺寸與分辨率，具備與鄂匯辦統(tǒng)一的用戶體驗(yàn)和交互方式；

c)顯示內(nèi)容中圖片、附件、視頻等應(yīng)有效可用，名稱應(yīng)準(zhǔn)確。圖片、附件、視頻采用JPG、PNG、

OFD、PDF、MP4等主流常用格式，附件宜使用網(wǎng)頁閱讀（避免使用瀏覽器差距）模式，便于跨

平臺的兼容性和瀏覽的流暢度；

d)不宜使用彈出窗口、漂浮窗口，確需使用時，不能使用多個窗口，且窗口應(yīng)提供關(guān)閉按鈕；

e)集成統(tǒng)一分享功能，分享渠道應(yīng)支持當(dāng)前主流社交平臺軟件；

f)涉及系統(tǒng)關(guān)聯(lián)的信息由系統(tǒng)自動填寫，需要用戶填寫的信息內(nèi)容，輸入方式應(yīng)以點(diǎn)選或勾選為

主，關(guān)鍵實(shí)質(zhì)內(nèi)容以文字方式輸入；

g)旗艦店應(yīng)支持信息無障礙瀏覽和適老化大字模式瀏覽。

6旗艦店功能

6.1功能設(shè)置原則

旗艦店應(yīng)具備與鄂匯辦APP統(tǒng)一的“全局控件”，如：統(tǒng)一的地域切換入口、統(tǒng)一的辦件信息。

可在“全局控件”的基礎(chǔ)上自主設(shè)計(jì)地域性頁面結(jié)構(gòu)和服務(wù)模塊，自主設(shè)計(jì)應(yīng)遵守必要的字體字號、

控件樣式要求。

6.2全局控件范圍

全局控件包括頭部（首頁及二三級子頁面）和菜單欄（僅一級頁），布局要求應(yīng)遵循圖1要求。

a)市州（區(qū)縣）旗艦店b)適用于部門旗艦店

圖1全局控件示意圖

6.2.1菜單欄（僅一級頁）

2

DB42/T1728.2—2021

菜單欄控件僅在一級頁面顯示（如圖2所示），菜單欄頁簽中，中央頁簽可自定義圖標(biāo)和名稱，其

它4個頁簽不可自定義?！笆醉摗?、“自定義”內(nèi)頁可完全自定義頁面內(nèi)容；“辦事、互動、我的”內(nèi)

頁由鄂匯辦提供服務(wù)能力、各旗艦店根據(jù)業(yè)務(wù)做深化設(shè)計(jì)。

圖2菜單欄（僅一級頁）

6.2.2頭部（首頁、一級頁、二三級頁）

各級頁面頭部控件布局要求詳見圖3-圖5。

a)市州（區(qū)縣）旗艦店b)部門旗艦店

圖3首頁頭部

a)市州（區(qū)縣）旗艦店b)部門旗艦店

圖4一級頁頭部

a)市州（區(qū)縣）旗艦店b)部門旗艦店

圖5二、三級頁頭部

7接入流程

接入流程應(yīng)符合DB42/T1728.1-2021要求。

8功能規(guī)范

3

DB42/T1728.2—2021

8.1旗艦店基礎(chǔ)功能

旗艦店應(yīng)具備以下基礎(chǔ)服務(wù)：便民服務(wù)、辦事服務(wù)、搜索服務(wù)、用戶中心、政務(wù)公開、咨詢投訴。

可添加新聞?wù)?、政民互動、政?wù)服務(wù)訊錄、辦事大廳等功能板塊。

8.2便民服務(wù)

8.2.1便民服務(wù)分類

便民服務(wù)形式包括但不限于查詢類、預(yù)約類和辦理類，便民服務(wù)使用場景分為以下三類：

a)高頻公共服務(wù)事項(xiàng)。例如：電力、燃?xì)?、水?wù)、公交、客運(yùn)等場景下的繳費(fèi)、余額查詢服務(wù)；

b)高頻即辦件服務(wù)。依申請事項(xiàng)中證明打印可作為查詢類服務(wù)，例如：社保繳費(fèi)證明打印作為繳

費(fèi)記錄查詢；用戶實(shí)際辦事中的高頻事項(xiàng)可簡化流程，將辦件材料表格形成電子表單，改造為

辦理類服務(wù)；對于辦事中必須在線下窗口中確認(rèn)的事項(xiàng)，可將預(yù)約流程做在線上，為用戶提供

線上預(yù)約通道，減少線下辦事的排隊(duì)時間；

c)高頻生活類服務(wù)，例如：乘車碼、就醫(yī)掛號、智慧停車。

8.2.2便民服務(wù)要求

便民服務(wù)功能應(yīng)滿足以下要求：

a)服務(wù)可用性：產(chǎn)品功能應(yīng)滿足用戶需要，符合實(shí)際使用場景，數(shù)據(jù)結(jié)果需準(zhǔn)確，功能是可執(zhí)行

的，無明顯報錯信息；

b)服務(wù)無缺陷：服務(wù)不能出現(xiàn)無故白屏、無限等待加載、卡頓、閃退等問題。不應(yīng)存在等級為致

命和嚴(yán)重的缺陷，等級為一般的缺陷數(shù)量應(yīng)小于3個；

c)業(yè)務(wù)流程真實(shí)性：接入單位應(yīng)提供可供測試的真實(shí)賬號，該賬號應(yīng)能走完全部業(yè)務(wù)流程，且測

試結(jié)果與應(yīng)用申請接入描述一致。若涉及隱私等情況不便提供真實(shí)賬號，應(yīng)在測試驗(yàn)收報告中

提供完整的可清晰辨認(rèn)的服務(wù)使用截圖或者錄屏（敏感信息可打馬賽克處理）。

8.3辦事服務(wù)

8.3.1總體要求

旗艦店應(yīng)接入在線辦事服務(wù)，接入的在線辦事事項(xiàng)應(yīng)至少具備互聯(lián)網(wǎng)咨詢、互聯(lián)網(wǎng)辦理、互聯(lián)網(wǎng)結(jié)

果信息反饋的能力。可根據(jù)事項(xiàng)具體場景和地方（部門）網(wǎng)上政務(wù)服務(wù)建設(shè)需求提供在線咨詢、在線預(yù)

約、互聯(lián)網(wǎng)電子證照反饋功能。對于無法滿足以上三項(xiàng)要求的事項(xiàng)，應(yīng)提供辦事指南展示功能供群眾查

閱。

8.3.2辦事指南展示

政務(wù)服務(wù)事項(xiàng)發(fā)布實(shí)施清單展示內(nèi)容應(yīng)包括實(shí)施編碼、事項(xiàng)名稱、事項(xiàng)類型、設(shè)定依據(jù)、行使層級、

實(shí)施主體、法定辦結(jié)時限、承諾辦結(jié)時限、到辦事現(xiàn)場次數(shù)、受理?xiàng)l件、材料目錄信息、辦理流程、是

否收費(fèi)、收費(fèi)標(biāo)準(zhǔn)、收費(fèi)項(xiàng)目名稱、辦件類型、辦理地點(diǎn)、辦理時間、咨詢方式、常見問題、監(jiān)督投訴

方式等要素。

8.3.3事項(xiàng)在線辦理

自然人、法人和其他組織經(jīng)過國家政務(wù)服務(wù)平臺政務(wù)服務(wù)移動端用戶注冊和登錄認(rèn)證后可在旗艦店

進(jìn)行事項(xiàng)辦理。

8.3.4辦件查詢

4

DB42/T1728.2—2021

自然人、法人和其他組織應(yīng)通過事項(xiàng)編碼或者用戶身份信息，查詢所辦理事項(xiàng)信息。

8.4搜索服務(wù)

應(yīng)提供關(guān)鍵字搜索服務(wù)，用于對旗艦店中的便民服務(wù)、辦事事項(xiàng)、新聞?wù)?、政?wù)通訊錄進(jìn)行搜索，

搜索功能應(yīng)支持模糊檢索、目錄檢索、整句搜索、多條件篩選、地理位置識別和全文檢索等方式，并具

有拼音和關(guān)鍵詞聯(lián)想、政務(wù)主題詞庫、錯別字識別、停用詞識別、違禁詞識別、熱詞推薦和智能推薦等

輔助功能。

搜索結(jié)果按分類、部門和地區(qū)展現(xiàn)，地區(qū)展現(xiàn)上實(shí)現(xiàn)省、市、縣三級聯(lián)動，對內(nèi)容進(jìn)行智能化排序，

幫助自然人、法人和其他組織快速準(zhǔn)確地定位信息、政策、事項(xiàng)和服務(wù)。

8.5用戶中心

自然人、法人和其他組織登錄前，用戶中心功能包括但不限于：旗艦店版本信息、旗艦店常見問題；

自然人、法人和其他組織登錄后，用戶中心功能包括但不限于：用戶基本信息、用戶基本設(shè)置、用戶辦

件信息、用戶證照信息、用戶推薦服務(wù)、用戶收藏信息、用戶支付信息、用戶快遞信息、用戶辦事材料

信息。

8.6政務(wù)公開

政務(wù)公開功能包括但不限于：權(quán)力清單、公共服務(wù)清單、中介服務(wù)清單、收費(fèi)清單、跑動次數(shù)清單、

通辦事項(xiàng)清單、政策公告、政策解讀、政府公報。

8.7咨詢投訴

咨詢投訴應(yīng)包括咨詢、投訴、業(yè)務(wù)辦理建立、使用建議、訴求、好差評、12345熱線功能。

8.8新聞?wù)?/p>

8.8.1新聞?wù)咄扑?/p>

應(yīng)對新聞、新產(chǎn)品發(fā)布和業(yè)界動態(tài)、政策解讀等經(jīng)常變動的信息進(jìn)行集中管理，并通過信息共性進(jìn)

行分類實(shí)現(xiàn)系統(tǒng)化、標(biāo)準(zhǔn)化發(fā)布。

8.8.2新聞動態(tài)展示

應(yīng)包含本地新聞、政情、民生、黨建以及區(qū)（縣）最新動態(tài)，并根據(jù)新聞動態(tài)時間進(jìn)行相應(yīng)圖文推

送。

8.9政務(wù)通訊錄

政務(wù)通訊錄指群眾辦理政務(wù)服務(wù)事項(xiàng)時可以直接咨詢的通訊錄。用戶可以從通訊錄中獲取咨詢電話

并直接撥打，或通過直接進(jìn)行地圖導(dǎo)航前往大廳辦理。通訊錄需具備表1所述要素。

表1通信錄要素

要素名稱示例要素類型

大廳/部門名稱XX市人力資源和社會保障局必備

周一至周五：8:30-12:0014:00-17:00

辦理時間必備

周六：9:00-12:00

咨詢電話027-XXXXXXXX必備

5

DB42/T1728.2—2021

表1通信錄要素（續(xù)）

要素名稱示例要素類型

咨詢窗口2號咨詢窗口可選

在線咨詢方式微信公眾號：XX人社可選

辦理地點(diǎn)XX市XX區(qū)XX路10號社會保障服務(wù)大廳必備

公交：XX公交站（901、527、81）

交通指引可選

地鐵：XX車站

事項(xiàng)1：事項(xiàng)名稱，辦理窗口：X號窗口

大廳可辦事項(xiàng)必備

事項(xiàng)2：事項(xiàng)名稱，辦理窗口：X號窗口

8.10辦事大廳

用戶根據(jù)區(qū)劃選擇辦事大廳，優(yōu)先用戶當(dāng)前位置所在地區(qū)/縣級辦事大廳，大廳包括市/州、區(qū)/縣

級大廳及街道/鄉(xiāng)鎮(zhèn)人民政府和各部門大廳，同時提供社區(qū)/村及管委會位置、導(dǎo)航、事項(xiàng)清單。辦事大

廳需具備表2所述要素。

表2辦事大廳要素

結(jié)構(gòu)要素名稱要素類型

大廳簡介必備

辦事大廳圖文簡介必備

服務(wù)電話必備

網(wǎng)點(diǎn)導(dǎo)航地圖展示必備

大廳信息辦理窗口必備

窗口排隊(duì)人數(shù)可選

大廳指引可選

其它服務(wù)可選

網(wǎng)點(diǎn)導(dǎo)航必備

我要預(yù)約必備

部門列表必備

主題列表必備

事項(xiàng)檢索必備

在線填報必備

我的預(yù)約列表必備

我要辦事

當(dāng)前排隊(duì)人數(shù)必備

辦理窗口必備

取消預(yù)約必備

在線取號必備

我的已辦理列表可選

辦理結(jié)果可選

6

DB42/T1728.2—2021

表2辦事大廳要素（續(xù)）

結(jié)構(gòu)要素名稱要素類型

街道辦/居委會可選

社保網(wǎng)點(diǎn)可選

醫(yī)保網(wǎng)點(diǎn)可選

便民生活網(wǎng)點(diǎn)

公積金網(wǎng)點(diǎn)可選

AED（急救設(shè)備）可選

繳費(fèi)網(wǎng)點(diǎn)可選

8.11特色與創(chuàng)新

建設(shè)方可在旗艦店中建設(shè)特色服務(wù)專區(qū)，建設(shè)內(nèi)容參考如下：

a)辦事服務(wù)。提供辦事指南展示功能，可供群眾查閱。自然人、法人和其他組織經(jīng)過鄂匯辦用戶

注冊和登錄認(rèn)證后可在服務(wù)專區(qū)進(jìn)行事項(xiàng)辦理；

b)便民服務(wù)。為用戶提供特色服務(wù)專區(qū)相關(guān)高頻公共服務(wù)事項(xiàng)、高頻即辦件服務(wù)、高頻生活服務(wù)；

c)營商環(huán)境優(yōu)化，惠企紓困、中小微企業(yè)扶持、利企政策解讀、精準(zhǔn)推送等。

8.12專區(qū)服務(wù)

專區(qū)服務(wù)應(yīng)圍繞群眾常用場景和主題，選擇高頻事項(xiàng)融合，關(guān)注重點(diǎn)人群和主題，服務(wù)類型包括但

不限于查詢類、預(yù)約類和辦理類，專區(qū)模式包括但不限于高頻事項(xiàng)、使用群體、相關(guān)政策、實(shí)時熱點(diǎn)等。

不同分類方式專區(qū)建設(shè)參考如下：

a)按高頻事項(xiàng)分類包括但不限于：人社服務(wù)專區(qū)、醫(yī)保專區(qū)、公積金專區(qū)、不動產(chǎn)專區(qū)等；

b)按群體分類包括但不限于：為弱勢群體打造殘疾人專區(qū)和老年人專區(qū)、大學(xué)生專區(qū)等；

c)按政策分類包括但不限于：關(guān)注普惠小微企業(yè)的金融服務(wù)專區(qū)、紅色專區(qū)等；

d)按熱點(diǎn)分類包括但不限于：實(shí)時關(guān)注熱點(diǎn)建設(shè)疫情專區(qū)、高考專區(qū)、春運(yùn)專區(qū)等。

9頁面規(guī)范

9.1全局要求

鄂匯辦旗艦店在顯示效果、顯示內(nèi)容、交互設(shè)計(jì)等方面整體要求如下：

a)符合移動設(shè)備的交互方式，應(yīng)兼容當(dāng)前主流移動設(shè)備的屏幕尺寸與分辨率；

b)統(tǒng)一的識別性：保持統(tǒng)一的頭部結(jié)構(gòu)和一級導(dǎo)航，以提升用戶對“旗艦店”的識別度；

c)保持文字、色系、圖標(biāo)、控件等的統(tǒng)一性；

d)通用組件一致性：彈窗、缺省頁、加載狀態(tài)等使用鄂匯辦統(tǒng)一的樣式；

e)搜索交互一致性：接入鄂匯辦搜索sdk，使用統(tǒng)一的搜索控件；

f)分享交互一致性：集成統(tǒng)一分享功能，分享渠道支持當(dāng)前主流社交平臺軟件；

g)圖片需清晰無變形。

9.2頁面結(jié)構(gòu)

9.2.1頁面結(jié)構(gòu)總體要求

保持各旗艦店的統(tǒng)一識別性，故要有統(tǒng)一的頭部、菜單欄，以保證全局性功能、交互操作的一致性，

同時降低用戶的學(xué)習(xí)成本。

7

DB42/T1728.2—2021

自定義區(qū)域內(nèi)容不限，但須遵守“基礎(chǔ)元素”中對邊距、顏色、字體的統(tǒng)一要求。

9.2.2首頁

首頁頁面設(shè)計(jì)詳見圖6-圖7，圖例基于1倍圖尺寸設(shè)計(jì)并標(biāo)注。

首頁示例見附錄A。

a)布局b)標(biāo)注

圖6市州（區(qū)縣）旗艦店首頁布局和標(biāo)注設(shè)計(jì)圖

a)布局b)標(biāo)注

圖7部門旗艦店首頁布局和標(biāo)注設(shè)計(jì)圖

8

DB42/T1728.2—2021

9.2.3一級頁

一級頁頁面設(shè)計(jì)詳見圖8-圖11，圖例基于1倍圖尺寸設(shè)計(jì)并標(biāo)注。

一級頁示例見附錄A。

a)布局b)標(biāo)注

圖8市州（區(qū)縣）一級頁布局和標(biāo)注設(shè)計(jì)圖

a)布局b)標(biāo)注

圖9市州（區(qū)縣）一級頁（頭部帶搜索）布局和標(biāo)注設(shè)計(jì)圖

9

DB42/T1728.2—2021

a)布局b)標(biāo)注

圖10部門一級頁面布局和標(biāo)注設(shè)計(jì)圖

a)布局b)標(biāo)注

圖11部門一級頁（頭部帶搜索）布局和標(biāo)注設(shè)計(jì)圖

9.2.4二、三級頁

一級頁頁面設(shè)計(jì)詳見圖12-圖13，圖例基于1倍圖尺寸設(shè)計(jì)并標(biāo)注。

二、三級頁示例見附錄A。

10

DB42/T1728.2—2021

a)布局b)標(biāo)注

圖12市州（區(qū)縣）二、三級頁布局和標(biāo)注設(shè)計(jì)圖

a)布局b)標(biāo)注

圖13部門二、三級頁布局和標(biāo)注設(shè)計(jì)圖

9.3基本元素

9.3.1顏色

顏色要求分為主色、功能色、中性色、輔助色四個部分。

a)主色。主色#4269DB。

11

DB42/T1728.2—2021

b)功能色。錯誤：#FF0000，告警：#FFB92A，成功：#00C47A，正常：#90A1B7，超鏈接：#4269DB。

c)中性色。中性色用于文本、背景和邊框顏色。通過運(yùn)用以下不同的中性色，來表現(xiàn)層次結(jié)構(gòu)：

?主要文字：#000000100%，次要文字：#00000045%；

?反白文字：#FFFFFF100%，次要反白：#FFFFFF45%；

?主要邊框：#EBEBEB；

?主要背景：#F1F4F9100%，次要背景：#F9F9F9。

d)輔助色。用于圖標(biāo)、卡片等需要用多色彩呈現(xiàn)的元素。色值在#4E78E3、#3EAAFB、#17BEA9、

#00B789、#FF0000（85%）、#F65B56、#FF5774、#FF6D1D、#FF8C08、#F5B32C、#FFF2E3中

選用。

9.3.2文字

本部分內(nèi)容涵蓋頁面中90%以上常用的文字標(biāo)準(zhǔn)，如果以下內(nèi)容不能滿足界面需求，可按實(shí)際需求

上下調(diào)整2個字號。

a)字號：

?H1:24PX,適用于老人專區(qū)、無障礙專區(qū)的界面；

?H2:20PX,詳情頁標(biāo)題，信息發(fā)布頁、辦事指南、在線辦理等事項(xiàng)標(biāo)題；

?H3:18PX,大標(biāo)題；

?H4:16PX,小標(biāo)題；

?H5:14PX,正文，頁面默認(rèn)字號；

?H6:12PX,對H4的降級，當(dāng)內(nèi)容擁擠時可使用H5；

?H7:10PX,輔助性文字，中老年用戶閱讀辨識度低，慎用。

b)字體：

?如無特殊標(biāo)注，文字均使用非襯線體（即無邊角修飾的等線體）；

?MacOS默認(rèn)中文：蘋方；英文：SanFrancisco；

?Android默認(rèn)中文：思源；英文：robot。

c)粗體。粗體用來強(qiáng)調(diào)、突出部分文字內(nèi)容。

9.3.3布局

頁面左右兩側(cè)默認(rèn)16px邊距，版心根據(jù)場景不同可自由選擇等分布局；左右預(yù)留16px邊距的等分

布局。

9.3.4間隔

橫向空間和縱向空間間距固定為三個類型。

a)橫向空間的間距固定三個類型：

?小號間距：相同類組件之間的間距；

?中號間距：相關(guān)聯(lián)但不同類的組件間距；

?大號間距：不關(guān)聯(lián)也不同類的組件間距。

注：若以上間距不能滿足信息化分等級，可按實(shí)際需求在原有基礎(chǔ)上增減4的倍數(shù)。

b)縱向空間的間距固定三個類型：

?小號間距：相同類組件之間的間距；

?中號間距：相關(guān)聯(lián)但不同類的組件間距；

?大號間距：不關(guān)聯(lián)也不同類的組件間距。

12

DB42/T1728.2—2021

9.3.5按鈕

按鈕尺寸：默認(rèn)為40px高，特殊場景根據(jù)需要可機(jī)動遞增或遞減4px。寬度做限制，可根據(jù)需要做

通欄或等分按鈕，按鈕間隔為8px；

圓角弧度：默認(rèn)R=4px，無特殊場景不建議使用100%圓角。

9.3.6圖標(biāo)

所有的圖標(biāo)尺寸都應(yīng)基于4px的倍數(shù)，如16px*16px、20px*20px、32px*32px……這樣可以最大

限度節(jié)省圖片體積，并便于按倍數(shù)調(diào)整。

切圖能使用SVG格式盡量使用該格式，不能的，使用@2x尺寸圖片，即二倍圖，以保持視網(wǎng)膜屏幕的

正常顯示。

注：圖標(biāo)風(fēng)格樣式不做統(tǒng)一要求，與自身頁面保持統(tǒng)一即可。

9.3.7提示

分普通提示和特殊提示兩種類型，要求如下：

a)普通提示：所有提示調(diào)用系統(tǒng)默認(rèn)dialog及toast樣式，內(nèi)容不做限制；

b)特殊提示：指可供調(diào)用的公共提示，場景如下：

?“加載”提示；

?“網(wǎng)絡(luò)問題”提示樣式；

?“建設(shè)中”提示樣式；

?“維護(hù)”提示樣式；

?“加載失敗”提示樣式；

?“活動火爆”提示樣式；

?“響應(yīng)超時”提示樣式；

?“搜索為空”提示樣式；

?“留言為空”提示樣式；

?“圖片加載失敗”提示樣式。

提示場景樣式圖應(yīng)符合附錄B的規(guī)定。

13

DB42/T1728.2—2021

AA