應用程序設計的形象場構建

陳竹

摘要：隨著智能手機、平板電腦等便攜式智能終端設備的普及和移動互聯網時代的全面到來，基于這些設備開發的應用程序（Application，亦稱“APP應用”）呈井噴式發展，海量的應用程序正迅速改變著當代人的生活方式。形象場指的是設計作品表現出來的可感知、可體驗的整體環境，統一的形象場使設計作品產生強大的凝聚力和吸引力，并輻射和影響周邊的事物。在應用程序的設計中，形象場包含視覺表現、組織架構和精神內核三個組成部分，三者如同人的“形”“骨”“神”，將它們統一起來可以構建豐富立體的品牌形象，從而增加應用程序的整體競爭力。本文從形象場的三個組成部分分析了統一的形象場對應用程序設計的重要性，并提出構建統一形象場的方法論，對當代應用程序的設計有著重要的理論價值和現實指導意義。

關鍵詞：應用程序；APP設計；界面設計；形象場

優秀的設計作品大多擁有統一的形象場，如蘋果公司的iPhone、iPad和Mac系列產品，始終貫徹簡潔、柔和、易用的設計原則，給人以優雅、高貴、科技感十足的品牌形象感。其強大的吸引力甚至產生了“粉絲效應”，在競爭激烈的移動智能終端市場獨樹一幟，立于不敗之地，這就是典型的形象場的作用力。而近年來，應用程序順應移動智能終端的迅速發展而崛起，由于應用性強、開發門檻較低，正以驚人的速度增長。網易新聞顯示，2014年，僅谷歌Play Store一個平臺的應用數量就達到了143萬，相當于2013年的兩倍。雖然發展前景一片大好，但應用程序的大量增加必然帶來同類應用同質化嚴重的問題，尤其在應用界面扁平化風格普及之后，沒有特色的應用程序很快會被湮沒在茫茫的應用之海。面對競爭激烈的現狀，應用程序只有樹立品牌才能擺脫同質化、增強競爭力，而形成統一的形象場是品牌構建中最重要的一環。在應用程序的設計中，形象場分為視覺形象場、架構形象場、內核形象場三個組成部分，三個部分相互適應、相互影響，形成一個統一、和諧的整體形象場閉環，幫助應用程序樹立完整、立體的品牌形象。

1應用程序的設計現狀

2012年，微軟Windows8系統的發布，刮起了扁平化設計的風潮。現在，除游戲類應用外，絕大部分應用程序的設計風格都完成由擬物化向扁平化轉變的過程。扁平化設計的概念源于“扁平化”企業管理模式，目標是通過減少界面信息結構層級和增加單層信息幅度，來構建一種“寬而扁”、“快而全”的信息組織形式。在移動互聯網時代，扁平化設計的優勢顯而易見：第一，減少冗余的裝飾，降低了對硬件的要求，更適合應用于容量較小的移動設備。第二，層級減少，使得信息獲取更加直接，降低了對移動網絡的要求。第三，移動設備屏幕尺寸較小，簡單清晰、功能凸顯的扁平化界面能有效地減少認知障礙、避免信息迷航。因此，在追求“短平快”效應的開發過程中，構建扁平化的形象場是應用程序設計的大勢所趨。

盡管扁平化在應用程序中得到了普及，但許多應用程序卻陷入了一個誤區：只完成了扁平化的視覺表現，卻忽略了扁平化在應用程序架構里更為重要的作用——層級優化。相比層級化界面，扁平化界面的層級大大縮水，信息的獲取形式從縱向的深度鏈接變成了橫向的并列式鏈接，使應用程序操作起來更簡單、易上手。大眾所熟悉的社交類應用“微信”，是扁平化架構設計的一個極好的模板：“聊天”作為最主要的功能顯示在首頁，點擊聊天對象可以直接對話，而其他功能用戶只需通過一兩個層級就可以很快達到子目錄，找到目標信息。不得不說，微信扁平化層級的出現是社交類應用程序的一次革命，簡便、流暢的操作大大拓寬了用戶的年齡層，從此移動互聯網不再是年輕人的專利。由此可見，架構形象場的設立對應用程序整體形象場的構建至關重要。

此外，扁平化設計雖然能很好地適應移動終端，但其功能化的、追求極簡的表現形式很容易使其淪為工業化的產物。在文明高度發展的當代，冰冷的工業化產品很難再滿足當代人的情感需求。因此，“情感”會成為連接用戶的重要紐帶，而應用程序必然隨之探索情感化設計的道路，這也是樹立應用程序內核形象場的重要方式。

綜上所述，扁平化的界面和扁平化的層級凸顯信息、化繁為簡、進一步友善人機交互，才是扁平化設計的完整含義。應用程序應該吸收扁平化設計的優點，同時補充扁平化設計的不足，做到“形”、“骨”、“神”兼備，構建界面干凈清晰、架構簡單高效、內涵感性人文的整體形象場。

2應用程序視覺設計的形象場

視覺是人類最重要的感官，應用程序的界面不僅是其整體形象最直接的視覺呈現，還擔負著表現架構和內核的責任，因此它是構成品牌形象場最重要的組成部分。受移動終端屏幕尺寸大小和扁平化設計風格的影響，應用程序的界面設計脫去繁復的裝飾，越來越趨于簡單明了的色塊、線條和文字之間的組合，而扁平化設計中最具有表現力的色彩則形成了固有的交互式色彩體系。

2.1內容中心式界面排布

扁平化界面設計的目的是幫助用戶更快地找到目標信息，因此以往將內容進行羅列的對稱式的排版逐漸向內容中心式排版進行演變。內容中心式排版，即將應用程序所要表達的內容進行等級劃分，將主要內容和次要內容在位置、大小、色彩等方面進行區分的一種排版方式。內容中心式排版讓信息的獲取更加“簡單粗暴”，用戶不需要找尋功能或者思考操作步驟，界面排版本身就像一個路標指示著所有的操作行為。例如，滴滴打車就是這樣一個功能性應用程序，整個界面就圍繞著“打車”一個功能進行設計，輸入地址→叫車→上車→付款→抵達→交易成功，這一系列操作都在主界面上完成，內容具有唯一性、操作具有引導性、整個操作過程幾乎沒有障礙。界面中心式排版很好地踐行了扁平化的設計理念，是構成重點突出、簡潔明了的形象場的有效方法。

2.2交互式色彩體系

受移動終端屏幕尺寸大小的影響，絕大多數應用程序都選擇減少界面上的色彩種類來適應較小的屏幕，專用于應用程序設計的交互式色彩體系應運而生。交互式色彩體系遵循以下兩個原則：第一，主色少而純。受移動設備界面尺寸的影響，過多的色彩容易模糊信息，造成認知障礙。因此，采用一種主色，配上白色或其他沒有色彩傾向的顏色來構成界面是最合適的。主色一般采用明度和純度較高的顏色，一方面有助于信息的凸顯；另一方面，有利于在同類應用程序中跳脫出來，增加吸引力。第二，輔色小而精。在主色的基調下，為了避免視覺疲勞，需要其他的顏色進行輔助。輔助色應當遵循小而精的原則，不占用大面積，一般用在圖標和文字上，以示區別。輔助色最好采用主色的互補色，這樣既能最大化地展示信息和功能，又不對整體的界面產生過分干擾。靈活運用交互式的色彩，是形成信息凸顯、功能明確的形象場的有力手段。

3應用程序架構的形象場

應用程序的架構指的是其界面、功能、層級、邏輯等模塊的組織結構及其相互關系的總和，架構是應用程序的“骨骼”，是支撐整個應用程序的核心力量。好的架構能增強應用程序的整體性和凝聚力，打造通用、高效、交叉的架構形象場。受扁平化設計的影響，應用程序架構的形象場主要分為包容式的場、分布式的場和聯系的場三個方面。

3.1包容式的場

2030年，我國65歲以上的人口將超過總人口的15%，中國將全面進入人口老齡化階段。用戶的差異，尤其是年齡差異，使得他們使用產品的能力值（如視覺、聽覺、觸覺等）大不相同，因此照顧到大多數人使用能力的包容性設計產品將成為主流。英國標準協會（2005）將包容設計定義為“主流產品或服務的設計能為盡可能多的人群所方便使用……無須特別的適應或特殊的設計”。應用程序作為覆蓋人群廣、操作性強的移動終端軟件，在其架構上應當向包容式設計靠攏。包容式應用程序最典型的例子就是微信的語音功能，長按錄音按鈕講話，松開錄音按鈕語音信息即可自動發送，將信息錄入和輸送簡化到只有一個步驟，對用戶的操作能力具有極強的包容性，可以說是社交類應用程序設計的一個飛躍。由此可以得出，包容式的應用程序最大特點是：第一，具有通用性，界面和按鈕的排布符合一定的規律或者使用者統一的固有習慣。第二，具有可及性，降低使用所需的能力值，照顧到盡可能多的人群，減少操作上的障礙。包容性架構以簡單化的操作包容絕大多數用戶，形成通用、簡單、少障礙的包容式架構形象場，使得應用程序適用人群更加廣泛，是未來應用程序發展的重要趨勢。

3.2分布式的場

互聯網時代，人們處于高度連接又深度分裂的社會，不可能再依賴中心標準的指導，分布式的、無領導的、自然出現的整體性成為社會的理想，分布式的管理模式應運而生。分布式管理模式的特點是沒有強制的中心控制、各層級擁有自行處理問題的能力以及資源優化配置。在應用程序里，將功能進行分區，使各功能模塊享有“自治權”，不再由高層級統一控制，這就形成了分布式的系統。分布式系統廣泛應用于一些購物應用程序之中，尤其是數據吞吐量較大的團購網站，區域細分和數據分布式存儲減少了出錯的可能性，同時能充分利用各個模塊的資源，提高系統工作的效率。分布式系統的優勢在于：第一，每個功能模塊擁有自行處理問題的能力，數據不需要逐級上傳到最高層，再由最高層進行反饋，大大地節約了時間空間，提高了系統運行的效率。第二，“去中心化”的模式，讓各個功能模塊享有更多的自由，在內部完成改良甚至是進化，使自身更好地適應關聯模塊和應用程序整體。第三，高度自治能夠更快捷、更有針對性地修復系統故障，減小模塊崩潰的幾率。第四，各模塊自行搜集數據、相互獨立，使系統具有更高的容錯性，哪怕其中一個模塊崩潰，也不會對整個系統造成毀滅性的影響。

在海量的、同質化嚴重的應用程序中，高效是強有力的競爭力。分布式系統所形成的高效率、容錯性強、既獨立又相互適應的場，對應用程序的高效運行至關重要，因此建立分布式系統是形成應用程序架構形象場行之有效的重要方法。

3.3聯系的場

在應用程序的分布式系統中，各個層級是高度連接的，聯系使平行層級之間產生互相適應、自由組合的交叉關系，使模塊與模塊之間產生動能，形成具有閉合性以及完整回路的系統，從而形成無限的、和諧的、自覺的架構形象場。聯系的場主要特征為：其一，模塊之間相互聯系，使它們不斷進行排列組合，產生非線性因果關系，讓應用程序的發展擁有無限性。其二，層級之間的高度聯系能有效傳遞信息，各層級根據彼此的信息進行自我調整和相互適應，使整個系統始終處在相對和諧的狀態。例如，美圖軟件里的磨糊與銳化、提亮與加深等功能組合，看似矛盾，實際上具有交叉性，能夠避免沖突相互適應，最終得到較好的整體效果。其三，連接讓層級產生共同意識，產生自下而上的、自覺的控制，各功能模塊直接對外部刺激產生反饋動作，而不再依賴中央生硬的調控，這也是智能化發展的必經之路。

4情感化設計造就形象場

互聯網的興盛的當代是一個信息過剩的時代，人們需要更加人性化的方式對大量的信息進行篩選和取舍。因此，情感需求逐漸高于功能需求，交互設計也逐漸摒棄形式遵循功能的現代主義風格，逐漸回歸到反映人類心理需求的本能水平設計上來。人們對應用程序的情感源自于自身的需求和期望，如果二者得到了滿足，便會產生“愉快”“喜愛”的情感。所以，情感化設計是連接用戶的“軟紐帶”，也是增加吸引力、構建應用程序內核形象場的有力手段。其中，擬人化設計就是情感化設計中最典型的一種。

擬人化設計指的是將產品賦予人類的外形、精神、個性、品格等元素，使其被感知為“人”的一種設計手法。擬人化存在的本因是人都有為非人類事物賦予人類特質的傾向，其原始動機是人對非人類事物的求知欲。由于擬人化設計對產品的外形有著更清晰的界定和要求，也對產品的內涵有更明確的定位，使產品內外統一形成較為完整的“人”的形象，因此更容易形成統一的形象場。

擬人化設計有三種傾向：一是將產品賦予人的某些外形特征，如可口可樂早期的飲料瓶身就是參照瑪麗蓮·夢露的三圍而設計造型的。二是將產品賦予人的精神和個性，如蘋果產品里的語音助手s試，就常常以幽默的回答體現出機智、風趣、高情商的人格特點。三是構建擬人化的虛擬形象來增加產品的親和力，如騰訊QQ的企鵝形象、天貓的黑貓形象、瑞星殺毒軟件的小獅子等。應用程序的擬人化設計主要傾向于后兩者，通過人化性格特征的體現或與人化的形象對話，增加用戶的溝通感和參與感，使用戶獲得更好的反饋體驗。支付寶是其中一個成功的例子，它將自己稱為“店小二”，將用戶稱為“客官”，既明確了自己服務者的定位，又營造了熱情、踏實、靈活的形象，讓用戶產生“顧客至上”的感覺，更容易對其產生信任感。而支付寶內的反饋語也由機械的提示語變得更加人性化，如將“數據加載中”變為“客官別著急”，讓用戶更有帶入感，好似和人對話，相較于和機械對話產生更多的包容心。總之，擬人化設計將應用程序的內涵、氣質、精神、個性等元素通過感性的手法表現出來，賦予應用程序豐富飽滿的“人格”特征，構建了情感化的內核形象場，同時也是對扁平化形象場非常好的補充。

5結語

在扁平化風格的趨勢下，從“形”“骨”“神”三個方面構建應用程序的形象場，可以讓應用程序產生鮮活立體的品牌形象，獲得強大的競爭力。視覺表現方面，內容中心式排版和交互色彩體系為應用程序打造了信息主次分明、操作流暢的視覺形象場；架構方面，包容式的場、分布式的場和聯系的場打造了高效、簡潔的架構形象場；內核方面，擬人化設計打造了人性化、情感化的內核形象場。形象場的三個方面應當有機結合、互相包容、互相適應，這樣才能形成一個全方位的、和諧的整體形象場，在移動互聯網應用程序的大潮中占有一席之地。