如今市場上的手機型別繁多，同種品牌的手機下面也有很多種機型。比如蘋果手機，不斷的研發和創新，保持著一年一款新機型的更新速度，在越來越多的國產機的夾擊下，衝擊著手機市場。（果粉們表要激動。）與此同時，螢幕的尺寸也越來越大，網友不禁調侃道：手機越來越像平板，平板越來越像手機。

而對於剛剛入門的UI介面設計新手，五花八門，八面玲瓏的手機機型著實讓人有點懵，針對不同的手機機型，該如何把握尺寸。這裡我們就需要知道一個概念：畫素密度（PPI），英語全稱是pixels per inch， 每英寸的長度上排列的畫素點數量。很多人可能會認為，畫素越高，影象就越清晰。但其實這是錯誤的觀點。正確的是“畫素密度越高，代表螢幕顯示效果越精細。”這也是為什麼買照相機時，不要盲目的追求畫素高的相機，1200萬畫素的相機比600萬畫素的相機最後拍出來的照片效果還差。這其中還牽扯到相機其他的硬體，比如CCD。有興趣的可以去了解一下。

Retina屏，把2x2個畫素壓縮成一個畫素來用，很明顯，這符合畫素密度越高，螢幕顯示效果越清晰的定律。最初的iPhone4，以及iPhone4s，再到後來的iPhone5、iPhone5c、iPhone5s、iPhone6及iPhone6 Plus都使用了Retina顯示技術的IPS顯示屏。

改正之前錯誤的慣性思維定式後，我們就來了解一下設計手機APP介面時，如何設定尺寸的問題。手機機型這麼多，不同手機的螢幕大小也有很大的差異，那他們的基準到底是什麼呢？這裡又要引入一個概念：邏輯畫素；外加一個公式：

                                                              手機的實際畫素÷倍率=邏輯畫素尺寸。

邏輯畫素相同，顯示效果也相同。我們來舉個例子：比如Android手機，現在市場上的Android手機碎片化嚴重，尺寸很多。常見的Android螢幕尺寸：①540x960，倍率為1.5；②720x1280,倍率為2；③1080x1920，倍率為3。那麼，利用換算公式，就可以得到一個共同的邏輯畫素：360x640。所以最後在這些不同機型的手機上，呈現出來的效果也是一樣的。

同理，蘋果APP上的UI設計也按照這一規律。iPhone5/5s，倍率為2，邏輯畫素320x568；iPhone6，倍率為2，邏輯畫素為375x667；而iPhone6 plus，倍率為3，邏輯畫素為414x736。現在比較流行的做法是按照iPhone5的尺寸來設計，倍率為2的螢幕無論在iOS還是Android方面都是主流，而且又是2倍螢幕中邏輯畫素最小的，頁面載入速度也相對更快，因為圖片的尺寸可以保持在較小的水平。這也是為什麼不常用iPhone6 plus的原因，雖然3的倍率，呈現效果更加清晰，但是前提是你願意犧牲載入速度。