DPI指南? 文章結尾有很多資源
【基礎概念】
DPI（Dots Per Inch）
圖像分辨率所使用的單位：在圖像中每英寸所表達的像素數目。
PPI（Pixels Per Inch）
打印分辨率使用的單位：每英寸所表達的打印點數。
px=pixel? “相對大小”
px是一個點，它不是自然界的長度單位
如果點很小，那畫面就清晰，我們稱它為“分辨率高”，反之，就是“分辨率低”。
pt=point ?“絕對大小”
是印刷行業常用單位，等于1/72英寸
使用px定義文字，無論用戶怎么設置，都不會改變大小；
使用pt定義文字，當用戶設置超過96DPI的值，數值越大，字體就越大。
px = pt * DPI / 72
px/pt=96/72=4/3(DPI=96時)
屏幕的原始分辨率是2560*1440px。如果分辨率減小，像素點還是被展示在PPI為109的屏幕上。你的操作系統會自動拉伸所有元素來填補間隙，使得整個屏幕被填滿。
如果想要設置27寸屏幕分辨率為1280*720（之前寬的一半，高的一半），GPU會讓一個像素點變成原來的2倍大來填充屏幕，那么結果就是會變得模糊。
在原始分辨率的屏幕上畫一條1px的線，然后設置分辨率為50%。
為了填滿屏幕，CPU需要制造150%的視覺效果，所有像素點都要乘以1.5，1*1.5=1.5，但是因為不能有半個像素點，這就使得填充周圍的像素點的顏色只有一部分，便產生了模糊。
什么是像素比
當你的設計需要在不同PPI下轉換時，像素比就是你的救星。當你知道像素比后，就不需要再考慮設備的詳細規格了。
以iPhone 3G和4為例，相同物理大小上iPhone4的像素點是3G兩倍，因此像素比就是2，這表示只需要用你的資源乘以2，就可以兼容4G的分辨率了。
什么是DP、PT、SP
DP(Dip)表示獨立于設備的像素點，PT表示點。
DP用在Android上，PT用在Apple上，但是他們本質上是相同的。
SP表示與比例無關的像素，通常用來定義字體大小。
但是，當你基于非Retina屏幕設計時計算Retina的像素值并沒什么意義。
因此我們需要做的就是以標準的100%非Retina比例作為一切設計的基礎。
Android和iOS會調整自身大小適應屏幕并且使用正確的像素比來進行換算。
這就是為什么我發現使用屏幕的原始的PPI設計會更簡單。
什么是視網膜顯示屏
“Retina（視網膜）顯示屏”是Apple公司在發布iPhone 4時引入的。之所以叫做Retina是因為設備的PPI非常高以至于人的視網膜也不能在屏幕上分辨出像素點來。
這個說法在現在的設備的屏幕范圍內是正確的，但是隨著屏幕越來越好，我們的眼睛也會被訓練得足夠感知像素點，特別是圓形的UI元素。
“如果我在設計工具里改變PPI配置，會發生什么呢？”
任何非打印的設計使用像素大小不用考慮原始PPI配置。
你的畫布和圖像總是會被被軟件按照對應的像素比換算成像素點。
這就是我們使用像素比而不直接用PPI值的原因。
原因就是Photoshop按照PPI值放大了pt值，結果在PPI值變為兩倍的情況下文本大小增加為原來兩倍。
而用像素定義的藍色正方形，保持了原來大小。
像素就是一個像素點，不管PPI怎么配置它會一直保持一個像素。
造成圖形（像素定義）大小變化的是用來顯示它的屏幕的PPI值。
PPI配置對輸出到web上的設計毫無影響。
PPI配置只對基于PPI獨立計量（比如PT）產生的圖案有影響。
像素是任何數字化設計的度量單位
保持像素比以及設計的目標，而不是PPI
在進行數字化設計時使用實際的PPI配置，你會感受到它在目標設備上的樣子
在你的文件中自始至終保持相同的PPI配置
【iOS規則集】
@2x的資源必須始終是1x資源的兩倍。
Retina資源加上@2x.
始終創建100%和200%比例的圖片。
1x和2x的資源始終要保持名字相同。
在100%比例下開始設計，然后做乘法。
傳遞.png格式的圖片。
使用pt創建規范而不是px。
【Android規則集】
Android有7種不同的DPI，你需要關注其中的4個：mdpi,hdpi,xhdpi,xxhdpi，如果希望你的app面向未來，可以關注XXXHDPI。
MDPI是基礎的DPI或者1x像素比
Android使用dp代替pt當作參數規格，但是他們是一樣的。
用你最好的判斷來處理小數像素比。
傳遞.png格式圖片。
確保檢驗命名約定，與執行負責人共同完成輸出進程。
在像素世界英寸或者厘米并不是一個好的計量方法，即使是像素也不是真正好的計量方法。
Photoshop是主要的位圖編輯工具（十分依賴DPI），也是UI設計中使用最廣泛的軟件.數十年的積累使得它成為學習和使用比較困難的軟件。作為軟件中的瑞士軍刀，你可以用來做任何事，但是并不總是最有效的。
Adobe Illustrator也很適合平面設計，也是一款很強大的工具，需要付出努力去學習。和Photoshop不同的是，它是獨立于DPI的，因為它依賴矢量圖。與點陣圖或者光柵圖相反，圖像生成采用矢量圖，依靠數學公式計算，以編程方式重新調節大小并且不會損失圖片質量。
Sketch是小團隊開發的，而且出來得比較晚。從一開始，Sketch的目標就是供界面和UX設計師使用，沒有Photoshop和Illustrator的歷史積累，Sketch把自己定位成針對小眾用戶——界面設計師的一款完美的調整工具。
附加：并沒有完美的工具但是有最適合你的。如果你有足夠的時間和錢，我建議你都試試，然后再決定。
