IOS的設(shè)計(jì)規(guī)范:

來自網(wǎng)絡(luò)
一、尺寸

來自網(wǎng)絡(luò)
目前主流的是以iPhone 6為主,設(shè)計(jì)尺寸是750*1334px,4.7寸。
二、不同分辨率下狀態(tài)欄、導(dǎo)航欄、標(biāo)簽欄高度的差異:

來自網(wǎng)絡(luò)
三、字體、控件、圖標(biāo)的規(guī)范要求

來自網(wǎng)絡(luò)
1、分辨率以iPhone 6 設(shè)計(jì)為主:750*1334px
2、(字體 Helvetica/華文細(xì)黑,實(shí)際中運(yùn)用黑體簡(jiǎn)或者Hiti-sc 最接近系統(tǒng)中所帶字體)
3、工具欄height:88px? ? 如搜索、選擇、刪除、回復(fù)等。
4、頂部標(biāo)簽欄height:60px? 位于狀態(tài)欄或者狀態(tài)欄下的文字/具有可切換功能的圖標(biāo)
(一)IOS@2? 750*1334px
1、導(dǎo)航欄

來自網(wǎng)絡(luò)
所有的字號(hào),在750*1334px的設(shè)計(jì)尺寸下都是偶數(shù),便于程序員操作。
所有可觸發(fā)按鈕必須≥44*44
(二)IOS@1? 375*6674px

來自網(wǎng)絡(luò)
所有可觸發(fā)按鈕必須≥22*22
左右內(nèi)容與邊距的間隔大概在20px
文字的選擇狀態(tài):

來自網(wǎng)絡(luò)

來自網(wǎng)絡(luò)

來自網(wǎng)絡(luò)

來自網(wǎng)絡(luò)
功能型圖標(biāo)(尺寸根據(jù)實(shí)際情況來區(qū)分)

來自網(wǎng)絡(luò)

來自網(wǎng)絡(luò)
按鈕:

來自網(wǎng)絡(luò)

來自網(wǎng)絡(luò)

來自網(wǎng)絡(luò)
強(qiáng)調(diào)確定,填充有彩色。
控件:

來自網(wǎng)絡(luò)

來自網(wǎng)絡(luò)
圖示:

來自網(wǎng)絡(luò)
例如:

來網(wǎng)絡(luò)
模塊:

來自網(wǎng)絡(luò)

來自網(wǎng)絡(luò)
布局:

來自網(wǎng)絡(luò)
交互:

來自網(wǎng)絡(luò)

來自網(wǎng)絡(luò)
搜索框右邊要有一個(gè)取消、或者輸入了之后有一個(gè)“x”

來自網(wǎng)絡(luò)

來自網(wǎng)絡(luò)

來自網(wǎng)絡(luò)
(三)切圖命名規(guī)范:

來自網(wǎng)絡(luò)

來自網(wǎng)絡(luò)

來自網(wǎng)絡(luò)
漸變和底紋效果和程序員商討

來自網(wǎng)絡(luò)

來自網(wǎng)絡(luò)

來自網(wǎng)絡(luò)
切圖命名的完整部分:

來自網(wǎng)絡(luò)
Android 的設(shè)計(jì)規(guī)范:(安卓規(guī)范尺寸較多,在沒有特定情況下,設(shè)計(jì)師只需要做以720*1280px來做,基本的切和命名與IOS相似)
設(shè)計(jì)尺寸:720*1280px
狀態(tài)欄48px? 導(dǎo)航欄96px? 內(nèi)容區(qū)1038px? ?標(biāo)簽欄112px
切圖規(guī)范:

來自網(wǎng)絡(luò)

來自網(wǎng)絡(luò)