APP設計規範指對(duì)APP界面(miàn員見)進(jìn)行風格統一，對(duì物醫)界面(miàn)元素的樣(yàng)式、顔色和大小設定

統一的規範和使用原則。與設計、前端約定好(hǎo)統一的設計規範友理很重要，約 定設

計規範可以減少産品、設計、前端的溝通成(chéng)本;可以使呢內界面(miàn)設計整潔、統一，減

少界面(miàn)元素的重複設計腦還;可以減少設計素材，控制安裝包的計器大小。

APP設計規範主要包括對(duì)界車們面(miàn)布局、背景色、字離師體顔色大小、界面(miàn)元素間距、彈

層、loading、圖标、按鈕常态點擊态等進(jìn)行統筆請一的梳理和規範。

一、頁面(miàn)布局規範

頁面(miàn)布局

頁面(miàn)布局和交互規範上建議安卓、i水船os盡量統一，這(zhè)樣(知弟yàng)可以避免安卓和ios分别設計一套稿子。當然土豪公紅師司可以忽略這(zhè)個建議，安卓和io西兵s分别做專 門的設計當然更好(hǎo)。在中小型項跳去目來看，設計資源緊張的話可以考慮安卓和ios用謝謝同一個稿子，分别做相應的微調後(hòu)輸出适用安卓和ios不同的尺寸要求就(去秒jiù)可 以。

推薦使用mac矢量設計工具”sketch”。以ios平台的iPh就西one5的尺寸640*1136px作爲标準尺寸設計。在界女放面(miàn)設計完成(chéng)後(hòu)可以做相來生應的微調導出适用ios和安卓尺寸的稿子。這(zhè)裡(l員書ǐ)可以首先統一設計稿輸出規範：海林

安卓(720*1280px)：界面(miàn)預覽圖、界面(mi子飛àn)坐标圖、标準界面(miàn)的圖标png文件

IOS(640*1136px)：界光化面(miàn)預覽圖、界面(miàn)坐标圖制厭、1-3倍圖矢量圖标pdf文件

PS：界面(miàn)坐标圖指在設計已定稿的界面(下歌miàn)預覽圖上标注：界面(miàn)元員兵素的間距、文字的顔色、文字的字号大小、圖标的尺寸、按鈕不同狀少來态顔色、按鈕的尺寸等等

界面(miàn)坐标圖實例

二、标準色規範

标準色規範

标準色規範：重要、一般、弱。标準色重要：重要顔色中一般不超過(guò校光)3種(zhǒng)，這(zhè)裡(lǐ)的例子重要顔色之一紅色需要小金弟面(miàn)積使用,用于特别需現件要強調和突出的文字、 按鈕和icon;而黑色用于重要級文字信息比如标題錢學、正文等。标準色一般：都(dōu)是裡上相近的顔色，而且要比重要顔色弱，普遍用于作書普通級信息、引導詞比如提示性文 案或者日身次要的文字信息。标準色較弱：普遍用于背景色和不需他飛要顯眼的邊角信息。

标準色實例

三、标準字規範

标準字規範

文字是APP主要信息的表現，尤其新聞閱讀、社區APP等制定标準的厭問設計規範和良好(hǎo)的排版方式，用戶使用APP也覺得毫無疲勞感，這(zhè妹山)一點很重要。标 準字規範重要、船愛一般、弱。這(zhè)裡(lǐ)主要規範标準字的大小，标準字要注意跟上文靜雪的标準色進(jìn)行組合突出A東公PP重要的信息和弱化次要的信息。标準字重要：大字号事在普遍 用于大标題、top導航，較小字号用在分割模塊的标題上。标準字一般：主要商西用在大多數文字，比如正文。标準字弱：普老草遍與标準色較弱組合用于輔助性文字如一 些次要的文案說(sh月制uō)明。

标準字實例

四、界面(miàn)元素間距