策劃007-App界面交互設(shè)計(jì)規(guī)范詳解

一、前言

在完成了上篇《策劃006-APP界面設(shè)計(jì)風(fēng)格》的確定之后，接下來的工作并非立刻交付設(shè)計(jì)師進(jìn)行細(xì)節(jié)設(shè)計(jì)。在這之前，需要拉上設(shè)計(jì)師、安卓前端開發(fā)和iOS前端開發(fā)團(tuán)隊(duì)，共同商議并確定APP的界面交互設(shè)計(jì)規(guī)范。

二、APP設(shè)計(jì)規(guī)范的重要性

APP設(shè)計(jì)規(guī)范是對(duì)APP界面進(jìn)行的風(fēng)格統(tǒng)一，包括界面元素的樣式、顏色、大小等方面的統(tǒng)一規(guī)范和使用原則。與設(shè)計(jì)、前端團(tuán)隊(duì)約定好統(tǒng)一的設(shè)計(jì)規(guī)范至關(guān)重要。這有助于減少產(chǎn)品、設(shè)計(jì)、前端之間的溝通成本，使界面設(shè)計(jì)更為整潔、統(tǒng)一，避免界面元素的重復(fù)設(shè)計(jì)，并減少設(shè)計(jì)素材，控制安裝包的大小。

三、APP設(shè)計(jì)規(guī)范的主要內(nèi)容

設(shè)計(jì)規(guī)范主要涵蓋界面布局、背景色、字體顏色大小、界面元素間距、彈層、loading、圖標(biāo)、按鈕常態(tài)及點(diǎn)擊態(tài)等方面的統(tǒng)一梳理和規(guī)范。在布局和交互規(guī)范上，建議安卓和iOS盡量保持一致，以節(jié)約設(shè)計(jì)資源，特別是在中小型項(xiàng)目中。

四、設(shè)計(jì)工具與輸出規(guī)范

推薦使用Mac矢量設(shè)計(jì)工具“Sketch”進(jìn)行設(shè)計(jì)。以iOS平臺(tái)的iPhone5的尺寸（6401136px）作為標(biāo)準(zhǔn)尺寸進(jìn)行設(shè)計(jì)，完成后根據(jù)安卓和iOS的不同尺寸要求進(jìn)行微調(diào)。設(shè)計(jì)輸出規(guī)范建議包括：安卓（7201280px）提供界面預(yù)覽圖、界面坐標(biāo)圖及標(biāo)準(zhǔn)界面圖標(biāo)png文件；iOS（6401136px）提供界面預(yù)覽圖、界面坐標(biāo)圖及1-3倍圖矢量圖標(biāo)pdf文件。

五、色彩與文字規(guī)范

1. 標(biāo)準(zhǔn)色規(guī)范：區(qū)分重要、一般、弱三種色調(diào)。重要顏色不宜過多，一般不超過三種。例如，紅色用于特別強(qiáng)調(diào)和突出的文字、按鈕和icon；黑色用于重要級(jí)文字信息，如標(biāo)題和正文等。一般顏色使用相近的色調(diào)，用于普通級(jí)信息和引導(dǎo)詞。較弱顏色則用于背景色和不顯眼的邊角信息。

2. 文字規(guī)范：文字是APP主要信息的表現(xiàn)。對(duì)于新聞閱讀、社區(qū)APP等類型，制定標(biāo)準(zhǔn)的設(shè)計(jì)規(guī)范和良好的排版方式尤為重要。標(biāo)準(zhǔn)字的大小、組合以及與標(biāo)準(zhǔn)色的搭配，都要進(jìn)行規(guī)范。大字號(hào)用于大標(biāo)題和top導(dǎo)航，較小字號(hào)用于分割模塊的標(biāo)題，普通字號(hào)用于大多數(shù)文字，如正文。輔助性文字則采用較小的字號(hào)和較弱的顏色組合。

六、界面排版與間距設(shè)計(jì)

APP界面要給人簡潔整齊、條理清晰的感覺，這依賴于界面元素的排版和間距設(shè)計(jì)。間距設(shè)計(jì)要考慮不同屏幕分辨率的適配性?？梢圆捎玫缺确糯罂s小間距的方式，或固定某些界面元素的間距，其他空間留空拉伸。為了滿足分辨率較大的設(shè)備，有時(shí)需要改變APP界面的頁面布局。

通過以上規(guī)范，可以確保APP界面的交互設(shè)計(jì)既美觀又實(shí)用，提供流暢的用戶體驗(yàn)。APP設(shè)計(jì)規(guī)范指南與軟件開發(fā)流程簡述

一、彈層規(guī)范

在APP設(shè)計(jì)中，彈層是一種重要的交互元素。安卓和iOS平臺(tái)的彈層設(shè)計(jì)需要分別考慮，以滿足各自平臺(tái)的設(shè)計(jì)要求。

iOS平臺(tái)彈層設(shè)計(jì)：操作彈層通常從底部彈出，設(shè)計(jì)時(shí)要注重用戶體驗(yàn)和流暢性。

安卓平臺(tái)彈層設(shè)計(jì)：安卓平臺(tái)上的彈層通常直接顯示在頁面中央，設(shè)計(jì)時(shí)需確保操作便捷直觀。

彈層應(yīng)根據(jù)不同的功能需求設(shè)計(jì)不同的樣式。如操作性彈層、提示性彈層等，右上角應(yīng)提供關(guān)閉操作或點(diǎn)擊非彈層區(qū)域關(guān)閉的功能。

二、頁面Loading動(dòng)畫

頁面Loading動(dòng)畫是APP界面不可或缺的元素。設(shè)計(jì)時(shí)要注重用戶體驗(yàn)，減少用戶等待時(shí)的煩躁感。除了常規(guī)的菊花樣式外，還可以考慮使用NPC、LOGO和口號(hào)等元素，增強(qiáng)APP的品牌形象。

三、圖標(biāo)規(guī)范

圖標(biāo)設(shè)計(jì)需根據(jù)不同平臺(tái)的需求進(jìn)行規(guī)范。如安卓需要7201280px標(biāo)準(zhǔn)頁面的png圖標(biāo)格式，iOS則需要不同尺寸的pdf文件圖標(biāo)。圖標(biāo)還應(yīng)根據(jù)功能需求設(shè)計(jì)不同的狀態(tài)，如常態(tài)、選中態(tài)、點(diǎn)擊態(tài)等。

四、按鈕規(guī)范

按鈕設(shè)計(jì)也是APP界面中的重要組成部分。按鈕應(yīng)按狀態(tài)分為常態(tài)、點(diǎn)擊態(tài)、不可點(diǎn)擊態(tài)，并根據(jù)不同的功能和場景設(shè)計(jì)不同的樣式和顏色。按鈕的尺寸也要根據(jù)手機(jī)平臺(tái)的差異進(jìn)行設(shè)計(jì)。

五、頁面加載失敗與空頁面規(guī)范

當(dāng)頁面加載失敗或?yàn)榭諘r(shí)，可以采用統(tǒng)一的NPC、文案、按鈕設(shè)計(jì)。設(shè)計(jì)時(shí)需根據(jù)不同場景選擇合適的NPC和文案。

六、軟件開發(fā)流程簡述

軟件開發(fā)的流程大致分為以下幾個(gè)階段：需求確認(rèn)、概要設(shè)計(jì)、詳細(xì)設(shè)計(jì)、編碼、單元測試、集成測試、系統(tǒng)測試以及維護(hù)。在這一系列流程中，設(shè)計(jì)規(guī)范起著至關(guān)重要的作用。設(shè)計(jì)師、前端開發(fā)者以及產(chǎn)品經(jīng)理需要共同制定并嚴(yán)格遵守設(shè)計(jì)規(guī)范，確保開發(fā)的APP符合用戶需求且具有良好的用戶體驗(yàn)。產(chǎn)品經(jīng)理在此過程中應(yīng)充當(dāng)橋梁角色，組織各方共同制定設(shè)計(jì)規(guī)范，確保規(guī)范的實(shí)用性和完整性。

軟件開發(fā)不僅僅是編寫代碼，還包括需求捕捉、需求分析、設(shè)計(jì)、測試等多個(gè)環(huán)節(jié)。軟件的功能和實(shí)現(xiàn)的算法和方法、軟件的總體結(jié)構(gòu)設(shè)計(jì)和模塊設(shè)計(jì)等都是設(shè)計(jì)思路和方法的一般過程。程序員還需要掌握可視化編程技術(shù)，熟悉至少一種可視化平臺(tái)及其軟件開發(fā)技術(shù)，獲取相關(guān)的開發(fā)認(rèn)證。職業(yè)技能與專業(yè)方向：可視化編程、WEB應(yīng)用程序設(shè)計(jì)、軟件測試、數(shù)據(jù)庫管理與圖形圖像制作

一、可視化編程與WEB應(yīng)用程序設(shè)計(jì)

就業(yè)方向

企業(yè)、、社區(qū)與各類學(xué)校中的可視化編程程序員

擁有美工基礎(chǔ)和網(wǎng)頁動(dòng)畫設(shè)計(jì)能力，掌握交互式網(wǎng)頁程序的設(shè)計(jì)技術(shù)。能熟練進(jìn)行網(wǎng)站的建設(shè)和維護(hù)工作，獲取相關(guān)認(rèn)證如Macromedia多媒體互動(dòng)設(shè)計(jì)師或Delphi初級(jí)程序員等，為互聯(lián)網(wǎng)應(yīng)用領(lǐng)域注入活力。

二、軟件測試

就業(yè)方向

企業(yè)、、社區(qū)與各類學(xué)校中的軟件測試員

掌握軟件測試的基本原理、方法和組織管理，熟練運(yùn)用多種軟件測試工具。獲得如ATA軟件測試工程師或Delphi初級(jí)程序員等認(rèn)證，為軟件質(zhì)量保駕護(hù)航。

三、數(shù)據(jù)庫管理

就業(yè)方向

中大型數(shù)據(jù)庫管理員

能夠應(yīng)用關(guān)系范式進(jìn)行數(shù)據(jù)庫設(shè)計(jì)，精通SQL語言，勝任數(shù)據(jù)庫服務(wù)器的管理與應(yīng)用工作。持有Oracle數(shù)據(jù)庫管理或SQL Server數(shù)據(jù)庫應(yīng)用等相關(guān)認(rèn)證，是企業(yè)、等單位不可或缺的技術(shù)骨干。

四、圖形圖像制作

專業(yè)技能

精通國際上流行的圖形/圖像制作工具，如CorelDraw、Photoshop等。獲得平面設(shè)計(jì)師相關(guān)認(rèn)證，為各類媒介和宣傳材料注入視覺魅力。

app備案規(guī)定介紹

一、工業(yè)和信息化部關(guān)于開展移動(dòng)互聯(lián)網(wǎng)應(yīng)用程序備案工作的通知

為落實(shí)相關(guān)法律法規(guī)要求，促進(jìn)互聯(lián)網(wǎng)行業(yè)規(guī)范健康發(fā)展，工信部信管〔2023〕105號(hào)文發(fā)出通知，要求各省、自治區(qū)、直轄市通信管理局等相關(guān)單位和組織，開展移動(dòng)互聯(lián)網(wǎng)應(yīng)用程序（APP）備案工作。

二、總體要求

以習(xí)近平新時(shí)代中國特色社會(huì)主義思想為指導(dǎo)，堅(jiān)持依法行政、公開透明、便民高效原則，維護(hù)網(wǎng)絡(luò)安全和公共利益，保護(hù)公民和組織合法權(quán)益。

三、工作內(nèi)容

- 在中華人民共和國境內(nèi)從事互聯(lián)網(wǎng)信息服務(wù)的APP主辦者，需依照相關(guān)法規(guī)履行備案手續(xù)。

- 工業(yè)和信息化部對(duì)全國APP備案工作進(jìn)行監(jiān)督指導(dǎo)，省、自治區(qū)、直轄市通信管理局則負(fù)責(zé)具體實(shí)施監(jiān)督管理工作。

- APP主辦者需確保使用的域名、IP地址等網(wǎng)絡(luò)資源符合管理要求。

一、引言

隨著移動(dòng)互聯(lián)網(wǎng)的迅猛發(fā)展，APP作為信息服務(wù)和傳播的重要載體，其管理規(guī)范日益受到關(guān)注。為確保APP互聯(lián)網(wǎng)信息服務(wù)的健康有序發(fā)展，對(duì)于新聞、出版、教育、影視、宗教等類別的APP主辦者，在履行備案手續(xù)時(shí)，應(yīng)提交相關(guān)主管部門審核同意的文件，向其住所所在地省級(jí)通信管理局報(bào)備。

二、備案流程與規(guī)定

（一）備案手續(xù)與流程

APP主辦者需通過其網(wǎng)絡(luò)接入服務(wù)提供者或APP分發(fā)平臺(tái)，利用“國家互聯(lián)網(wǎng)基礎(chǔ)資源管理系統(tǒng)”，采取網(wǎng)上提交申請、查驗(yàn)審核的方式進(jìn)行備案。

（二）身份與信息資源查驗(yàn)

網(wǎng)絡(luò)接入服務(wù)提供者及分發(fā)平臺(tái)有責(zé)任對(duì)APP主辦者的用戶、網(wǎng)絡(luò)資源等信息進(jìn)行核實(shí)。在明確知道信息不準(zhǔn)確的情況下，不得為其代為履行備案手續(xù)。

（三）省級(jí)通信管理局的職責(zé)

省級(jí)通信管理局在收到APP主辦者的備案材料后，將進(jìn)行審查。材料齊全且準(zhǔn)確者，將在二十個(gè)工作日內(nèi)完成備案，并頒發(fā)備案編號(hào)，同時(shí)向社會(huì)公布備案信息；若材料不齊全或不準(zhǔn)確，將不予備案，并說明理由。

（四）APP的標(biāo)識(shí)與變動(dòng)

APP主辦者應(yīng)在APP的顯著位置標(biāo)明其備案編號(hào)，并提供鏈接供公眾查詢核對(duì)。若APP信息發(fā)生變更或注銷，主辦者需及時(shí)向原備案機(jī)關(guān)辦理相關(guān)手續(xù)。

（五）服務(wù)提供者的責(zé)任

網(wǎng)絡(luò)接入服務(wù)提供者、分發(fā)平臺(tái)及智能終端生產(chǎn)企業(yè)不得為未履行備案手續(xù)的APP提供相關(guān)服務(wù)。

（六）信息監(jiān)測與處置

各方應(yīng)建立健全違法違規(guī)信息監(jiān)測和處置機(jī)制。一旦發(fā)現(xiàn)禁止發(fā)布或傳輸?shù)男畔ⅲ瑧?yīng)立即停止傳輸，采取消除等措施，防止信息擴(kuò)散，并保存相關(guān)記錄，及時(shí)向電信主管部門報(bào)告。

三、工作安排

（一）準(zhǔn)備階段

各省、自治區(qū)、直轄市通信管理局需組織相關(guān)單位明確管理要求，制定實(shí)施計(jì)劃。網(wǎng)絡(luò)接入服務(wù)提供者及分發(fā)平臺(tái)需建設(shè)與升級(jí)企業(yè)側(cè)備案系統(tǒng)，完成與部側(cè)備案系統(tǒng)的對(duì)接測試。

（二）存量APP備案

已開展業(yè)務(wù)的APP需按通知要求履行備案手續(xù)。對(duì)于已履行網(wǎng)站備案手續(xù)的APP，僅需補(bǔ)充完善其APP相關(guān)信息；未履行網(wǎng)站備案的，需按通知規(guī)定完成備案。

（三）監(jiān)督檢查

工業(yè)和信息化部將組織APP備案檢查工作，各省、自治區(qū)、直轄市通信管理局將負(fù)責(zé)督促相關(guān)單位填報(bào)、補(bǔ)充、更新APP備案信息，并對(duì)網(wǎng)絡(luò)接入服務(wù)提供者、分發(fā)平臺(tái)及智能終端生產(chǎn)企業(yè)進(jìn)行檢查。違規(guī)者將按法律法規(guī)處理。

（四）常態(tài)化工作

進(jìn)入常態(tài)化工作后，各省、自治區(qū)、直轄市通信管理局將定期組織考核，采取技術(shù)措施加強(qiáng)APP合規(guī)管理，提升移動(dòng)互聯(lián)網(wǎng)監(jiān)管水平。

四、工作要求

（一）提高政治站位

各方應(yīng)充分認(rèn)識(shí)到移動(dòng)互聯(lián)網(wǎng)信息服務(wù)的重要性及其規(guī)范管理的重要性，提高政治站位，加強(qiáng)組織領(lǐng)導(dǎo)，確保APP互聯(lián)網(wǎng)信息服務(wù)的健康有序發(fā)展。

通過規(guī)范的備案流程、嚴(yán)格的管理要求以及有效的工作安排，我們期待移動(dòng)互聯(lián)網(wǎng)信息服務(wù)能夠邁向更加健康、有序的發(fā)展軌道，為廣大民眾提供更加豐富、優(yōu)質(zhì)的信息服務(wù)。關(guān)于各單位強(qiáng)化APP備案工作的重要性及其落實(shí)方案

一、理解APP備案工作的深遠(yuǎn)意義

在當(dāng)今數(shù)字化時(shí)代，APP備案工作顯得尤為重要。它不僅有助于強(qiáng)化互聯(lián)網(wǎng)基礎(chǔ)管理，更是促進(jìn)互聯(lián)網(wǎng)行業(yè)規(guī)范健康發(fā)展的關(guān)鍵。有效的APP備案機(jī)制對(duì)于深化防范治理電信網(wǎng)絡(luò)詐騙、維護(hù)網(wǎng)絡(luò)與信息安全具有不可替代的作用。各單位應(yīng)充分認(rèn)識(shí)到這項(xiàng)工作的重大意義，按照相關(guān)部署，切實(shí)承擔(dān)起主體責(zé)任，確保各項(xiàng)任務(wù)按時(shí)保質(zhì)完成。

二、壓實(shí)主體責(zé)任，確保工作嚴(yán)格執(zhí)行

各通信管理局需加強(qiáng)對(duì)企業(yè)的督導(dǎo)檢查，以發(fā)現(xiàn)問題隱患和薄弱環(huán)節(jié)。網(wǎng)絡(luò)接入服務(wù)提供者、分發(fā)平臺(tái)以及智能終端生產(chǎn)企業(yè)等都應(yīng)強(qiáng)化工作落實(shí)，建立完善的責(zé)任考核體系。遇到問題時(shí)，應(yīng)及時(shí)處理并向電信主管部門報(bào)告，確保信息的透明與流暢。

三、技術(shù)保障：為APP備案工作提供強(qiáng)大支撐

中國信息通信研究院和中國互聯(lián)網(wǎng)協(xié)會(huì)作為行業(yè)的重要力量，應(yīng)做好備案系統(tǒng)的建設(shè)運(yùn)維工作。通過強(qiáng)化APP備案數(shù)據(jù)的共享和分析能力，為電信主管部門提供決策支持。兩機(jī)構(gòu)還應(yīng)積極參與問題解答、宣傳引導(dǎo)等工作，為APP各項(xiàng)監(jiān)管工作提供有力的技術(shù)保障。

四、關(guān)于加強(qiáng)備案登記表的管理

對(duì)于“互聯(lián)網(wǎng)信息服務(wù)備案登記表”，各單位需嚴(yán)格按照規(guī)定填寫，確保信息的準(zhǔn)確性與完整性。這是評(píng)估各單位APP備案工作是否達(dá)標(biāo)的重要依據(jù)，也是電信主管部門進(jìn)行監(jiān)督的重要依據(jù)。

五、結(jié)語與期待

工業(yè)和信息化部于2023年7月21日再次強(qiáng)調(diào)了APP備案工作的重要性，并呼吁各單位積極落實(shí)相關(guān)要求。隨著技術(shù)的快速發(fā)展和互聯(lián)網(wǎng)的日益普及，我們有理由相信，在各單位的共同努力下，APP備案工作將更上一層樓，為互聯(lián)網(wǎng)行業(yè)的健康、穩(wěn)定發(fā)展提供堅(jiān)實(shí)的保障。

通過上述五個(gè)章節(jié)的闡述，希望能讓大家更加深入理解APP備案工作的重要性及其在實(shí)際操作中的具體要求。讓我們共同期待一個(gè)更加規(guī)范、安全的互聯(lián)網(wǎng)環(huán)境。