UI 設計師提供 iOS 字體和長度應當用什麼單位？

01-05

iOS的字體單位是pt。但跟photoshop裡面的pt好像不太一樣。
Android 字體單位是sp，長度單位是dp。這就保證了使用這樣的單位在任何dpi不同的手機屏幕都不會隨之發生改變；
UI designer有時提供px的字體大小，又不知道怎麼轉成iOS的pt。UI designer一般設計時用什麼單位？提供什麼單位的字體大小給開發者?

iOS 的 1 pt = 邏輯像素 1 px = 物理像素 1 px（非 Retina）或 2 px（Retina）

如果你新建 Photoshop 文檔時將 PPI 設定為 72，則文檔中 1 pt = 1 px；如果你把 PPI 設為 144，則 1 pt = 2 px。

所以，你做非 Retina 設計時用 72 PPI，做 Retina 設計時用 144 PPI，這樣就能保證你的 pt 數值永遠是開發者需要的數值了。

- - -

術語：

pt: point
px: pixel
PPI: pixels per inch

另有一個前提：Photoshop 默認使用 1 inch = 72 pt 的標準。

- - -

@Gorliya 對操作系統的 PPI 參數、Photoshop PPI 參數、字體尺寸等概念以及這些概念之間的關係沒有基本的理解。他的答案每一句話（literally）都是錯的。尤其居然測量文本高度的像素數量來和字型大小數值對比，體現了他對字體毫無了解。

說明：第一次回答中認為Ps里的pt與iOS中的pt不是一個單位，事後看了 @梁海回答中的評論，也反覆看了幾個相關問答，迷糊了。雖然沒有明確看到誰說這兩個pt就是同一個單位，即1/72英寸，但好像有什麼因素是我沒搞清楚，或者不知道的。所以刪掉了之前的部分回答。

-----------------------------------------

從一開始我想說的，實際是對本題答案的延伸：字型大小單位無論用px還是pt，實現結果與設計效果之間還是有差異，需要再調整。

以我淺顯的經驗，設計UI界面時先要選擇適當的字體來模擬iOS/Android系統字體，優先「華文細黑」、「繁/簡體-黑」，如果行事風格比較奔放的話，「微軟雅黑」也可以湊合。

字型大小單位我們是用px，標註時將Ps中的字型大小數值除以2——當然前提是效果圖是按@ 2x設計的。不論我們自己還是其它團隊的設計師，都反饋說工程師按照標註字型大小實現後的效果，與UI設計稿仍然會有細微的差別。這個差別應該不是由於字型大小單位選擇px或pt帶來的，因為在Ps中切換這兩個單位的時候，字體外觀是一致的。

這個差異，會不會是由於1）PC和iOS、Android採用的字體並不完全一樣，即便字體名稱一樣；2）即便真的是完全相同的字體，Win或mac、iOS或Android對字體的渲染機制應該是有差異的。這就是亂蒙了，希望知道正確答案的同學多指教。

既然工程師按照標註實現的字型大小與設計效果有差異，我們有兩個笨辦法：

第一是後向補救：設計師與工程師一起再進行微調；

第二是前向預防：請工程師出一份字型大小表，就是一個小App，把示例文字從1pt/sp直到36pt/sp顯示在一個長列表裡，供UI設計師在設計時參照。

我的經驗是 pt=px/2*0.85,非常接近了。：前題是，Photoshop 默認使用 1 inch = 72 pt 的標準

@Gorliya 確實一錯再錯 @梁海說得詳細透徹

iOS使用的是邏輯像素單位(pt,point)，與密度(ppi)無關，它與px換算的係數由系統確定(Android系統里用戶都能修改該係數以增加/減少屏幕的顯示內容)。

iPhone 2g/3g/3gs 是1，iPhone 4/4s/5/5s/6/6s是2，iPhone 6+/6s+是3。

磅(pt,point)是物理單位，1pt=1/72inch。

很多人把這兩個單位搞混淆了，雖然英文都叫point。

標註時應當使用pt，如果考慮android使用dp比較好，不至於搞混淆。

720*1280的一套app界面怎麼切圖來適配iOS640*960，750*1334的，望大神賜教，剛進軍這個行業，要用這個怎麼切成ios的

最近發現iOS字體渲染和PS渲染還是有差別的，導致出來的效果也有很大不同

過去這麼久,我又回來重建這個回答。

1.UI designer一般設計時用什麼單位？

使用邏輯像素單位。

展開一點回答：什麼是邏輯像素（邏輯解析度）？是各設備對開發者使用的一個單位，根據設備各有不同。

比如

iPhone4的邏輯解析度是：320*480.

iPhone5的邏輯解析度是：320*536

iphone6的邏輯解析度是：375*667

6plus的邏輯解析度是：414*736

安卓的設備解析度更多，但主要的幾個寬度都是 320或者360，

那麼這些邏輯解析度在哪兒找？答案：自己收集並記住。在chrome瀏覽器的調試模式下，有個移動設備的邏輯解析度列表。可以找到大部分的答案。

-----------------------------------高手繞過&>&>&>&>綠色通道---&>&>&>&>&>&>&>&>--------------------------------

按F12，點那個手機圖標

2.提供什麼單位的字體大小給開發者?

在邏輯像素單位下作好的圖中標註的實際pt值給開發者。但如@梁海所說需要新建 Photoshop 文檔時將 PPI 設定為 72(px/英寸)。

那麼有人會問：320像素的寬度解析度太低了吧，圖片放大了不就模糊了？

確實有這個問題，但是一般說建議作圖的時候全部用形狀圖層、矢量對象。非矢量的點陣圖則用至少400%的清晰大圖建智能對象後縮小到設計稿中使用，設計完成後可以將設計稿放大後輸出。這樣可以保證各部分都不會因放大失真。

放大都是150% 200% 300% 400%這樣放大，有這樣的插件在100%邏輯解析度下導出 1、2、3、4倍的各種切圖。而標註，在邏輯解析度下標註又是最方便開發者的。當然這是我個人的習慣。如果有人習慣在大解析度下作圖，那也不成問題，可以在標註的時候縮小到設備的邏輯解析度下來標註。之前一直被陷入各種ppi/設備解析度什麼的裡面去，現在發現根本不需要去計算什麼了，只需要牢記一些設備的邏輯解析度就夠了，安卓的IOS的其實本質上沒有太大區別。