首頁技術(shù)文章正文

UI培訓(xùn)之APP項目中的切圖和標(biāo)注規(guī)范(三)

更新時間:2017-04-14 來源:黑馬程序員UI培訓(xùn)學(xué)院 瀏覽量:

切圖規(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è)備獨立像素(device independent pixels)
說明:dp和像素的密度比值有關(guān):dp * 密度比值 = px ,故具有自動適應(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)的字體自動適應(yīng)
【注】為了適應(yī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      英文以及數(shù)字字體
LockClock                                                 代表的是鎖屏?xí)r間字體
Android :
     Clockopia                系統(tǒng)默認(rèn)待機(jī)時鐘字體
DroidSans                系統(tǒng)默認(rèn)英文字體
DroidSans-Bold       系統(tǒng)默認(rèn)英文粗字體
DroidSansFallback   系統(tǒng)默認(rèn)中文字體
字號規(guī)范
IOS:
 
Android:
 
標(biāo)注規(guī)范:
      MarkMan 標(biāo)注工具,對設(shè)計圖進(jìn)行標(biāo)注!
本文版權(quán)歸黑馬程序員UI培訓(xùn)學(xué)院所有,歡迎轉(zhuǎn)載,轉(zhuǎn)載請注明作者出處。謝謝!
作者:黑馬程序員UI培訓(xùn)學(xué)院
首發(fā):http://m.pantone-color.com.cn/news/ui.html 
分享到:
在線咨詢 我要報名
和我們在線交談!