移動(dòng)設(shè)備客戶端交互適配設(shè)計(jì)
手機(jī)客戶端軟件雖只是手機(jī)中一個(gè)功能，但它卻要比設(shè)計(jì)單款手機(jī)更為復(fù)雜。在設(shè)計(jì)單款、單系列手機(jī)時(shí)，需要考慮這款手機(jī)的軟、硬件優(yōu)勢及不足，考慮其特性、其UI Style Guideline ，確定這些內(nèi)容后，整個(gè)平臺(tái)的UI也找到基礎(chǔ)了。說起來，這至多是考慮某個(gè)系統(tǒng)、某個(gè)屏幕的特性而已，而不同功能的所有設(shè)計(jì)基礎(chǔ)都是一致的。
但是對于客戶端，咋一看，好像很簡單，就是設(shè)計(jì)一個(gè)應(yīng)用。實(shí)則不然，客戶端重在適配，客戶端不僅僅會(huì)用在一個(gè)型號(hào)的手機(jī)中。這樣問題隨之而來，如何能適配不同的手機(jī)呢，手機(jī)千變?nèi)f化，我總不能只針對一款手機(jī)，一個(gè)平臺(tái)吧？當(dāng)然也有些客戶端確實(shí)是這樣的，只能使用Windows Mobile、Symbian、iOS、Android、Java(非系統(tǒng))等的某個(gè)平臺(tái)。但是即使對同一個(gè)平臺(tái)，問題還是很多，是要在觸摸屏中來用，還是在鍵盤機(jī)中使用？是在大屏幕中，還是小屏幕中等等。 如何處理？？？有待大家討論，這里只是拋磚引玉。
客戶端在不同的平臺(tái)中，界面展示和特性各不相同
所以，本文中，我想簡單的總結(jié)一下手機(jī)客戶端的交互適配方法，希望能更好地來指導(dǎo)當(dāng)前移動(dòng)應(yīng)用的設(shè)計(jì)需求。
一、 手機(jī)客戶端的適配分析
對于手機(jī)客戶端的適配，我想首先需要做的就是如何適配，我要在什么樣的手機(jī)上使用？在設(shè)計(jì)上，我會(huì)從平臺(tái)、鍵盤機(jī)與觸屏機(jī)、屏幕大小三個(gè)維度進(jìn)行分析：
1. 平臺(tái)：
不同的平臺(tái)手機(jī)的設(shè)計(jì)風(fēng)格、操作方式、硬件配置都存在很大的差異。當(dāng)前的主流平臺(tái)主要包括 iOS、Android、Symbian、Blackberry、Windows Phone7、Web OS等。
每個(gè)平臺(tái)都有各自的設(shè)計(jì)指南（UI Style），其對應(yīng)的手機(jī)的硬件也有各自的特點(diǎn)，如iPhone的home鍵，Android 的back鍵，blackberry的滾輪等等。特別提一下Palm，Palm的web OS真的值得手機(jī)交互設(shè)計(jì)師研究一下（手機(jī) Palm pre）。因此，在設(shè)計(jì)上，不僅要了解平臺(tái)的設(shè)計(jì)指南，同時(shí)需要考慮平臺(tái)的硬件特征，使自己設(shè)計(jì)的應(yīng)用不僅符合平臺(tái)的交互特性，并能兼容平臺(tái)上硬件使用習(xí)慣，提高應(yīng)用的可用性。
Windows Phone 7 系統(tǒng)的幾個(gè)特點(diǎn)
iOS系統(tǒng)的幾個(gè)特點(diǎn)
Android 系統(tǒng)的幾個(gè)特點(diǎn)
由上圖可知，幾個(gè)最新的平臺(tái)也存在較大的不同。對于手機(jī)的平臺(tái)特性，會(huì)在未來的博文中再詳細(xì)贅述。
2. 觸屏機(jī)和鍵盤機(jī)
鍵盤機(jī)和觸屏機(jī)在操作方式上很不同
下面簡單總結(jié)一下鍵盤機(jī)和觸屏機(jī)的特點(diǎn)。
鍵盤機(jī)：
1）鍵盤機(jī)的操作方式采用Soft Key 與屏幕軟鍵標(biāo)簽一一映射（左右軟鍵、對話框的按鈕等都需要與鍵盤的標(biāo)簽一一對應(yīng)），對所有的屏幕元素，都需要用五向鍵（滾輪）導(dǎo)航；需要用光標(biāo)來操控屏幕上的所有元素。
2）一般左右軟鍵上有一個(gè)【返回】鍵。用戶可以通過軟鍵快速的返回。
3）由于用鍵盤操作時(shí)，每次選擇項(xiàng)目都需要從上到下依次瀏覽項(xiàng)目，因此重要性高、使用頻率高的元素應(yīng)放在屏幕的最前面。
4）按鍵可以根據(jù)數(shù)字鍵來設(shè)置一些快捷的操作；通過長按來設(shè)置快速翻頁。
5）除了網(wǎng)頁的形式，絕大多數(shù)的操作都是在菜單里完成。
6）文字輸入的方式，通過鍵盤來輸入，全鍵盤和數(shù)字鍵又有不同。
觸屏機(jī)（屏幕尺寸會(huì)略大）：
觸摸屏手機(jī)最主要的特點(diǎn)是直接操作屏幕對象。對用戶來說，不需要進(jìn)行映射的轉(zhuǎn)換，因此易學(xué)性更強(qiáng)。但是由于手機(jī)的使用場景很特殊，或站著，或在行走，或只能騰出一只手等等，在這些時(shí)候要精確指點(diǎn)操作也有一定的難度。
觸屏手機(jī)也有兩種操作形式，用手指直接操作或者用筆操作。但是當(dāng)前的屏幕發(fā)展及推出的機(jī)型來看，主要會(huì)針對用手指直接來操作。如果用戶操作后，有屏幕的力反饋，則效果會(huì)更好。
1）操作對象的大小符合手指的操作，按鍵的大小設(shè)置規(guī)范：
◆食指點(diǎn)擊的間距 約為7*7 mm， 1mm間距，
◆拇指點(diǎn)擊8*8 mm，2mm間距。當(dāng)前推薦的值為9mm 大小，最小應(yīng)不小于7mm。
◆當(dāng)然一些重要操作，或者頻繁點(diǎn)擊的區(qū)域可以設(shè)置的略微更大一些。
2）由于單手操作時(shí)，只能使用拇指操作，因此，使用最頻繁的按鈕大小必須根據(jù)拇指的大小來設(shè)置；拇指輻射的范圍主要在屏幕的底部，因此需要把這些操作放在稍微靠下面的位置更好。
3）信息顯示：大屏幕可以顯示更多的內(nèi)容，但是避免信息顯示過于擁擠。
4）手勢的定義：當(dāng)前手機(jī)上我們可以看到一些基本的手勢操作，如撥動(dòng)、拖拽、雙指放大/縮小、雙擊等最常用的操作。其實(shí)還有很多其他的手勢形式，如畫圈，打勾，打叉，雙指點(diǎn)擊，雙指滑動(dòng)等等，這些需要根據(jù)手機(jī)本身的配置來使用，不建議隨便使用特殊的手勢來定義常見的操作行為。
5）輸入的方式：輸入時(shí)會(huì)起一個(gè)虛擬鍵盤，鍵盤的顯示與隱藏都需要考慮，同時(shí)，可以根據(jù)當(dāng)前輸入的目的，直接做操作的按鈕。
3．屏幕的大小
在考慮手機(jī)屏幕大小時(shí)，一定要區(qū)分物理尺寸與分辨率的關(guān)系。物理尺寸的大小和分辨率并非一一對應(yīng)，例如對于HTC的S1 2.8 英寸，分辨率為320*240；Nokia n81 2.4 英寸，但是分辨率也是320*240。因此，對于相同分辨率大小的圖標(biāo)，在 S1 中看起來就要更大些，但是圖標(biāo)可能就沒有那么細(xì)膩了。
在視覺設(shè)計(jì)時(shí)，需要首先考慮這個(gè)問題，在首次設(shè)計(jì)時(shí)，應(yīng)該更勤于導(dǎo)入設(shè)計(jì)視覺圖片到目標(biāo)屏幕中去檢驗(yàn)，看看設(shè)計(jì)是否合適，別到都完成了視覺設(shè)計(jì)，才發(fā)現(xiàn)設(shè)計(jì)的圖標(biāo)太小或者不夠精致。
對于2.8 英寸 及320 * 240 （含）以下的屏幕，在現(xiàn)在來說都是小屏幕界面，在這個(gè)檔次上，應(yīng)該是鍵盤機(jī)占主導(dǎo)地位。在鍵盤機(jī)的設(shè)計(jì)上應(yīng)該更多地去參考Nokia的規(guī)范（對于可用性，Nokia的設(shè)計(jì)還是無可挑剔的）。
對于3.0 英寸 及 480*320 以上的屏幕，可以認(rèn)為是大屏幕，并且是以觸屏機(jī)為主的。【隨著屏幕技術(shù)的發(fā)展，屏幕的密度已經(jīng)越來越大，這樣的值也只是一個(gè)參考值?！?/p>
1）屏幕信息布局
小屏幕和大屏幕在客戶端信息內(nèi)容的布局上會(huì)存在較大的差異。屏幕大時(shí)，除了考慮信息架構(gòu)外，需要考慮在界面上放哪些信息和操作；屏幕小時(shí)，更需要考慮信息架構(gòu)，對信息更好地分屏，信息之間的聯(lián)系等。
2）不同屏幕設(shè)計(jì)特點(diǎn)
a) 大屏幕的設(shè)計(jì)特點(diǎn)：
◆在界面中，展示更多的信息；包括界面內(nèi)容、導(dǎo)航和操作按鈕；
◆大屏幕以觸摸屏為主，更多地以手指來直接操作；
◆在屏幕上，顯示的信息不宜過多；信息密碼過高，不利于信息的搜索。
b) 小屏幕的設(shè)計(jì)特點(diǎn)：
◆在界面上先展示客戶端的功能及結(jié)構(gòu)；
◆以鍵盤機(jī)為主，操作方式；
◆先導(dǎo)航，后顯示內(nèi)容，內(nèi)容的分屏合理，符合用戶的期望。
二、手機(jī)客戶端的設(shè)計(jì)原則及適配步驟
1. 客戶端的設(shè)計(jì)原則
1） 手機(jī)本身的物理特性受限引起的指南：
a) 客戶端的文字輸入，必須要降到最低：由于手機(jī)在輸入上的低效性，在設(shè)計(jì)的過程中，應(yīng)盡量減少用戶的輸入，如果有可能可以設(shè)置默認(rèn)值，或者讓用戶選擇目標(biāo)值。
b) 客戶端的信息結(jié)構(gòu)好，屏與屏之間的邏輯關(guān)系清晰：由于手機(jī)屏幕都普遍較小，即使有4吋屏，那也只能展示較少的信息量，因此，在手機(jī)設(shè)計(jì)上，更需要有清晰的信息架構(gòu)，用戶知道當(dāng)前在哪兒，并能返回到哪兒。
c) 客戶端的操作、功能不要隱藏太深，重要功能都需要在界面中有適當(dāng)?shù)奶崾荆河捎谑謾C(jī)屏幕較小，不能展示所有的信息。因此，對重要的、使用頻率高的功能或信息放在最重要的位置，并在首頁上展示或指示。
2） 手機(jī)的移動(dòng)特性引起的指南：
a) 客戶端的最主要的功能操作，用單手可以完成：手機(jī)的使用情景多樣性，在很多情景下，用戶都只能單手來操作手機(jī)，因此，在客戶端的設(shè)計(jì)過程中，需要考慮最重要的核心功能，能否單手操作完成。
b) 客戶端的界面必須簡潔、操作簡單，操作步驟少：由于用戶操作情景復(fù)雜，在使用客戶端的過程可能有額外的認(rèn)知負(fù)荷，因此，在設(shè)計(jì)客戶端的過程中，邏輯必須簡單，操作步驟也要減少。
c) 客戶端的界面層次不要太深，最好不要超過3級：
d) 客戶端的提示包括界面、聲音、振動(dòng)多種形式：用戶在操作手機(jī)時(shí)，往往不會(huì)一直盯著手機(jī)屏幕看，因此，很多手機(jī)狀態(tài)頁面的切換，脫離了用戶的視線，這時(shí)，必須要提供視覺之外的其他感覺通道的信息（如聽覺、觸覺等），來對用戶做提示。
3）其他原則
a) 客戶端UI的適配不必恪守所有的平臺(tái)都保持一致，只要一些品牌的關(guān)鍵元素能體現(xiàn)即可：
b) 客戶端的主要操作方式（框架、導(dǎo)航、按鍵功能及軟鍵對應(yīng)方式等）應(yīng)與所承載的手機(jī)操作系統(tǒng)保持一致：客戶端都承載在某款具體的手機(jī)平臺(tái)中，而用戶會(huì)對當(dāng)前的手機(jī)平臺(tái)很熟悉，因此，在設(shè)計(jì)的過程中，需要更好地理解當(dāng)前的手機(jī)平臺(tái)，并使客戶端的設(shè)計(jì)與手機(jī)系統(tǒng)的設(shè)計(jì)邏輯保持一致。
2. 手機(jī)客戶端設(shè)計(jì)適配的步驟：
個(gè)人認(rèn)為，客戶端的適配要以一個(gè)平臺(tái)為起始，但是要著眼于多個(gè)平臺(tái)。
1) 根據(jù)公司的戰(zhàn)略，選擇一個(gè)最先切入的平臺(tái)；
2) 了解該平臺(tái)的UI 設(shè)計(jì)規(guī)范，可用的UI 控件及交互原則；
3) 確定切入的屏幕大小，以此來設(shè)計(jì)第一個(gè)客戶端，但是要考慮適配其他屏幕的可能性，是自適應(yīng)來擴(kuò)展或者縮?。?/p>
4) 根據(jù)平臺(tái)及屏幕大小，來選擇一款最典型的手機(jī)，開始客戶端的交互設(shè)計(jì)。
5) 確定客戶端的核心目的。如為娛樂為主的，應(yīng)在設(shè)計(jì)方式更娛樂性；功能性完成目的為主的，以更易用性為主；
6) 根據(jù)客戶端的功能和內(nèi)容，來設(shè)計(jì)客戶端的信息架構(gòu)；
7) 根據(jù)UCD的原則，來完成客戶端的交互原型；
在交互原型的過程中，需要考慮手機(jī)適配的三因素（平臺(tái)、屏幕、觸摸/非觸摸），以便將來的適配。#p#
移動(dòng)設(shè)備客戶端交互適配設(shè)計(jì)屏幕大小
隨著各個(gè)手機(jī)操作系統(tǒng)的應(yīng)用平臺(tái)的上線，幾乎所有的互聯(lián)網(wǎng)應(yīng)用都在往手機(jī)上遷移。然而手機(jī)與PC 不一樣，PC經(jīng)過了多年的發(fā)展，在設(shè)計(jì)上形成了很多不成文的規(guī)則，如網(wǎng)頁的寬度都在960px左右【當(dāng)然，由于整體的電腦屏幕往大尺寸及高分辨發(fā)展，除了背景寬屏自適應(yīng)外，不少網(wǎng)頁也正朝著更寬的方向上發(fā)展】。當(dāng)前的手機(jī)種類繁多，手機(jī)屏幕的大小、比例各異，并且手機(jī)的屏幕本身就小，因此既要考慮應(yīng)用在不同屏幕大小上的適配，又要保持其一致性，同時(shí)還要提高每個(gè)手機(jī)屏幕的使用效率，這就存在著很多的矛盾點(diǎn)。
在客戶端的設(shè)計(jì)過程中，針對不同的屏幕大小，應(yīng)該如何來設(shè)計(jì)？是否每個(gè)大小的屏幕尺寸都需要一個(gè)新的界面布局，還是所有的屏幕尺寸都使用相同的界面布局？我們將在下面的內(nèi)容中來探討這些內(nèi)容。
一、當(dāng)前熱門手機(jī)的屏幕大小
下圖中，我抽取了國內(nèi)某個(gè)網(wǎng)絡(luò)電器城某周的10大暢銷手機(jī)排名：
雖然只是2010年中的某一周的手機(jī)銷售量排名，由此可以看出，當(dāng)前使用中的手機(jī)屏幕差異很大，各種屏幕大小和分辨率都有。如果為了適配更多的用戶群體，則需要考慮的手機(jī)屏幕大小和分辨率更多?！静贿^，根據(jù)當(dāng)前的手機(jī)發(fā)展趨勢，及手機(jī)客戶端的使用行為可以看出，最主要需要用戶關(guān)注的手機(jī)屏幕是2.4吋以上，240*320以上的手機(jī)屏幕，因?yàn)檫@樣的手機(jī)使用客戶端的頻率和用戶量都會(huì)更多。個(gè)人建議更多地是考慮320*480及以上的屏幕?！?/p>
二、屏幕大小正確理解
說起屏幕大小的時(shí)候，會(huì)有兩種表達(dá)方式，1） “我的屏幕2.4吋，你的屏幕3.5吋。” 2）“這個(gè)屏幕分辨率 240*320，那個(gè)屏幕分辨率為320*480。”但在設(shè)計(jì)過程中，屏幕的分辨率和屏幕的實(shí)際尺寸必須同時(shí)考慮。
這里首先有幾個(gè)概念需要再澄清一下：
◆屏幕物理尺寸：屏幕對角線長的實(shí)際尺寸，如2.4吋，3.5吋等等
◆屏幕分辨率：屏幕所能顯示像素的多少。如，240*320等。
◆屏幕密度（pixel per inch）：以每英寸的像素?cái)?shù)。每英寸的分辨率數(shù)，如160ppi。
物理尺寸決定了屏幕的實(shí)際尺寸，而分辨率可以表示屏幕上可以呈現(xiàn)的像素點(diǎn)數(shù)，屏幕密度決定了屏幕的精細(xì)程度。相同的屏幕大小，如果分辨率高，則屏幕元素更精細(xì)。一個(gè)界面元素在屏幕里的實(shí)際尺寸卻是與屏幕密度相關(guān)，屏幕密度較小的屏上，界面元素的實(shí)際尺寸就會(huì)大些，反之亦然。
在進(jìn)行手機(jī)界面布局中，除了元素的像素值外，考慮元素的實(shí)際尺寸也非常重要，甚至更為重要（人眼是要靠物體成像在視網(wǎng)膜上的視角大小來進(jìn)行識(shí)別感知，視角是與物體實(shí)際大小和距離有關(guān)）。
在不同屏幕中，不同的圖標(biāo)點(diǎn)陣或者不同的字體及大小的漢字，在人的主觀感知上，會(huì)有一個(gè)最優(yōu)的結(jié)果值。在設(shè)計(jì)的過程中，我們需要根據(jù)這個(gè)最優(yōu)值來進(jìn)行界面的布局及設(shè)計(jì)。
也可以看出，這個(gè)用戶感知最優(yōu)的取值也與使用手機(jī)的人群有關(guān)（如年齡大的用戶需要物理尺寸更大的界面元素）。
在不同屏幕中，不同的圖標(biāo)點(diǎn)陣或者不同的字體及大小的漢字，在人的主觀感知上，會(huì)有一個(gè)最優(yōu)的結(jié)果值。在設(shè)計(jì)的過程中，我們需要根據(jù)這個(gè)最優(yōu)值來進(jìn)行界面的布局及設(shè)計(jì)。
也可以看出，這個(gè)用戶感知最優(yōu)的取值也與使用手機(jī)的人群有關(guān)（如年齡大的用戶需要物理尺寸更大的界面元素）。
三、設(shè)計(jì)過程與屏幕適配思路
1．確定目標(biāo)的屏幕大小
屏幕大小由寬度和高度兩個(gè)因素決定，但是在布局手機(jī)客戶端的過程中，最關(guān)心的是寬度值。寬度確定后，高度可以由滾動(dòng)或者翻頁來顯示所有內(nèi)容；文字可以在適當(dāng)?shù)奈恢谜坌?；?biāo)題欄可以伸縮適配屏幕寬度等等。但并不是不考慮高度，圖標(biāo)、文字、特殊的組件不僅需要考慮寬度，也需要考慮整個(gè)屏幕的布局是否與之適配。
由于不可能對所有的客戶端進(jìn)行單獨(dú)的開發(fā)，因此，需要對手機(jī)屏幕的大小的歸類。同時(shí)，在設(shè)計(jì)中也不會(huì)真的只考慮屏幕大小一個(gè)因素，屏幕大小和操作系統(tǒng)、手機(jī)類型等還是存在很大的相關(guān)性的。
首先，我們先來定義一下手機(jī)的屏幕大小的歸類檔次：
A. 小屏幕：寬度240 px 以下屏幕或者2.4 以下屏幕
◆一般以非智能機(jī)為主，歸在這個(gè)分類中的手機(jī)屏幕，一般是以java版本的客戶端為主。
B. 中等屏幕：寬度240~320 px，或者2.4~3.0吋屏幕
◆智能手機(jī)以Symbian或S60 v1,2,3，Windows mobile為主流；或者是非智能手機(jī)的客戶端以Java版本為主。
◆同時(shí)包括240*320的寬屏手機(jī)。
C. 大屏幕：寬度320 px以上屏幕或者 3.0吋以上的屏幕
◆iPhone 手機(jī)只有兩個(gè)版本的適配，屏幕物理尺寸保持一致；
◆Android 系統(tǒng)手機(jī)及衍生平臺(tái)手機(jī)
◆Windows Phone 7 系統(tǒng)手機(jī)
◆Nokia S60 v5，symbian 3等
D. 平板屏幕：7吋及以上的屏幕
◆由于當(dāng)前的平板電腦上的應(yīng)用的開發(fā)都是基于手機(jī)應(yīng)用的功能，但是，平板的屏幕物理尺寸大增，使用情景也和手機(jī)不一致，在設(shè)計(jì)上有很多的特殊性，可發(fā)揮空間也更大，因此個(gè)人建議單獨(dú)的設(shè)計(jì)。
其次，根據(jù)我們的產(chǎn)品戰(zhàn)略，來確定待開發(fā)產(chǎn)品的用戶群體來確定一款目標(biāo)手機(jī)屏幕。由于對于某個(gè)業(yè)務(wù)的手機(jī)客戶端都不會(huì)只推出其中的某一款（除非是戰(zhàn)略上的用戶群確定為使用某種手機(jī)的特殊業(yè)務(wù)），而是會(huì)對不同的手機(jī)平臺(tái)分別進(jìn)行適配。因此，確定的目標(biāo)手機(jī)屏幕，應(yīng)該是在該檔次中最主流的手機(jī)屏幕大小，在以此為基準(zhǔn)向上或向下來適配其他的同檔手機(jī)。
2．適配原則
1） 客戶端的logo，在各個(gè)手機(jī)上都應(yīng)該清晰地顯示
2） 標(biāo)題或者底部欄必須100%的與手機(jī)寬度適配
3） 文字內(nèi)容如果顯示不下的話，可以自動(dòng)適配寬度進(jìn)行折行
4） 圖片可以根據(jù)寬度進(jìn)行自動(dòng)縮放，屏幕寬度超過圖片本身時(shí)，顯示圖片本身的大小
5） 適配過程中，界面的元素的寬高最小值應(yīng)該符合用戶的主觀舒適范圍值。
6） 不能完全使用分辨率的絕對比例來對界面布局進(jìn)行縮放；
3. 適配思路分析
根據(jù)我們前面的分析，
C類大屏幕大小主要以Android、iPhone、win phone 7 和Nokia V5等手機(jī)為主，它們都是觸屏手機(jī)，在適配上可以劃為一個(gè)檔次。
B類中等屏幕大小智能機(jī)主要以Symbian 和Windows mobile為主，因此在適配這兩個(gè)平臺(tái)時(shí)，主要集中在B類屏幕間的適配。
B類中等屏幕大小還有一塊是非智能手機(jī)，使用Java客戶端，同時(shí)，A類小屏幕大小主要使用Java客戶端，因此，Java類客戶端需要適配的范圍更廣，至少應(yīng)包括B類和A類的屏幕大小。
（1）Android 與iPhone手機(jī)的適配
iPhone 本身就只有兩個(gè)分辨率及一個(gè)屏幕大小尺寸，可以很好的來適配（最多出兩套圖片即可，系統(tǒng)會(huì)自動(dòng)讀?。?。
對于android，由于其開放性，導(dǎo)致了各種屏幕的大小及分辨率都有。但Android系統(tǒng)有一個(gè)很好的特性，系統(tǒng)會(huì)根據(jù)屏幕的分辨率密度來進(jìn)行自適應(yīng)。但是，當(dāng)密度差異較大時(shí)，自適應(yīng)后，圖標(biāo)會(huì)由于拉伸變得模糊影響效果。這時(shí)，必須要通過重新設(shè)計(jì)新的圖標(biāo)或者加大間距來保持最佳的視覺效果及更便利于用戶操作。
Android 手機(jī)屏根據(jù)屏幕的分辨率密度和物理尺寸，可以分為以下幾類：
注：圖中的【】內(nèi)的值為手機(jī)所占的百分比值。Android 開發(fā)平臺(tái)數(shù)據(jù)，不一定準(zhǔn)
Android 提供了如下的機(jī)制來對不同大小和密度的屏幕進(jìn)行適配：
1） 圖片資源的縮放
基于當(dāng)前屏幕的密度，平臺(tái)自動(dòng)加載任何未經(jīng)縮放的限定尺寸和密度的圖片。如果圖片不匹配，平臺(tái)會(huì)加載默認(rèn)資源并且在放大或者縮小之后可以滿足當(dāng)前界面的顯示要求。如果沒有多套資源，平臺(tái)會(huì)認(rèn)為默認(rèn)的資源是中密度的屏幕資源（160dpi）。例如，當(dāng)前為高密度屏幕，平臺(tái)會(huì)加載高密度資源（如圖片），如果沒有，平臺(tái)會(huì)將中密度資源縮放至高密度。
2） 根據(jù)分辨率和坐標(biāo)自動(dòng)縮放（密度不同的屏幕適配）
如果程序不支持多種密度屏幕，平臺(tái)會(huì)自動(dòng)縮放絕對像素坐標(biāo)值和尺寸值等，這樣就能保證屏幕元素能和密度160的屏幕上一樣能顯示出同樣物理尺寸的效果。平臺(tái)會(huì)根據(jù)密度的比例來縮放實(shí)際尺寸的大小。
3） 兼容更大的屏幕大?。ㄆ聊徊煌倪m配）
當(dāng)前屏幕超過程序所支持屏幕的上限時(shí)，定義supports-screens元素，這樣超出顯示的基準(zhǔn)線時(shí)，平臺(tái)會(huì)以屏幕大小的比例來縮放整個(gè)屏幕。
由上表格也可知，當(dāng)前的Android手機(jī)主要集中在標(biāo)準(zhǔn)屏的中密度和高密度兩個(gè)型號(hào)上。因此在設(shè)計(jì)中，主要是設(shè)計(jì)其中的一種為主，再去適配另一個(gè)型號(hào)即可。對于在一個(gè)檔次上的手機(jī)，都會(huì)根據(jù)上述的三個(gè)原則，系統(tǒng)自動(dòng)去適配。個(gè)人認(rèn)為，在進(jìn)行Android手機(jī)設(shè)計(jì)時(shí)，如果只準(zhǔn)備一套資源時(shí)，應(yīng)該以高密度的版本為主，這樣去適配中密度時(shí)，效果更好。
當(dāng)然，如果屏幕的密度差異較大時(shí)，自動(dòng)適配的效果肯定不會(huì)，如果要取得更好的適配效果，必須針對幾個(gè)不同的屏幕密度進(jìn)行單獨(dú)設(shè)計(jì)屏幕元素，提高視覺滿意度。
（2）非Android、iphone的手機(jī)適配
對于其他的非Android、iphone手機(jī)，則需要更多地考慮其適配規(guī)則，這些手機(jī)系統(tǒng)不提供自適應(yīng)的適配。
簡單整理規(guī)則如下：
1） 向上適配（標(biāo)準(zhǔn)屏向更大【分辨率高，物理尺寸大】的屏幕適配）
在向更大的屏幕適配時(shí)，根據(jù)設(shè)備分辨率的不同，會(huì)分為兩種狀態(tài)。
A．如果兩者的屏幕分辨率密度（dip）差不多，物理尺寸更大的屏幕。那可以直接在當(dāng)前尺寸上拉長、拉寬即可，圖標(biāo)、行距都可以保持不變。
B. 如果屏幕密度要大很多，物理尺寸差不多的。則適配點(diǎn)包括：
◆設(shè)計(jì)多套圖標(biāo)，需要有更大分辨率的圖標(biāo)
◆使用不同的字體，需要更大的字體來適配大設(shè)備分辨率的屏幕
◆增加行間距
◆自適應(yīng)放大內(nèi)容中的圖片
◆Tab頁簽 需要根據(jù)屏幕的大小來確認(rèn)每屏最多顯示的數(shù)目。
◆考慮一些復(fù)雜界面，增大界面中的一些元素的分辨率，會(huì)導(dǎo)致許多東西需要重新設(shè)計(jì)。這種情況需要重新設(shè)計(jì)該界面。
2） 向下適配
在向更小的屏幕適配，這種情況較少，那會(huì)集中在如下幾點(diǎn)：
◆考慮一些極限點(diǎn)的改進(jìn)，需要適配到小屏幕的手機(jī)中，如標(biāo)題的最大字?jǐn)?shù)等。
◆title、bottom欄與小屏幕寬度適配。
◆考慮到行高（行信息展示）的設(shè)計(jì)是否適合更小的屏幕高度。
◆在結(jié)構(gòu)上，需要考慮在小屏幕中，顯示是否合適。
◆根據(jù)屏幕密度的比例來設(shè)計(jì)屏幕元素，需要更小分辨率的屏幕元素
◆使用小的字體，具體的大小需要根據(jù)屏幕的大小來設(shè)定。
（3）豎屏橫屏適配
橫豎屏的適配，在本文中，不過多討論，這里只是簡單的整理一下，我自己的理解。
對于不同功能的應(yīng)用，都有其特定的頁面展現(xiàn)形式，個(gè)人并不贊同蠻目對任何應(yīng)用不加選擇的都去適配橫屏。
個(gè)人觀點(diǎn)如下：
1） 不同的應(yīng)用，在設(shè)計(jì)的過程中，對于選擇不同的屏幕有不同的選擇，如普通list多的應(yīng)用，豎屏更合適；顯示圖片更多的界面，或者想更好的展示全景的應(yīng)用，橫屏更合適。
2） 不必遵循，對任何的應(yīng)用都可以自動(dòng)進(jìn)行橫屏豎屏的切換。如果覺得沒有必要橫屏或者豎屏的應(yīng)用，就可以不切換。
3） 由于用戶在使用手機(jī)的過程中，經(jīng)常會(huì)無意中調(diào)整位置，從而導(dǎo)致手機(jī)誤認(rèn)為是要進(jìn)行橫豎屏的轉(zhuǎn)化，從而更容易導(dǎo)致操作上的失誤，引起用戶的反感。
4） 橫豎屏的切換時(shí)，允許用戶對于同一個(gè)界面有不同的展示方式。例如不一定在豎屏?xí)r時(shí)list方式顯示，在橫屏?xí)r也和豎屏保持一致，這時(shí)橫屏可以有更好的適應(yīng)橫屏的展示方式，使用戶更好的操作。
由于手機(jī)系統(tǒng)各異，手機(jī)的屏幕尺寸五花八門，屏幕的性能也呈現(xiàn)多樣性，還有觸摸屏和非觸屏的區(qū)分，這四個(gè)變量結(jié)合起來，會(huì)有無數(shù)種不同的情況，如何能使你的應(yīng)用完美地展現(xiàn)給用戶，適配固然很重要。但是，更重要的是你要在適配之前，確定應(yīng)用的目標(biāo)群體。如果你的應(yīng)用主要是針對高端手機(jī)用戶的，那你何必去考慮低端的手機(jī)呢？畢竟為了很少的用戶，使你花了很大的力氣，可能會(huì)有不值得，這一點(diǎn)絕對值得每一個(gè)設(shè)計(jì)師思考。
題外話
一般來說，我們在設(shè)計(jì)一個(gè)產(chǎn)品時(shí)，首先需要確定產(chǎn)品的用戶群體，然后基于用戶群體來設(shè)計(jì)針對該用戶群特點(diǎn)和使用行為的界面。但是對于手機(jī)客戶端，感覺這個(gè)過程不能完全適用：
原因是因?yàn)?，我的客戶端設(shè)計(jì)主要是針對不同的手機(jī)平臺(tái)（Android、ios，Windows Phone 7，Palm Pre，Symbian）來開發(fā)的，因此，開發(fā)出來的客戶端適用于所有的持有該手機(jī)的用戶。但是這些手機(jī)持有者是否都有相同的特質(zhì)，是否都喜愛使用該客戶端，是個(gè)很大的未知數(shù)。另一方面，如果我在建立用戶群時(shí)，完全根據(jù)用戶的需求、使用行為又或者人種學(xué)特征來分類，那每一群人中持有的手機(jī)各不相同，那又該如何定義每個(gè)不同平臺(tái)下的客戶端的功能呢？
當(dāng)然，有人也會(huì)說那就先了解不同的手機(jī)平臺(tái)的用戶群特征，然后再研究這群人對本客戶端應(yīng)用的需求和使用行為，以此再來設(shè)計(jì)客戶端，目前來說這是更好的研究思路。
總之，這樣深入的討論，會(huì)發(fā)現(xiàn)客戶端會(huì)越想越復(fù)雜，有人說手機(jī)客戶端的設(shè)計(jì)是最復(fù)雜的，是很有道理的，值得大家更多地探討。
【編輯推薦】
