切圖規(guī)范:
IOS: @X1已不用考慮
@X2 @X3兩套切圖
Android: 一般使用 XHdpi (720*1280) 切圖進行上下兼容,即可滿足一般開發(fā)。
規(guī)范切圖(Mdpi Hdpi Xhdpi XXHdpi):
4套 開發(fā)單位 dp 是距離 sp是字體大小 (以160dpi為基準)
dp或dip 設備獨立像素(device independent pixels)
說明:dp和像素的密度比值有關:dp * 密度比值 = px ,故具有自動適應屏幕的效果
常見的密度比值:
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)
說明:用于處理字體的大小,可以根據用戶
系統(tǒng)的字體自動適應
【注】為了適應不同的分辨率,不同的像素密度,推薦使用dp,文字使用sp
格式規(guī)范:
.png-24 IOS推薦格式
.GIF 支持透明但會出現(xiàn)鋸齒 256色支持單色,加載較快。
.jpg 壓縮格式
命名規(guī)范:
.banner@2X
App_
字體規(guī)范
IOS:
STHeiti-Light.ttc 和 STHeiti-Medium 中文字體
H_Helvetica.ttc 和 _H_HelveticaNeue 英文以及數字字體
LockClock 代表的是鎖屏時間字體
Android :
Clockopia 系統(tǒng)默認待機時鐘字體
DroidSans 系統(tǒng)默認英文字體
DroidSans-Bold 系統(tǒng)默認英文粗字體
DroidSansFallback 系統(tǒng)默認中文字體
字號規(guī)范
IOS:
Android:
標注規(guī)范:
MarkMan 標注工具,對設計圖進行標注!
本文版權歸黑馬程序員UI培訓學院所有,歡迎轉載,轉載請注明作者出處。謝謝!作者:黑馬程序員UI培訓學院首發(fā):http://ko1818.cn/news/ui.html