應(yīng)用程序設(shè)計(jì)的形象場(chǎng)構(gòu)建

陳竹

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

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

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

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

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

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

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

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

2應(yīng)用程序視覺(jué)設(shè)計(jì)的形象場(chǎng)

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

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

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

2.2交互式色彩體系

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

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

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

3.1包容式的場(chǎng)

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

3.2分布式的場(chǎng)

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

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

3.3聯(lián)系的場(chǎng)

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

4情感化設(shè)計(jì)造就形象場(chǎng)

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

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

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

5結(jié)語(yǔ)

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