全國(guó)咨詢(xún)/投訴熱線:400-618-4000

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

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

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

切圖規(guī)范:
       IOS: @X1已不用考慮     
              @X2   @X3兩套切圖    
Android: 一般使用  XHdpi (720*1280)  切圖進(jìn)行上下兼容,即可滿足一般開(kāi)發(fā)。
規(guī)范切圖(Mdpi   Hdpi   Xhdpi   XXHdpi):
4套   開(kāi)發(fā)單位  dp 是距離   sp是字體大小   (以160dpi為基準(zhǔn))
dp或dip 設(shè)備獨(dú)立像素(device independent pixels)
說(shuō)明:dp和像素的密度比值有關(guān):dp * 密度比值 = px ,故具有自動(dòng)適應(yīng)屏幕的效果
常見(jiàn)的密度比值:
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)

說(shuō)明:用于處理字體的大小,可以根據(jù)用戶(hù)系統(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://pantone-color.com.cn/news/ui.html 
分享到:
在線咨詢(xún) 我要報(bào)名
和我們?cè)诰€交談!