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

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

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

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

1.視覺元素設計原則

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

1)圖標

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

2)數碼和字符字體

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

3)色彩

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

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

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

2.版式布局設計原則

版式布局設計是關于如何在有限的顯示空間內有效地組織信息以提升交互效率的問題，要根據視覺認知規律將復雜的內容進行有序排列，清晰有效、地呈現信息層次結構，從而帶給用戶流暢的視覺感受，是整個圖形界面設計的核心．與傳統按鍵手機相比，觸屏手機具有超大顯示屏幕和交互手勢多樣性的特點，設計師必須通過清晰明確的版式布局設計來改善由上述特點所帶來的誤觸指令、操作反饋不準確或單手操作難度增加等問題．用戶對于觸屏手機的操作要求是快速及時的信息查找與處理，傳統按鍵手機采用的樹狀信息布局結構會增加使用者的記憶負擔和操作難度，所以在保證關鍵信息完整的前提下，觸屏手機的版式布局設計應以信息的明確傳達和操作的簡單易用為主要原則，以扁平化界面布局方式為主導．底層信息的直接上移和平鋪式顯示能縮短信息訪問路徑的長度，減少使用者對中間層級的繁瑣操作，從而提高交互效率，這是扁平化界面設計的優勢[7]．需注意的是，扁平化的設計方式會削弱信息間的原本層級關系，在版式布局上應根據用戶的需求程度和興趣重點做安排，讓最契合用戶期待的信息優先顯示．iPhone手機的前端性交互體驗能從其版式布局中直接體現．效用型應用程序(UtilityApplications)在iPhone手機的操作平臺中頗為常用，此類應用程序對用戶的輸入要求很低，快速查看信息是主要目的，所以在版式布局上多以平面列表的方式顯現，如圖2，以及使用簡單和標準的視覺元素．在界面的信息內容選擇上，只選取最必要信息，并將其展現在同一層級內，不做深入的信息層次劃分，保證用戶對信息的快速獲取或者執行某一具體任務．觸屏手機界面中所顯示的相應功能圖標數目繁多，在主屏界面的版式布局設計上，iPhone將其劃分為兩大區域，上端區域放置各類應用程序圖標，下端區域用不同材質的底圖襯托顯示4個最常用功能圖標作為快捷導航，且上下兩塊區域間以翻頁提示符號作為分隔，如圖3，這樣的布局形式實為將下端區域作為最方便的單手操作區，實現了與傳統按鍵手機交互模式的延用對接．