全新iPad的發(fā)布，不少朋友對新的分辨率（2048x1536像素）產(chǎn)生各種擔(dān)心。比如擔(dān)心設(shè)計全新iPad應(yīng)用程序的界面時，是否需要為設(shè)計師配備更大的顯示設(shè)備。又比如因為要處理分辨率的適配而擔(dān)心開發(fā)難度增高。

種種擔(dān)心，絲毫不亞于我們常常聽到的對Android設(shè)備存在多種分辨率而發(fā)出的各種抱怨。

為超高或多種分辨率的設(shè)備設(shè)計界面，真的有那么可怕嗎？

我們先來一起了解一下屏幕尺寸與分辨率之間的關(guān)系吧。有條件的朋友也可以動手試一試。

一臺22英寸顯示屏與一臺15.4英寸的顯示屏，分辨率都是1680x1050像素。它們要顯示相同的內(nèi)容：一個100x48像素大小的方塊。

通過對比可以發(fā)現(xiàn)，方塊在15.4英寸顯示屏上看起來要比22英寸顯示屏上小一些。這個原因我想大家都能理解，因為顯示屏的物理尺寸小嘛。

反過來，我們把更小尺寸的15.4英寸顯示屏的顯示分辨率調(diào)整至800x600像素，你會發(fā)現(xiàn)這時方塊看起來會比22英寸的顯示屏還要大一些。只是很可惜，這時的顯示效果并不理想，不夠清晰。

至此，我們可以了解到：在相同尺寸的屏幕，隨著分辨率的提高，顯示的內(nèi)容變小。反之，相同分辨率的屏幕，隨著尺寸的提高，顯示的內(nèi)容變大。

以上結(jié)果，對于顯示設(shè)備廠商而言，或許更多的是市場機會。他們清楚知道，要讓顯示設(shè)備提供更細(xì)膩的視覺體驗，必須在有限的屏幕尺寸中提高分辨率！

分辨率之戰(zhàn)，從PC DIY的時代開始，各大顯示設(shè)備廠商就注定要參與這個較量。直到1920x1080像素屏幕的出現(xiàn)，大家似乎開始有些滿足，比這個更高的分辨率不再被強調(diào)。因為這個分辨率意味著達(dá)到HDTV級別了！可以觀看高清電影了！高清，也就是在近幾年成為眾多電視機廠商或者其它顯示設(shè)備廠商的廣告中出現(xiàn)最多的詞語。

顯然，分辨率和尺寸都不可能無止境地提高。尺寸大了設(shè)備笨重，分辨率高了又會讓原來的內(nèi)容看起來更小。而顯示的內(nèi)容太小，會導(dǎo)致用戶在正常的觀看距離無法看清楚。因此，隨著分辨率的提高，既要讓內(nèi)容顯示大小合適，又要讓顯示效果更加出色，成為一個迫切需要解決的問題。

那么，該怎么辦呢？

答案是為顯示設(shè)備提高分辨率，但同時要為高分辨率的屏幕單獨提供資源以保障最終顯示結(jié)果相同或相近。在不同的設(shè)備上顯示相同內(nèi)容保持相同或相近的物理大小，這對于觸摸屏尤其重要。顯示的物理大小決定了用戶能否準(zhǔn)確并舒適地對顯示屏上的內(nèi)容進(jìn)行操作。

這個時候，屏幕密度是時候出場了！

屏幕密度是指以屏幕分辨率為基礎(chǔ)，沿屏幕長寬方向排列的像素。密度較低的屏幕，在長和寬方向都只有比較少的像素，而高密度的屏幕通常則會有很多，甚至?xí)�非常非常多的像素排列在同一區(qū)域。在相同尺寸的屏幕里，隨著分辨率的提高，屏幕密度相應(yīng)也會跟著提高。

看，這就是高分辨率與高密度屏幕所帶來的卓越的顯示效果！

【圖片來源于Apple官方網(wǎng)站】

我們知道，在Apple的產(chǎn)品中，使用PPI（每英寸所擁有的像素）來描述屏幕密度。而在Android的產(chǎn)品中，使用DPI（每英寸所擁有的點數(shù)）來描述屏幕密度。

下面，來看看當(dāng)下熱門的iPhone、iPad以及Android設(shè)備，看看它們是如何為多分辨率和高密度屏幕解決界面設(shè)計難題的。

iPhone：

第一代的iPhone屏幕密度為165PPI，而從iPhone4開始屏幕密度增加了兩倍。

在設(shè)計iPhone4應(yīng)用程序界面時，設(shè)計師仍然只需要以第一代iPhone為基準(zhǔn)進(jìn)行設(shè)計，然后制作一套放大兩倍的圖片資源。因為所有iPhone都使用了相同的尺寸，所以最終通過系統(tǒng)的適配使得相同的內(nèi)容在兩種分辨率上顯示的物理大小完全相同。

iPad：

第一代的iPad屏幕密度為132PPI，全新的iPad屏幕密度同樣提升了兩倍。

在設(shè)計全新iPad的應(yīng)用程序時，我們?nèi)匀灰缘谝淮鷌Pad的屏幕作為基準(zhǔn)進(jìn)行設(shè)計，然后提供兩倍大小的圖片資源，最終通過系統(tǒng)的適配使得相同的內(nèi)容在相同尺寸的兩種分辨率上顯示的物理大小也完全相同。

Android設(shè)備：

Android設(shè)備的屏幕相對復(fù)雜一些，因為它們有各種尺寸和分辨率。

為了讓各種分辨率的屏幕顯示合適的大小以方便用戶閱讀或者操作，同時又能滿足Android設(shè)備多樣性的需求。于是，Android官方通過對各種屏幕進(jìn)行密度等級劃分，最后分為“低密度（LDPI）”、“中密度（MDPI）”、“高密度（HDPI）”、“超高密度（XHDPI）”這四個規(guī)格，并同時將“中密度”定義為基準(zhǔn)線。

【圖片來源于Android官方網(wǎng)站】

這樣，在設(shè)計Android應(yīng)用程序的界面時，我們就可以一視同仁把中密度的屏幕作為基準(zhǔn)進(jìn)行設(shè)計，然后給其它密度的屏幕提供相應(yīng)的圖片資源。最后通過系統(tǒng)的適配性自動處理，一樣使得相同的內(nèi)容在各種屏幕上可以顯示比較接近的大小。

【圖片來源于Android官方網(wǎng)站】

回到文章的開頭，我們現(xiàn)在可以知道為超高分辨率、多種分辨率的設(shè)備設(shè)計界面其實并不可怕。也不見得是多么高難度的事情。雖然我們目前常見的顯示屏都是中密度居多（PC和Mac顯示屏目前的顯示密度在90到130左右），但隨著超高分辨率高密度顯示技術(shù)的逐步推廣，也許不久的將來我們設(shè)計PC或Mac軟件界面也同樣需要面對超高分辨率、多種分辨率的問題了。

附1：屏幕密度的計算公式

作者：阿智

文章來源：阿智的博客

標(biāo)簽： android  iphone 

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