APP界面設計的視覺原則！

文/侯瑞明 王然 楊睿

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

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

界面布局的簡潔

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

手機界面排版布局的簡潔可以從屏幕顯示量精練、顯示一致性和即看即所得這三個角度來體現。

首先來看屏幕顯示量的適度精練，它是指適度地安排手機軟體界面中的各要素例如選項標識等，既不能過於擁擠，亦不可過於稀疏。科學證明，屏幕總體覆蓋率不應該超過40%，而分組覆蓋度不應超過62%，否則就容易造成用戶的不安和心理負擔。信息過度會使用戶有目不暇接的繁雜感，手機界面本來就有面積小的特徵，如果顯示項目過多真的會使使用者不願意繼續操作下去。而稀疏和空洞的屏幕覆蓋率又會分散注意力，使用戶打不起精神。所以手機軟體界面的顯示項目數量要適度，依據科學行事。

再來說顯示的一致性，在手機軟體界面中它一方面是指設計語言在表達上的一致性，例如圖標、色調，布局、文字字體及大小，表達術語等的統一性；另一方面是指手機界面在任務信息的表達、界面控制等方面與用戶熟悉的理解模式相一致。一致性本來就是設計簡潔的表現，它是設計師最大限度利用資源的手段。要求設計儘可能達到簡約的同時，設計師不可以以犧牲準確性為代價，因為這樣會使用戶的理解產生歧義，增添不必要的麻煩。

即看即所得要求在設計手機軟體界面時設計師要把所設計內容清晰地外化出來，保證用戶隨時都清楚什麼是可行的操作，應該怎樣繼續，在使用者意圖和操作之間建立自然的匹配以達到美的人機交互體驗的目的。這些都考驗了設計師的把控能力。因此即看即所得是手機排版布局得以簡潔的更深層的可行性支持。

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

手機軟體界面的合理布局有法可依――最佳視域。視域指的是人們能看得見的區域，這個區域包括了從一個駐足點上所能看到的一切。「形式的接受是一種新的心理格式塔的形成過程。格式塔不單是指圖形樣式，重要是指組織整體。」軟體界面設計的邏輯性可以幫助這種心理格式塔的快速形成和建立。人因工程學證明，人在頭部靜止且眼睛正常活動狀態下，水平方向的左25度為最佳視域；垂直方向則是0度到下30度為最佳視域。

人們的眼睛習慣從左到右，由上至下地掃視，適應順時針方向的搜索，在偏離中間位置相同距離的視域範圍中，眼睛的觀察效率在屏幕各象限中按照左上，右上，左下、右下的順序遞減。因此，在手機軟體界面設計中重要的信息應該落在人們的最佳視域範圍內，並且在設計中利用信息板塊之間良好邏輯關係對視覺要素位置進行合理布局，保證使用者對手機信息有高效的視覺認讀效率。

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

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

正因如此，當我們滿足了手機軟體的實用性和科學性時，美感就是我們為滿足用戶需求的重要考慮的內容了。我們前面提到過美感的經驗是多維度的，在追求美的過程中人們都希望自己的五感都能得到滿足。在手機界面設計中，我們現在的科技只能達到視、聽、觸三感的滿足。我們的可視界面是滿足視覺美感的重要途徑，要得到足夠的重視。掌控手機軟體界面的美感應從整體入手，對各個界面布局中的視覺元素進行合理搭配以達到視覺上整體的平衡與和諧。

我們必須謹慎入微地考慮設計中色彩、質地、圖像造型和整體版面的設計，讓各要素充分擔當視覺傳達為它們指定表現的責任內容，為用戶提供更加愉悅的操作環境與心境，提高它們對手機視覺界面的整體印象和使用興趣。我們知道色彩的明暗與純度，形狀的長寬高矮，肌理平滑與粗糙都會在我們視覺中產生力的作用，對觀看者有著明顯心理影響。

版面布局的平衡感對界面整體形象十分關鍵，正所謂毫釐之差，微妙所在，絕對不能因為視覺形式反差的大小影響用戶感官的舒適程度。我們可以通過適度把握文本與空白的顯示比例、圖形樣式的繁簡度、背景色彩與軟體主體圖標的明暗對比等控制視知覺中力的平衡。這樣就能夠使手機軟體界面的布局更加整體，更加平衡與協調，以滿足用戶在審美方面的需求。

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

喜歡這篇文章嗎？立刻分享出去讓更多人知道吧！