手機(jī)和顯示器的區(qū)別僅僅是一個(gè)大、一個(gè)小么？顯然不是這樣的，細(xì)心的手機(jī)用戶(hù)一定都會(huì)發(fā)現(xiàn)同樣一張圖片或者照片在手機(jī)上和顯示器上看，“看起來(lái)”的大小是不一樣的，甚至是相差懸殊的，這事怎么回事呢？

從參數(shù)上來(lái)說(shuō)，顯示器的尺寸是：21英寸，分辨率是：1680×1050，手機(jī)的尺寸是：3.7英寸，分辨率是：480*800。簡(jiǎn)單對(duì)比發(fā)現(xiàn)，很顯然二者并不是簡(jiǎn)單的根據(jù)尺寸或者分辨率的倍率來(lái)拉伸放大縮小的。

二者之間存在一個(gè)轉(zhuǎn)換關(guān)系

做過(guò)印刷品設(shè)計(jì)的人都會(huì)知道在印刷上有個(gè)dpi（dots Per Inch）的參數(shù)，是用來(lái)描述指單位面積內(nèi)像素的多少，dpi越小，掃描的清晰度越低。那么，在數(shù)碼時(shí)代，我們依然有個(gè)參數(shù)叫做ppi（pixels per inch），用來(lái)來(lái)描述每英寸所擁有的像素?cái)?shù)目，它是圖像分辨率的單位，圖像ppi值越高，畫(huà)面的細(xì)節(jié)就越豐富。所以ppi就是顯示器于手機(jī)屏幕顯示差異的根本所在。

ppi與屏幕尺寸以及分辨率的轉(zhuǎn)換關(guān)系可以用數(shù)學(xué)公式為：

通過(guò)計(jì)算可以得出示例中的手機(jī)的ppi為252，而顯示器的ppi則為90，手機(jī)屏幕的ppi是顯示器的2.8倍。簡(jiǎn)單來(lái)說(shuō)，就是，在手機(jī)上看到的圖像放大2.8倍就相當(dāng)于在顯示器中看到的效果；或者說(shuō)在顯示器中看到的圖像縮小1/2.8倍（約等于36%）就相當(dāng)于在手機(jī)中看到的效果。

ppi的引入如果就為了得到這個(gè)數(shù)值？那么就不值得我們這么關(guān)注它了，因?yàn)槿绻�稍加嘗試，你就會(huì)發(fā)現(xiàn)，如以上數(shù)據(jù)所說(shuō)，將電腦上圖像縮小到36%，雖然看起來(lái)圖像的面積跟在手機(jī)上看到的差不多，但是實(shí)際圖像中的內(nèi)容早已糊成一團(tuán)了。

那么ppi這個(gè)參數(shù)的意義何在呢？

通過(guò)分析這個(gè)數(shù)學(xué)公式我們可以了解到ppi是與屏幕的分辨率和屏幕尺寸有關(guān)系的，那么如果我們有了這三組值中的任意兩組就可以得到另外一個(gè)了。

比如，我們從iso人機(jī)界面指導(dǎo)手冊(cè)中我們了解到ios有一些通用原則：可點(diǎn)擊元素的最小尺寸是44×44px。那么我們可以通過(guò)計(jì)算出ppi然后推導(dǎo)出在iphone上44px的最小尺寸對(duì)應(yīng)的屏幕尺寸是多少了。

根據(jù)前面的 計(jì)算公式，我們很容易得到 Iphone 3GS 的ppi的值為164

那么最小點(diǎn)擊區(qū)域的44×44px的區(qū)域的ppi也等于164；

所以，將公式反推就可以得到iphone 3GS的最小點(diǎn)擊區(qū)域的實(shí)際尺寸為0.38in。

我們知道1in=25.4mm，所以iphone 3GS的最小點(diǎn)擊尺寸在物理屏幕上的尺寸為：0.38*25.4=9.6mm

其實(shí)一般來(lái)說(shuō)，我們得到的數(shù)據(jù)更多的是這樣的： windows phone 推薦點(diǎn)擊區(qū)域?yàn)?mm，最小7mm，元素之間的距離最小7mm ；Nokia：推薦不小于1cm（0.4″）的點(diǎn)擊區(qū)域。最小值為：食指點(diǎn)擊7×7mm/1mm間距，拇指點(diǎn)擊8×8mm/2mm間距，列表選項(xiàng)之間有 5mm間距……。由于不同終端機(jī)型的分辨率和屏幕尺寸是不相同的，所以大多數(shù)廠商更愿意定義更加直觀和實(shí)際的物理尺寸來(lái)指導(dǎo)我們的設(shè)計(jì)（ios之所以直接定義成像素值，那是因?yàn)樗麄冏约杭仁怯布�廠商又是軟件廠商，所以機(jī)型的分辨率的完全在他們的控制中）。

Nokia 5230為例：

有了這樣的一些數(shù)據(jù)，就使得我們開(kāi)發(fā)觸屏手機(jī)上的軟件的時(shí)候，就變得有據(jù)可依，同時(shí)也對(duì)手機(jī)顯示和顯示器顯示的差異能夠有個(gè)很好的掌握。

ppi只是個(gè)參數(shù)，它更是一座橋梁，將手機(jī)和顯示器關(guān)聯(lián)了起來(lái)了，讓我們的設(shè)計(jì)可以更加精確和有的放矢。

文章來(lái)源：百度MUX 轉(zhuǎn)載請(qǐng)注明出處鏈接。

標(biāo)簽： 產(chǎn)品設(shè)計(jì) 用戶(hù)體驗(yàn) 屏幕尺寸 

版權(quán)申明：本站文章部分自網(wǎng)絡(luò)，如有侵權(quán)，請(qǐng)聯(lián)系：west999com@outlook.com
特別注意：本站所有轉(zhuǎn)載文章言論不代表本站觀點(diǎn)！
本站所提供的圖片等素材，版權(quán)歸原作者所有，如需使用，請(qǐng)與原作者聯(lián)系。