淺談手機軟件界面的視覺設計原則

摘 要：手機作為現(xiàn)代社會信息傳播的主流媒介已經融入人們生活的方方面面。手機軟件界面為我們提供了一個超越實體的物質的虛擬視覺環(huán)境。如何利用有限的設計空間和視覺元素來進行手機軟件界面設計成為設計師們面臨的一個重要課題。

關鍵詞：手機；軟件界面；視覺

眾所周知，手機誕生在數(shù)字時代。它的歷史還非常短暫，但由于與人們的日常生活關系密切，在世界范圍內它擁有海量的使用者，并已經成為各種信息傳播的主流媒介。隨著數(shù)字技術的發(fā)展，手機在功能上不斷的全面與智能化。這就給手機軟件界面的設計提供了廣闊的展示平臺。因此，對于界面設計師來說領悟軟件界面特性和設計規(guī)則至關重要。

1 界面布局的簡潔

簡潔的設計理念在手機軟件界面的設計中尤為重要。簡潔有度的排版布局設計能為用戶思想的融入留出空間，有效提高人機交互的效率。當下是一個大規(guī)模生產以及信息過剩的時代，處在激烈競爭、事物繁忙狀態(tài)中的人們，生活步調在不停地加快，根本無暇顧及過多的裝飾細節(jié)。簡潔干凈的設計，不僅可以留給人們片刻的清新與安寧，而且可以有效地幫助用戶集中精力完成正在著手的工作。

手機界面排版布局的簡潔可以從屏幕顯示量精練、顯示一致性和即看即所得這三個角度來體現(xiàn)。首先來看屏幕顯示量的適度精練，它是指適度地安排手機軟件界面中的各要素例如選項標識等，既不能過于擁擠，亦不可過于稀疏。科學證明，屏幕總體覆蓋率不應該超過40%，而分組覆蓋度不應超過62%，否則就容易造成用戶的不安和心理負擔。^[2]信息過度會使用戶有目不暇接的繁雜感，手機界面本來就有面積小的特征，如果顯示項目過多真的會使使用者不愿意繼續(xù)操作下去。而稀疏和空洞的屏幕覆蓋率又會分散注意力，使用戶打不起精神。所以手機軟件界面的顯示項目數(shù)量要適度，依據(jù)科學行事。再來說顯示的一致性，在手機軟件界面中它一方面是指設計語言在表達上的一致性，例如圖標、色調，布局、文字字體及大小，表達術語等的統(tǒng)一性；另一方面是指手機界面在任務信息的表達、界面控制等方面與用戶熟悉的理解模式相一致。一致性本來就是設計簡潔的表現(xiàn)，它是設計師最大限度利用資源的手段。軟件界面設計語言的一致可以幫助用戶更快地理解和接受手機使用功能，這是設計師利用存儲于頭腦外部的信息來進行設計的實例，諾曼指出準確操作一個設備所需的知識不只存在于用戶的腦中，產品的外在信息也可以提醒用戶如何操作；而使界面操作與用戶熟悉模式相一致是設計師最大限度利用用戶已有資源的一種表現(xiàn)。最后是即看即所得（What you see is what you get）。它是蘋果公司提出的人機界面的設計原則之一，指的是界面各要素設計的精準性，精準的界面信息使用戶在任何時候都可以知道自己所在的操作位置。在要求設計盡可能達到簡約的同時，設計師不可以以犧牲準確性為代價，因為這樣會使用戶的理解產生歧義，增添不必要的麻煩。即看即所得要求在設計手機軟件界面時設計師要把所設計內容清晰地外化出來，保證用戶隨時都清楚什么是可行的操作，應該怎樣繼續(xù)，在使用者意圖和操作之間建立自然的匹配以達到美的人機交互體驗的目的。這些都考驗了設計師的把控能力。因此即看即所得是手機排版布局得以簡潔的 更深層的可行性支持。

2 利用最佳視域設計符合邏輯的界面布局

在手機軟件界面設計中，視覺注意十分重要，是人們與手機進行交互的起點，只有先在視覺上引起人們的注意，信息才能成功地傳達。在我們觀察事物的時候，總有信息會被我們接收，也總有信息會被我們忽略，這是選擇注意的表現(xiàn)。人的注意力是有限的，它與意識的強弱程度有著很密切的關系，當外界信息超出了我們能處理的范圍時，我們就會把注意力集中在與目的相關的信息上，或者是引起我們興趣、愛好的事物上。當下，要想引起人們的注意，產品一定要在視覺和功能上能夠體現(xiàn)用戶具體的目標核心價值觀，只有這樣才能吸引人們的注意力。

手機軟件界面的合理布局有法可依——最佳視域。視域指的是人們能看得見的區(qū)域，這個區(qū)域包括了從一個駐足點上所能看到的一切。“形式的接受是一種新的心理格式塔的形成過程。格式塔不單是指圖形樣式，重要是指組織整體。”^[3]軟件界面設計的邏輯性可以幫助這種心理格式塔的快速形成和建立。人因工程學證明，人在頭部靜止且眼睛正常活動狀態(tài)下，水平方向的左25度為最佳視域；垂直方向則是0度到下30度為最佳視域。人們的眼睛習慣從左到右，由上至下地掃視，適應順時針方向的搜索，在偏離中間位置相同距離的視域范圍中，眼睛的觀察效率在屏幕各象限中按照左上，右上，左下、右下的順序遞減。因此，在手機軟件界面設計中重要的信息應該落在人們的最佳視域范圍內，并且在設計中利用信息板塊之間良好邏輯關系對視覺要素位置進行合理布局，保證使用者對手機信息有高效的視覺認讀效率。

3 界面的美感的整合（視覺平衡）

人類的情感、情緒和認知是一個相互補充和相互形象的有機體，設計美觀的物品使人情緒良好，這種感覺反過來可以激發(fā)他們更具創(chuàng)造性地思考，這對用有機界面的易用性起到了很大的作用，研究表明愉快的人較善于發(fā)現(xiàn)解決問題的其他方法，因此能夠容忍較小的難度。極具美感的設計能夠使用戶與產品間的互動進入一個良性循環(huán)中。

正因如此，當我們滿足了手機軟件的實用性和科學性時，美感就是我們?yōu)闈M足用戶需求的重要考慮的內容了。我們前面提到過美感的經驗是多維度的，在追求美的過程中人們都希望自己的五感都能得到滿足。在手機界面設計中，我們現(xiàn)在的科技只能達到視、聽、觸三感的滿足。我們的可視界面是滿足視覺美感的重要途徑，要得到足夠的重視。掌控手機軟件界面的美感應從整體入手，對各個界面布局中的視覺元素進行合理搭配以達到視覺上整體的平衡與和諧。我們必須謹慎入微地考慮設計中色彩、質地、圖像造型和整體版面的設計，讓各要素充分擔當視覺傳達為它們指定表現(xiàn)的責任內容，為用戶提供更加愉悅的操作環(huán)境與心境，提高它們對手機視覺界面的整體印象和使用興趣。我們知道色彩的明暗與純度，形狀的長寬高矮，肌理平滑與粗糙都會在我們視覺中產生力的作用，對觀看者有著明顯心理影響。因此，版面布局的平衡感對界面整體形象十分關鍵，正所謂毫厘之差，微妙所在，絕對不能因為視覺形式反差的大小影響用戶感官的舒適程度。我們可以通過適度把握文本與空白的顯示比例、圖形樣式的繁簡度、背景色彩與軟件主體圖標的明暗對比等控制視知覺中力的平衡。這樣就能夠使手機軟件界面的布局更加整體，更加平衡與協(xié)調，以滿足用戶在審美方面的需求。

4 結語

完美的手機界面設計是見于實用、科學、美感的均衡發(fā)展，雖然這三個性質是可以以抽象的思維形式區(qū)分開來的，可在實際的應用中它們是融合的不可分割的統(tǒng)一體。美本身是事物的最有價值的一面，美感體驗是人們生活中最有價值的經歷。設計師正是要賦予這用美感經歷以實際的經濟價值，滿足不同層次用戶的消費需求。

參考文獻：

[1] 田中一光（日）.設計的覺醒[M].朱鍔，譯.桂林：廣西師范大學出版社，2009：17.

[2] 廖宏勇.數(shù)字界面設計[M].北京：北京師范大學出版社，2010.

[3] 曹暉.視覺形式的美學研究[M].北京：人民出版社，2009.