隨著手機(jī)交互技術(shù)的高速發(fā)展，人們正經(jīng)歷著摒棄傳統(tǒng)按鍵手機(jī)，快速邁進(jìn)全觸屏智能手機(jī)(下文簡稱“觸屏手機(jī)”)操作的新時代．掀開這一嶄新歷史開端的是美國蘋果公司在2007年6月推出的革命性無鍵盤觸控手機(jī)“iPhone”，此款手機(jī)開創(chuàng)性地將全新多點觸控技術(shù)(Multi-Touch)應(yīng)用到人機(jī)交互方式中，隨后SAMSUNG、HTC等眾多移動制造商相繼推出自己的觸屏手機(jī)，這股“觸摸式”浪潮很快涌入人們的生活．

從視覺角度講，觸屏手機(jī)具有大尺寸、高分辨率的屏幕，以及簡約時尚的外觀設(shè)計優(yōu)勢的同時，更能滿足處在移動媒體時代的個體因使用潮流數(shù)碼產(chǎn)品所帶來的社會認(rèn)同感．從人機(jī)交互層面看，傳統(tǒng)按鍵手機(jī)的交互模式往往是通過拇指發(fā)力行為實現(xiàn)對手機(jī)的操控，過于頻繁的操作使用會出現(xiàn)拇指勞損的癥狀，而觸屏手機(jī)是跟據(jù)電容屏或電阻屏的工作原理，在交互方式上只需觸摸屏幕，并且各手指能替換操作，這樣就避免了單一手指在手機(jī)使用過程中勞累的情況[4]．更為重要的是在感官方面，由于觸覺是人體感官中最為重要和敏感的功能，“觸摸”會影響人們在社交時的態(tài)度和行為，所以觸屏手機(jī)的操作過程比傳統(tǒng)按鍵式手機(jī)更能使人產(chǎn)生溝通情感，并且其交互過程的簡單化和快速適應(yīng)化更易產(chǎn)生舒適感，繼而帶來交互的真實體驗和實現(xiàn)人際交流的滿足感，這些都給觸屏手機(jī)的使用者帶來生理和心理上的全新體驗．

觸屏手機(jī)界面設(shè)計的合理化要素及原則

圖形用戶界面(GraphicalUserInterface，GUI)的出現(xiàn)與應(yīng)用為數(shù)字產(chǎn)品帶來了革命性的交互體驗，其內(nèi)容主要包擴(kuò)圖標(biāo)、導(dǎo)航、文字、色彩等視覺元素設(shè)計，以及與操作過程息息相關(guān)的版式布局設(shè)計兩部分，它是用戶與機(jī)器相互傳遞信息的媒介，即人機(jī)交互的視覺信息平臺．優(yōu)秀的圖形界面設(shè)計在滿足視覺美感需求的同時，更注重人機(jī)交互中的可用性操作，力圖帶來愉悅高效的操作體驗，在觸屏手機(jī)的使用過程中擔(dān)任著重要角色．

1.視覺元素設(shè)計原則

觸屏手機(jī)的操作平臺中搭載了種類繁多的智能應(yīng)用程序，其交互界面幾乎全部由不同樣式的圖標(biāo)構(gòu)成．圖標(biāo)(Icon)是一種包含了特定語義且具有相應(yīng)指示性的圖形符號，在用戶獲取交互信息的過程中起著樞紐作用，好的圖標(biāo)設(shè)計要兼顧識別層面和語義層面的表達(dá)．

1)圖標(biāo)

識別層面主要涉及圖標(biāo)的形態(tài)、尺寸、材質(zhì)等視覺要素．圖標(biāo)的設(shè)計必須充分考慮屏幕顯示的特點，過大或過小的尺寸使用都會造成誤觸或操作困難，所以圖標(biāo)的尺寸設(shè)定和在屏幕內(nèi)的排列數(shù)量、間隔空間都要合理有序，做到對每一個像素精打細(xì)算的使用．圖標(biāo)在細(xì)節(jié)上還應(yīng)能避免因顯示設(shè)備的抗鋸齒技術(shù)而產(chǎn)生的被柔化效果，以及如何適度體現(xiàn)當(dāng)前交互狀態(tài)的變化．語義層面是指圖標(biāo)所要表達(dá)的含義能否正確的被用戶所理解，是圖標(biāo)設(shè)計的核心[5]．在設(shè)計過程中，設(shè)計師應(yīng)根據(jù)事物在屬性或功能上的相似性，合理運用直接指代或隱喻的設(shè)計手法把抽象的指令信息通過公眾熟知的視覺形象表現(xiàn)出來，使圖標(biāo)具有明顯的表意性，如圖1，但視覺元素的運用要清晰易懂，不能超越使用者的自身閱歷．

2)數(shù)碼和字符字體

字體的恰當(dāng)選擇和字號的正確運用在圖形界面設(shè)計中至關(guān)重要．是否具有高辨識度，是否適應(yīng)于移動終端是選擇字體時要首先考慮的問題．通常適合屏幕顯示的字體多具有平直、精煉的結(jié)構(gòu)特征．此外，字號、字距和行距還應(yīng)設(shè)置為滿足不同視力需求的用戶自定義調(diào)節(jié)功能．

3)色彩

色彩和質(zhì)感的合理化使用是保證界面能被清晰識別和體現(xiàn)設(shè)計感的直接方式．使用符合對比與調(diào)和關(guān)系的色彩來強(qiáng)化主體及豐富界面，但種類不宜過多,應(yīng)兼具統(tǒng)一協(xié)調(diào)和層次豐富的視覺效果，以及遵循透視、光源等方面的設(shè)計規(guī)范．觸屏手機(jī)界面中文字和色彩的使用都應(yīng)充分考慮強(qiáng)光或弱光環(huán)境下的對比顯示效果．iPhone手機(jī)配備的光線傳感裝置就能夠靈敏地捕捉光線變化，自動調(diào)節(jié)屏幕的亮度，確保手機(jī)界面在通常環(huán)境下均達(dá)到最佳的顯示效果．

4)視覺元素設(shè)計的一般性原則

第五媒體下觸屏手機(jī)信息量大，視覺元素多；同時觸屏操作對交互視覺元素間的距離也提出了更高的要求，在手機(jī)有限屏幕尺寸下，必須根據(jù)人的視覺生理特征，對視覺元素的形狀、大小、筆劃寬度和色彩進(jìn)行合理設(shè)計，提高其可視性．關(guān)于數(shù)碼、字符和圖標(biāo)的形狀設(shè)計，應(yīng)使與其它元素相區(qū)別的特征得以加強(qiáng)，而使容易混淆的部分得以減弱，使它們具有便于認(rèn)讀的特征，如文字，不論中英文，不同的字體認(rèn)讀準(zhǔn)確性差別就很大．另外，要合理使用視覺元素的特殊效果，如加線、反底都能達(dá)到元素輪廓清晰可見、認(rèn)讀精準(zhǔn)的效果．關(guān)于數(shù)碼、字符和圖標(biāo)的大小設(shè)計，應(yīng)根據(jù)正常人的視力和視距及手機(jī)一般使用環(huán)境共同決定．在正常的視覺條件下，它們的高度應(yīng)按最佳視角設(shè)計，實驗表明人眼的最佳視角約為10到30．?dāng)?shù)碼和字符多為狹長形，其高寬比一般為3/2～5/3，而圖標(biāo)多采用方形[6]．另外，數(shù)碼和字符筆劃寬度對其認(rèn)讀的準(zhǔn)確性也有很大的影響．一般用筆畫寬同字符(或數(shù)碼)的高度的比值來界定字體的粗細(xì)，粗體字的這一比值為1/5或1/6，常見字體為1/8～1/10．正常情況下，粗體字比細(xì)體字更容易辨認(rèn)．就提高可視性而言，背景和視覺元素的對比有很好的效果，如黑白對比就較為常見．

2.版式布局設(shè)計原則

版式布局設(shè)計是關(guān)于如何在有限的顯示空間內(nèi)有效地組織信息以提升交互效率的問題，要根據(jù)視覺認(rèn)知規(guī)律將復(fù)雜的內(nèi)容進(jìn)行有序排列，清晰有效、地呈現(xiàn)信息層次結(jié)構(gòu)，從而帶給用戶流暢的視覺感受，是整個圖形界面設(shè)計的核心．與傳統(tǒng)按鍵手機(jī)相比，觸屏手機(jī)具有超大顯示屏幕和交互手勢多樣性的特點，設(shè)計師必須通過清晰明確的版式布局設(shè)計來改善由上述特點所帶來的誤觸指令、操作反饋不準(zhǔn)確或單手操作難度增加等問題．用戶對于觸屏手機(jī)的操作要求是快速及時的信息查找與處理，傳統(tǒng)按鍵手機(jī)采用的樹狀信息布局結(jié)構(gòu)會增加使用者的記憶負(fù)擔(dān)和操作難度，所以在保證關(guān)鍵信息完整的前提下，觸屏手機(jī)的版式布局設(shè)計應(yīng)以信息的明確傳達(dá)和操作的簡單易用為主要原則，以扁平化界面布局方式為主導(dǎo)．底層信息的直接上移和平鋪式顯示能縮短信息訪問路徑的長度，減少使用者對中間層級的繁瑣操作，從而提高交互效率，這是扁平化界面設(shè)計的優(yōu)勢[7]．需注意的是，扁平化的設(shè)計方式會削弱信息間的原本層級關(guān)系，在版式布局上應(yīng)根據(jù)用戶的需求程度和興趣重點做安排，讓最契合用戶期待的信息優(yōu)先顯示．iPhone手機(jī)的前端性交互體驗?zāi)軓钠浒媸讲季种兄苯芋w現(xiàn)．效用型應(yīng)用程序(UtilityApplications)在iPhone手機(jī)的操作平臺中頗為常用，此類應(yīng)用程序?qū)τ脩舻妮斎胍蠛艿停焖俨榭葱畔⑹侵饕康模栽诎媸讲季稚隙嘁云矫媪斜淼姆绞斤@現(xiàn)，如圖2，以及使用簡單和標(biāo)準(zhǔn)的視覺元素．在界面的信息內(nèi)容選擇上，只選取最必要信息，并將其展現(xiàn)在同一層級內(nèi)，不做深入的信息層次劃分，保證用戶對信息的快速獲取或者執(zhí)行某一具體任務(wù)．觸屏手機(jī)界面中所顯示的相應(yīng)功能圖標(biāo)數(shù)目繁多，在主屏界面的版式布局設(shè)計上，iPhone將其劃分為兩大區(qū)域，上端區(qū)域放置各類應(yīng)用程序圖標(biāo)，下端區(qū)域用不同材質(zhì)的底圖襯托顯示4個最常用功能圖標(biāo)作為快捷導(dǎo)航，且上下兩塊區(qū)域間以翻頁提示符號作為分隔，如圖3，這樣的布局形式實為將下端區(qū)域作為最方便的單手操作區(qū)，實現(xiàn)了與傳統(tǒng)按鍵手機(jī)交互模式的延用對接．