視知覺形式動(dòng)力理論視角下的手機(jī)社交應(yīng)用界面設(shè)計(jì)

□卜曉璇

近年來(lái)，手機(jī)社交應(yīng)用界面設(shè)計(jì)中的多元主義風(fēng)格已趨于飽和，極簡(jiǎn)主義的扁平風(fēng)格開始盛行，如何在扁平化的界面中呈現(xiàn)更完整的信息，成為界面設(shè)計(jì)者重點(diǎn)關(guān)注的問題。魯?shù)婪颉ぐ⒍骱Ｄ氛J(rèn)為，藝術(shù)思維應(yīng)以知覺為根基，只有在充分了解人體知覺結(jié)構(gòu)的前提下，才能夠深入挖掘藝術(shù)的本質(zhì)。

魯?shù)婪颉ぐ⒍骱Ｄ诽岢龅囊曋X形式動(dòng)力理論以視知覺為切入點(diǎn)，為界面設(shè)計(jì)藝術(shù)的表現(xiàn)帶來(lái)了新的思路。本文從視知覺形式動(dòng)力理論的本質(zhì)與意義出發(fā)，重點(diǎn)探討該理論在手機(jī)社交應(yīng)用界面中的表現(xiàn)，以期為后續(xù)設(shè)計(jì)方向的革新提供參考。

一、視知覺形式動(dòng)力理論的相關(guān)研究

（一）視知覺形式動(dòng)力理論的概念

魯?shù)婪颉ぐ⒍骱Ｄ氛J(rèn)為，“視知覺”是一種通過創(chuàng)造與刺激材料性質(zhì)相對(duì)應(yīng)的一般形式結(jié)構(gòu)。同時(shí)他認(rèn)為，視知覺活動(dòng)并非被動(dòng)接受的過程，其具有主觀能動(dòng)性，可通過與物理形狀的相互作用來(lái)完成?；谶@一論點(diǎn)，視知覺形式動(dòng)力理論本質(zhì)就可以歸納為揭示視覺活動(dòng)動(dòng)力機(jī)制的過程總結(jié)。在提出“視知覺形式動(dòng)力理論”學(xué)說(shuō)之后，魯?shù)婪颉ぐ⒍骱Ｄ愤M(jìn)一步闡述了其在各種視覺范疇中的現(xiàn)象與經(jīng)驗(yàn)，為這一理論在藝術(shù)領(lǐng)域中的應(yīng)用奠定了基礎(chǔ)。其引導(dǎo)人們脫離常規(guī)科學(xué)體系來(lái)重新認(rèn)識(shí)“力”的作用，并以大量的心理學(xué)實(shí)驗(yàn)論證“動(dòng)力”的客觀存在。得益于此，人們開始嘗試從理性視角看待視知覺現(xiàn)象，并通過有序的梳理與運(yùn)用，使之作用于視覺形式構(gòu)建，與藝術(shù)設(shè)計(jì)領(lǐng)域深度結(jié)合。

（二）視知覺的特點(diǎn)

第一，直覺主動(dòng)性。視知覺的形成是人體眼睛對(duì)刺激來(lái)源產(chǎn)生的下意識(shí)反應(yīng)，這一過程并不受主體意志所支配，而是依靠直覺主動(dòng)來(lái)主動(dòng)做出反應(yīng)。受外界物質(zhì)的刺激后，人體視覺將會(huì)主動(dòng)與刺激源形成互動(dòng)關(guān)系，在大腦思維的中樞作用下，刺激源在進(jìn)入思維之前會(huì)通過潛意識(shí)進(jìn)行一定加工，經(jīng)過轉(zhuǎn)化后被人體感知。

第二，感知整體性。人體視知覺對(duì)刺激源所產(chǎn)生的反應(yīng)，本質(zhì)上是一種整體把握的過程。這種整體性特征主要體現(xiàn)在：由此產(chǎn)生的視知覺反應(yīng)并不僅僅局限于把握物體本身，同時(shí)也包括其他一切被喚醒的知覺感受（如情緒、情感等），且所產(chǎn)生的感受還會(huì)與刺激源發(fā)生交融、互通，共同構(gòu)成人體對(duì)感知對(duì)象的體驗(yàn)。在視知覺作用下，這些內(nèi)容以一個(gè)整體系統(tǒng)的形式被人的感官接受。

第三，簡(jiǎn)化趨向性。貢布里希曾在大量實(shí)驗(yàn)數(shù)據(jù)的支撐下得出如下結(jié)論：人體的知覺更傾向于接納簡(jiǎn)單、規(guī)律的結(jié)構(gòu)。當(dāng)事物表現(xiàn)出復(fù)雜或簡(jiǎn)單兩種不同特質(zhì)時(shí)，人們更容易對(duì)簡(jiǎn)單的部分產(chǎn)生感知與記憶。這正說(shuō)明，簡(jiǎn)化是人體結(jié)合內(nèi)在需求而發(fā)生的一種自然行為，也是視知覺天性的表現(xiàn)。視知覺作用機(jī)制可以根據(jù)人體認(rèn)知事物的本能，對(duì)刺激源進(jìn)行簡(jiǎn)化處理后完成重構(gòu)，最終進(jìn)入有意識(shí)的思維。

（三）視知覺形式動(dòng)力理論與產(chǎn)品設(shè)計(jì)的融合方向

結(jié)合視知覺形式動(dòng)力的概念與特點(diǎn)可以得出，對(duì)視知覺形式動(dòng)力理論的利用，本質(zhì)上是搭建刺激源與認(rèn)知主體之間互動(dòng)關(guān)系的過程。這一過程包含邏輯分析與情感互動(dòng)兩個(gè)環(huán)節(jié)。目前，人們將視知覺形式動(dòng)力與各類產(chǎn)品設(shè)計(jì)相融合，主要是從“形”與“態(tài)”兩個(gè)方向出發(fā)，一般可歸納為形式表現(xiàn)及意向營(yíng)造。

在形式表現(xiàn)方面，設(shè)計(jì)者首先會(huì)考慮到產(chǎn)品形態(tài)設(shè)計(jì)的核心問題：如何打造產(chǎn)品本身的形式感。當(dāng)產(chǎn)品形式構(gòu)型過于規(guī)整時(shí)，容易給人帶來(lái)呆板的觀感；內(nèi)容過于豐富，則又容易給人以冗雜混亂之感?；诖?，設(shè)計(jì)者可以結(jié)合視知覺形式動(dòng)力的“完形”理論，在簡(jiǎn)單與復(fù)雜之間尋求一個(gè)平衡點(diǎn)。在完形理論中，人體產(chǎn)生的知覺并不取決于具體的感覺元素，而是感覺元素所構(gòu)成的整體，且整體并不是組成部分的簡(jiǎn)單相加，而是優(yōu)先于部分，同時(shí)決定著各部分的意義與性質(zhì)。在外部物質(zhì)的刺激作用下，人體視覺上容易產(chǎn)生一種經(jīng)過簡(jiǎn)化與規(guī)整化處理后的“完形趨向”。利用這一特征，在產(chǎn)品形態(tài)設(shè)計(jì)中，設(shè)計(jì)者可通過對(duì)不同刺激源式樣的完形趨向進(jìn)行研究，并將不同的動(dòng)力特性運(yùn)用于不同的產(chǎn)品需求中，從而了解不同式樣之間的組織方式，賦予產(chǎn)品形態(tài)更強(qiáng)烈的吸引力。

在意象營(yíng)造方面，設(shè)計(jì)者首先可以利用視知覺動(dòng)力理論對(duì)產(chǎn)品形態(tài)進(jìn)行直覺審美層面的分析。在理解視覺思維運(yùn)行機(jī)制的基礎(chǔ)上，設(shè)計(jì)者可以將視覺意象視為溝通視覺與思維的橋梁，由此構(gòu)成產(chǎn)品設(shè)計(jì)形態(tài)中的“態(tài)”。視覺意象主要由產(chǎn)品形態(tài)中包含的情感與意蘊(yùn)組成，將主體的情感變化歸因于視覺刺激所引起的“力場(chǎng)”改變。設(shè)計(jì)者對(duì)這種變化過程進(jìn)行探究，能夠切實(shí)感受到審美情感的根源。在產(chǎn)品設(shè)計(jì)中，設(shè)計(jì)者觸發(fā)感知的意象，有利于提升產(chǎn)品的知性審美價(jià)值，營(yíng)造獨(dú)特的氛圍。

二、視知覺形式動(dòng)力理論在手機(jī)應(yīng)用界面設(shè)計(jì)中的應(yīng)用原則

（一）簡(jiǎn)易性原則

對(duì)于現(xiàn)代手機(jī)應(yīng)用受眾群體而言，“簡(jiǎn)單易用”是優(yōu)化體驗(yàn)的重要因素。其中，“簡(jiǎn)單”主要指用戶能夠在界面快速獲取所需信息，且無(wú)須經(jīng)過繁復(fù)的步驟就能完成相關(guān)操作。要想實(shí)現(xiàn)這一目的，還應(yīng)建立在易用的前提之下?；谝曋X形式動(dòng)力理論，筆者將手機(jī)應(yīng)用界面設(shè)計(jì)的簡(jiǎn)易性原則歸納為以下幾個(gè)方面。在“刪除”方面，設(shè)計(jì)者要盡可能地刪減手機(jī)應(yīng)用界面中的非必要性信息及功能，突出核心體驗(yàn)，呈現(xiàn)給用戶的界面要更為精簡(jiǎn)直觀，并盡可能地將研發(fā)資源投入功能設(shè)計(jì)中。設(shè)計(jì)者要在有效刪減的前提下實(shí)現(xiàn)資源的最大集中與利用。在“組織”方面，設(shè)計(jì)者主要是對(duì)應(yīng)用界面中復(fù)雜的信息與功能進(jìn)行精準(zhǔn)分類，使之呈現(xiàn)合理分布狀態(tài)，便于用戶管理與使用。例如，手機(jī)瀏覽器的選項(xiàng)卡一般不應(yīng)設(shè)置7 個(gè)以上，同時(shí)還應(yīng)盡可能地消除使用過程中產(chǎn)生的噪聲，在強(qiáng)調(diào)簡(jiǎn)潔的基礎(chǔ)上減少界面的跳轉(zhuǎn)，以免影響用戶體驗(yàn)。在“隱藏”方面，設(shè)計(jì)者應(yīng)將手機(jī)應(yīng)用界面中較少使用的功能隱藏至后臺(tái)等區(qū)域。如在社交應(yīng)用中，根據(jù)用戶需求，設(shè)計(jì)者可以讓用戶自行設(shè)置信息不提示，以免信息頻繁彈出而影響注意力。在“轉(zhuǎn)移”方面，設(shè)計(jì)者可根據(jù)應(yīng)用界面中不同任務(wù)的特性，將其轉(zhuǎn)移至其他平臺(tái)，從而減輕用戶的操作負(fù)擔(dān)。

（二）反饋性原則

對(duì)于手機(jī)社交應(yīng)用而言，反饋是決定視知覺體驗(yàn)的重要環(huán)節(jié)，即設(shè)計(jì)者需要通過應(yīng)用界面，告知用戶其行為所導(dǎo)向的結(jié)果，使用戶更精準(zhǔn)、及時(shí)地了解系統(tǒng)的狀態(tài)。例如，用戶在社交應(yīng)用中進(jìn)行文件分享后，系統(tǒng)應(yīng)通過界面告知用戶“文件已分享”或“文件分享失敗”等信息。反饋形式一般可細(xì)分為即刻反饋、一直存在的反饋、正面反饋、負(fù)面反饋等。在視知覺形式動(dòng)力理論下，筆者從感官角度出發(fā)，將反饋形式分為視覺反饋、聽覺反饋、觸覺反饋三類。其中，視覺反饋包含對(duì)話框提示、圖標(biāo)點(diǎn)擊狀態(tài)顯示、動(dòng)畫頁(yè)面顯示等；聽覺反饋包含音效觸發(fā)、推送消息提示音等；觸覺反饋包含消息振動(dòng)。用戶可根據(jù)自身需求，選擇打開或關(guān)閉某一反饋功能，以免在不需要的情況下造成多余的反饋負(fù)擔(dān)。筆者在調(diào)查中發(fā)現(xiàn)，用戶對(duì)負(fù)面反饋結(jié)果存在一定的排斥心理。因客觀原因無(wú)法完成操作時(shí)，用戶會(huì)期望界面顯示趨向包容化，如通過文字說(shuō)明操作失敗的原因，并給出一定的撤銷空間，從而減輕獲取負(fù)面反饋的不適感。

（三）一致性原則

所謂一致性，即手機(jī)應(yīng)用界面要通過保持一定的共性，便于用戶高效地將自身操作經(jīng)驗(yàn)運(yùn)用于新的情境中，減輕用戶重新練習(xí)操作的負(fù)擔(dān)。因此，基于視知覺形式動(dòng)力理論，社交應(yīng)用界面的設(shè)計(jì)需要遵循用戶思維習(xí)慣，在操作方式與問題處理的環(huán)節(jié)中要盡量避免全面、徹底的轉(zhuǎn)換，盡可能地保持界面中視覺、功能、信息架構(gòu)、操作方式的一致性。其中，視覺一致主要指整體視覺、色彩、布局等元素的一致性；功能一致主要指界面中同一系統(tǒng)的功能信息傳達(dá)需要保持一致，如“確定”與“取消”作為同類名詞，應(yīng)在不同界面中以相同的表述出現(xiàn)；信息架構(gòu)一致主要指界面的架構(gòu)方式及各層級(jí)間的邏輯關(guān)系需保持一致，考慮到受手機(jī)終端設(shè)備系統(tǒng)的影響，設(shè)計(jì)者還應(yīng)做到不同系統(tǒng)之間信息交互方式保持一致；操作方式一致主要指用戶完成相同屬性任務(wù)所需進(jìn)行的操作應(yīng)保持一致，以免增加用戶的使用負(fù)擔(dān)。

三、視知覺形式動(dòng)力理論在手機(jī)應(yīng)用界面設(shè)計(jì)中的表現(xiàn)形態(tài)

視知覺形式動(dòng)力理論在界面設(shè)計(jì)中的應(yīng)用主要以平面設(shè)計(jì)經(jīng)驗(yàn)為根基。人們視覺需求的增長(zhǎng)帶動(dòng)了平面設(shè)計(jì)手段的革新，各種視覺元素被注入其中，其審美構(gòu)建也逐漸形成以“沖擊力、藝術(shù)性、秩序感”為綜合要求的體系。這為后續(xù)手機(jī)應(yīng)用界面的設(shè)計(jì)工作奠定了理論基礎(chǔ)?！皠?dòng)力”是藝術(shù)作品的生命力來(lái)源之一，而通過把握“動(dòng)力”，視知覺形式的呈現(xiàn)也將獲得更廣闊的空間。筆者現(xiàn)結(jié)合手機(jī)應(yīng)用界面設(shè)計(jì)的革新需求，將該理論在其中的表現(xiàn)與優(yōu)化路徑概述如下。

（一）傾斜式樣設(shè)計(jì)

“傾斜”給人體視覺上造成的影響較為直觀，垂直和水平在基本空間上的定位會(huì)因此發(fā)生偏移，營(yíng)造出視知覺上的緊張力，這也成為獲得動(dòng)力經(jīng)驗(yàn)的最直接手段。傾斜式樣設(shè)計(jì)手法最早被用于繪畫藝術(shù)中，自從手機(jī)社交應(yīng)用廣泛普及后，開始在其中發(fā)揮“動(dòng)力”的支持價(jià)值。例如，在flowerly 這一社交軟件中，用戶能夠看到界面中的圖標(biāo)并不處于垂直的空間定向中，在偏離常規(guī)既定軌道的狀態(tài)下，營(yíng)造出一種輕松、活潑的“運(yùn)動(dòng)感”。同時(shí)，從偏離方向上看，界面中以左右交替的偏離形式形成“波浪式”走向，再輔以撕紙的線條元素、手繪風(fēng)格的圖標(biāo)等，給人以年輕、活力之感。這在很大程度上提高了視知覺層面的親切性，與社交應(yīng)用的定位高度契合。

（二）變形式樣設(shè)計(jì)

除了傾斜式樣外，形狀的變化也屬于通過偏離常規(guī)位置來(lái)改變視知覺體驗(yàn)的重要設(shè)計(jì)形式。這種變形式樣設(shè)計(jì)一般常見于建筑設(shè)計(jì)中。而手機(jī)界面設(shè)計(jì)同樣可以套用變形式樣的規(guī)律，借助視覺的“簡(jiǎn)化律”作用，通過簡(jiǎn)單的視覺形狀分割、重疊來(lái)產(chǎn)生“動(dòng)力”，從而呈現(xiàn)出不同的空間深度效果。例如，在一款名為Circle 的音樂社交軟件中，用戶可以清晰地看到界面下方有一對(duì)具有視覺平衡效果的元素。其中，居于右側(cè)的元素在沒有光影質(zhì)感表現(xiàn)的情況下，能夠準(zhǔn)確地傳達(dá)出作為“按鈕”的功能特性，這便是變形式樣設(shè)計(jì)的“動(dòng)力”體現(xiàn)；同時(shí)，居于左側(cè)的箭頭元素能夠通過適當(dāng)?shù)谋壤{(diào)整，營(yíng)造出更具運(yùn)動(dòng)感的強(qiáng)烈視覺張力，使整體界面更直觀自然、真實(shí)生動(dòng)。

（三）頻閃式樣設(shè)計(jì)

“頻閃”即指視域范圍內(nèi)，樣貌與功能相同的視覺對(duì)象能夠通過大小、位置、形狀等知覺特征的變化來(lái)達(dá)成同時(shí)性運(yùn)動(dòng)效果，屬于能夠激活視覺動(dòng)力的基本形式。頻閃式樣在手機(jī)應(yīng)用界面設(shè)計(jì)中，一般通過打造統(tǒng)一的整體，使不同的元素基于相似性與變化性特征產(chǎn)生同步活動(dòng)效應(yīng)，從而體現(xiàn)設(shè)計(jì)作品的動(dòng)感。例如，在部分運(yùn)動(dòng)社交應(yīng)用中，設(shè)計(jì)者首先以圓形形態(tài)呈現(xiàn)用戶的頭像與計(jì)時(shí)狀態(tài)，分散置于界面的不同位置，并通過同步跳動(dòng)、閃爍來(lái)刺激“緊張感”“運(yùn)動(dòng)感”的形成，在帶動(dòng)用戶視知覺體驗(yàn)的同時(shí)，迎合應(yīng)用主題，借此消除界面背景中沉穩(wěn)底色帶來(lái)的嚴(yán)肅感。

綜上所述，手機(jī)界面設(shè)計(jì)中涉及的各類視覺元素都可以被視為“動(dòng)力”，且在相互作用、交叉反應(yīng)下，所產(chǎn)生的視覺感知效果可能獲得新的突破。在未來(lái)的手機(jī)社交應(yīng)用界面設(shè)計(jì)中，設(shè)計(jì)者還可以進(jìn)一步結(jié)合用戶需求，通過“動(dòng)力”語(yǔ)言功能來(lái)增加界面的生動(dòng)性與訴說(shuō)性，為用戶構(gòu)建更為廣闊的體驗(yàn)空間。