UI培訓之APP項目中的切圖和標注規(guī)范（二）

在現(xiàn)實中，這兩者效果卻是一樣的。這是因為Retina屏幕把2×2個像素當1個像素使用。比如原本44像素高的頂部導航欄，在Retina屏上用了88個像素的高度來顯示。導致界面元素都變成2倍大小，反而和3gs效果一樣了。畫質(zhì)卻更清晰。
在以前，iOS應用的資源圖片中，同一張圖通常有兩個尺寸。你會看到文件名有的帶@2x字樣，有的不帶。其中不帶@2x的用在普通屏上，帶@2x的用在Retina屏上。
理解幾個基本概念：

1. 物理尺寸(inch):

對角線長度，不考慮長寬比。
例如：iphone 4s 3.5寸   iphone 6plus 5.5寸

2. 像素尺寸(PX):

橫縱坐標像素點多少，與物理尺寸無關；
例如：iphone 3gs  320*480px
           iphone 4s    640*960px
 

3. 網(wǎng)點密度(dpi)

   屏幕物理面積內(nèi)所含的像素點。
 計算公式：
   所謂retina （ 視網(wǎng)膜屏）就是指分辨率達到300dpi的時候距離眼睛10-15CM距離的時候人的視覺看不出來像素點。
注意：DPI越高，畫質(zhì)越精細；但是，手機UI設計時，DPI要對應相關手機匹配，因為低分辨率的手機無法滿足高DPI圖片對手機硬件的要求，反而顯示效果越差。
Iphone
  


Android（Mdpi   Hdpi   Xhdpi   XXHdpi ）

本文版權歸黑馬程序員UI培訓學院所有，歡迎轉(zhuǎn)載，轉(zhuǎn)載請注明作者出處。謝謝！
作者：黑馬程序員UI培訓學院
首發(fā)：http://m.3rdspacecomics.com/news/ui.html