切圖規(guī)范:
IOS: @X1已不用考慮
@X2 @X3兩套切圖
Android: 一般使用 XHdpi (720*1280) 切圖進(jìn)行上下兼容,即可滿足一般開發(fā)。
規(guī)范切圖(Mdpi Hdpi Xhdpi XXHdpi):
4套 開發(fā)單位 dp 是距離 sp是字體大小 (以160dpi為基準(zhǔn))
dp或dip 設(shè)備獨(dú)立像素(device independent pixels)
說明:dp和像素的密度比值有關(guān):dp * 密度比值 = px ,故具有自動(dòng)適應(yīng)屏幕的效果
常見的密度比值:
240*320 的密度比值(比率)是: 0.75 160dp * 0.75 = 120px
320*480 的密度比值是: 1.0 160dp * 1.0 = 160px
480*800 的密度比值是: 1.5 160dp * 1.5 = 240px
sp 比例像素(scaled pixels — best for text size)
說明:用于處理字體的大小,可以根據(jù)用戶
系統(tǒng)的字體自動(dòng)適應(yīng)
【注】為了適應(yīng)不同的分辨率,不同的像素密度,推薦使用dp,文字使用sp
格式規(guī)范:
.png-24 IOS推薦格式
.GIF 支持透明但會(huì)出現(xiàn)鋸齒 256色支持單色,加載較快。
.jpg 壓縮格式
命名規(guī)范:
.banner@2X
App_
字體規(guī)范
IOS:
STHeiti-Light.ttc 和 STHeiti-Medium 中文字體
H_Helvetica.ttc 和 _H_HelveticaNeue 英文以及數(shù)字字體
LockClock 代表的是鎖屏?xí)r間字體
Android :
Clockopia 系統(tǒng)默認(rèn)待機(jī)時(shí)鐘字體
DroidSans 系統(tǒng)默認(rèn)英文字體
DroidSans-Bold 系統(tǒng)默認(rèn)英文粗字體
DroidSansFallback 系統(tǒng)默認(rèn)中文字體
字號(hào)規(guī)范
IOS:
Android:
標(biāo)注規(guī)范:
MarkMan 標(biāo)注工具,對(duì)設(shè)計(jì)圖進(jìn)行標(biāo)注!
本文版權(quán)歸黑馬程序員UI培訓(xùn)學(xué)院所有,歡迎轉(zhuǎn)載,轉(zhuǎn)載請(qǐng)注明作者出處。謝謝!作者:黑馬程序員UI培訓(xùn)學(xué)院首發(fā):http://3rdspacecomics.com/news/ui.html