陳竹

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

關(guān)鍵詞：應(yīng)用程序；APP設(shè)計；界面設(shè)計；形象場

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

1應(yīng)用程序的設(shè)計現(xiàn)狀

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

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

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

綜上所述，扁平化的界面和扁平化的層級凸顯信息、化繁為簡、進(jìn)一步友善人機(jī)交互，才是扁平化設(shè)計的完整含義。應(yīng)用程序應(yīng)該吸收扁平化設(shè)計的優(yōu)點(diǎn)，同時補(bǔ)充扁平化設(shè)計的不足，做到“形”、“骨”、“神”兼?zhèn)洌瑯?gòu)建界面干凈清晰、架構(gòu)簡單高效、內(nèi)涵感性人文的整體形象場。

2應(yīng)用程序視覺設(shè)計的形象場

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

2.1內(nèi)容中心式界面排布

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

2.2交互式色彩體系

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

3應(yīng)用程序架構(gòu)的形象場

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

3.1包容式的場

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

3.2分布式的場

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

在海量的、同質(zhì)化嚴(yán)重的應(yīng)用程序中，高效是強(qiáng)有力的競爭力。分布式系統(tǒng)所形成的高效率、容錯性強(qiáng)、既獨(dú)立又相互適應(yīng)的場，對應(yīng)用程序的高效運(yùn)行至關(guān)重要，因此建立分布式系統(tǒng)是形成應(yīng)用程序架構(gòu)形象場行之有效的重要方法。

3.3聯(lián)系的場

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

4情感化設(shè)計造就形象場

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

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

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

5結(jié)語

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