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

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

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

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

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

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

1)圖標

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

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

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

3)色彩

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

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

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

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

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