iOS 開發 界面 字體pt 與px 關係

一、分辨率

iPhone 界面尺寸：320×480、640×960、640×1136 
iPad 界面尺寸：1024×76八、2048×1536 
（以上單位都是像素，至於分辨率通常網頁UI和移動UI基本上都只要 72 ppi）

二、單位換算px、pt

這裏須要先區分pt、px，pt(磅值)是物理長度單位，指的是72分之一英寸。手機上看來同一大小的字磅值是同樣的，可是換算成不一樣分辨率手機的字號px值不同。（ px=pt*ppi/72 ）

iPhone在出retina屏(也就是4S)以前的屏幕像素是320x480px，屏幕密度是163ppi，4S的屏幕像素是640x960px，屏幕密度是326ppi，翻了一倍。iPhone5的ppi沒有變化，兼容性方面要增長相似首屏畫面等程序上的判斷。

在iPhone界面上元素的定位、尺寸是經過一個單位point，而非px，屏幕上固定有320x480pt，retina屏兩倍的分辨率改變的只是pt和px之間的比例而已，這樣就能實現不改變程序，只上傳兩套圖片就兼容兩個分辨率。

在設計的時候並非每一個尺寸都要作一套，尺寸按本身的手機尺寸來設計，比較方便預覽效果，通常用 640×960 或者 640×1136 的尺寸設計。其中設計稿的畫布分辨率設爲默認的72ppi（此時1px=1pt ），因此設計師能夠統一採用px爲單位。

開發拿到設計稿時，將上面標註的以px爲單位的字號大小、圖像尺寸除以2，就是非retina屏上的pt值，這樣在retina屏上也能夠根據此pt值換算對應的px大小，以確保不一樣的分辨率下有合適的效果。

三、基本元素的尺寸設置

iPhone的APP界面通常由四個元素組成，分別是：狀態欄、導航欄、主菜單欄以及中間的內容區域。

這裏取用 640×960 的尺寸設計，那咱們就說說在這個尺寸下這些元素的尺寸： 
狀態欄： 就是咱們常常說的信號、運營商、電量等顯示手機狀態的區域，其高度爲：40 px 
導航欄： 顯示當前界面的名稱，包含相應的功能或者頁面間跳轉的按鈕，其高度爲：88 px 
主菜單欄： 相似於頁面的主菜單，提供整個應用的分類內容的快速跳轉，其高度爲：98 px 
內容區域： 展現應用提供的相應內容，整個應用中佈局變動最爲頻繁的，其高度爲：734 px=960-40-88-98 
以上尺寸適用於 iPhone 四、4S，iPhone5/5s 的 640×1136 的尺寸，其實就是中間的內容區域高度增長到：910 px，其餘尺寸也同上。

四、經常使用圖像、圖標大小（來自官方規範文檔）

單位：像素 

五、字體大小

iOS交互設計規範文檔上，對字體大小沒有作嚴格的數值規定，只提供了一些指導原則： 
單位：點pt 
- 即使用戶選擇了最小文字大小，文字也不該小於 22 點。做爲對照，正文樣式在大字號下使用 34 點字體大小做爲默認文字大小設置。 
- 一般來講，每一檔文字大小設置的字體大小和行間距的差別是 2 點。例外狀況是兩個標題樣式，在最小、小和中等設置時都使用相同字體大小、行間距和字間距。 
- 在最小的三種文字大小中，字間距相對寬闊；在最大的三種文字大小中，字間距相對緊密。 
- 標題和正文樣式使用同樣的字體大小。爲了將其和正文樣式區分，標題樣式使用加粗效果。 
- 導航控制器中的文字使用和大號的正文樣式文字大小（明確來講，是 34 點）。 
- 文本一般使用常規體和中等大小，而不是用細體和粗體。

百度用戶體驗作過的一個小調查： 
單位：像素px 

還有個方法就是找你以爲好的APP應用，手機截圖後放進PS本身對比調節字體大小。