運(yùn)用格式塔理論對(duì)購(gòu)物APP界面視覺設(shè)計(jì)的優(yōu)化研究

張琳

【摘?要】隨著互聯(lián)網(wǎng)科技的不斷創(chuàng)新與發(fā)展，移動(dòng)端APP也在實(shí)時(shí)變化著，因APP功能不斷的更新與增加，APP的界面也隨之相應(yīng)的在逐步豐富。本文基于對(duì)購(gòu)物類APP交互界面的視覺設(shè)計(jì)研究，依據(jù)“格式塔理論”中的圖底關(guān)系及完整形態(tài)等相關(guān)的原理，從而探討如何對(duì)購(gòu)物APP的界面設(shè)計(jì)進(jìn)行優(yōu)化。

【關(guān)鍵詞】購(gòu)物類APP;界面設(shè)計(jì);格式塔理論

一、格式塔理論與界面視覺設(shè)計(jì)

“格式塔”（Gestalt）一詞有兩層含義：一個(gè)是指形狀或形式，即物體的性質(zhì)。用“有角的”或“對(duì)稱的”來(lái)表示一個(gè)物體的一般屬性，在這個(gè)意義上說(shuō)，格式塔意為“形式”。另一個(gè)是指一種具體的實(shí)體及其它所特有的形狀或形式的特征。魯?shù)婪颉ぐ⒍骱Ｄ吩凇端囆g(shù)與視知覺》藝術(shù)中，強(qiáng)調(diào)用“格式塔”的方式對(duì)對(duì)待人的視覺過程，人的視覺過程指并不只是人所看見事物，同時(shí)包含了人在看到事物之后對(duì)事物辨識(shí)的過程。這種打破知覺與思維界限的方式，被魯?shù)婪颉ぐ⒍骱Ｄ贩Q之為——視覺思維。在研究“視覺思維”中發(fā)現(xiàn)，人的視覺是非常具有積極性的活動(dòng)，當(dāng)人在觀察客觀事物時(shí)，不是簡(jiǎn)單地將事物的各種元素相加或拼湊在一起，而是通過大腦思維與經(jīng)驗(yàn)相結(jié)合，從而對(duì)事物形成一種整體的把握。因此，當(dāng)我們對(duì)人類知覺體的格式塔傾向進(jìn)行總結(jié)可以得到格式塔心理的相關(guān)理論原則，如：主體與背景原則、接近性原則、相似性原則、連續(xù)性原則、封閉性原則和簡(jiǎn)單對(duì)稱性原則等。

格式塔原理為人們的視覺感知提供了一個(gè)相對(duì)完整的理論框架，并在此基礎(chǔ)上能夠進(jìn)一步拓展，為用戶界面設(shè)計(jì)的方法與準(zhǔn)則提供了理論基礎(chǔ)，有著非常重要的作用。界面視覺設(shè)計(jì)在用戶認(rèn)知和使用過程中起著至關(guān)重要的作用，根據(jù)格式塔心理學(xué)，在研究人的經(jīng)驗(yàn)和行為后發(fā)現(xiàn)，在設(shè)計(jì)過程中應(yīng)當(dāng)遵循人類心理學(xué)的規(guī)律，設(shè)計(jì)出人性化、理性化的應(yīng)用產(chǎn)品，同時(shí)，提高產(chǎn)品與服務(wù)的設(shè)計(jì)水準(zhǔn)，能夠提升用戶的體驗(yàn)感。另外，研究格式塔心理學(xué)視知覺理論的神經(jīng)心理學(xué)家在研究了人的大腦和視覺神經(jīng)之后，得出了驗(yàn)證了格式塔心理學(xué)家的觀測(cè)結(jié)果的結(jié)論：人類和其他動(dòng)物是根據(jù)整體對(duì)象來(lái)感知周圍環(huán)境的。因此許多認(rèn)知心理學(xué)家認(rèn)為格式塔心理學(xué)是一種描述性的框架，在視知覺方面的描述性框架，它能夠?yàn)橛脩艚缑嬖O(shè)計(jì)提供堅(jiān)實(shí)的理論設(shè)計(jì)基礎(chǔ)。格式塔心理學(xué)中提到的格式塔理論原則能夠在用戶界面設(shè)計(jì)中直接體現(xiàn)現(xiàn)出來(lái)。

二、完善界面整體格局

結(jié)合格式塔理論完善界面設(shè)計(jì)的整體格局，能夠提升購(gòu)物APP界面的視覺設(shè)計(jì)效果，增強(qiáng)界面的藝術(shù)張力以及審美表現(xiàn)力，提升用戶體驗(yàn)感。

（一）注重界面節(jié)奏與韻律

一般情況下，我們所指的韻律與節(jié)奏是運(yùn)動(dòng)中的事物所特有的一種規(guī)律形式。在構(gòu)成設(shè)計(jì)上用來(lái)描述某一視覺元素多次且連續(xù)所產(chǎn)生的動(dòng)感。將節(jié)奏與韻律運(yùn)用到購(gòu)物APP的視覺設(shè)計(jì)上，合理安排界面中的色彩、圖形、方向等因素的變化規(guī)律，并結(jié)合格式塔理論原則中的接近性原則與相似性原則，在界面中尋找適合的界面設(shè)計(jì)規(guī)律，為界面整體的版式營(yíng)造舒適的心理感受。

（二）合理利用對(duì)稱與平衡

當(dāng)界面運(yùn)用對(duì)稱的設(shè)計(jì)形式能夠給人們帶來(lái)心理以及視覺上的和諧、安靜、完整之感。平衡則是可以在變化的布局形式中尋找統(tǒng)一的點(diǎn)。根據(jù)格式塔理論原則中的簡(jiǎn)化對(duì)稱原則，可以將對(duì)稱看作為一個(gè)相對(duì)的概念，如在圖形大小、色彩明度及飽和度、文字疏密大小等方面的對(duì)稱，為避免過于對(duì)稱造成界面呆板，可運(yùn)用平衡尋找界面中的變化，如圖文之間的平衡，滿足用戶在視覺上的平衡感。合理利用對(duì)稱與平衡，既能避免界面過于呆板，又能避免界面設(shè)計(jì)形式過于松散、凌亂。

（三）同時(shí)兼顧對(duì)比與統(tǒng)一

界面設(shè)計(jì)中既需要擁有生動(dòng)靈活的部分，又要擁有一個(gè)能夠和諧統(tǒng)一的整體。對(duì)比指的是界面中多種視覺元素可以有異同性的方面，在畫面中形成視覺上的跳躍感與靈動(dòng)型，也是一種強(qiáng)調(diào)獨(dú)特性的方式。而統(tǒng)一則是用某種方式，最終能夠界面達(dá)成和諧。根據(jù)根是他理論原則中的共同命運(yùn)原則，和諧統(tǒng)一中可以有一定的變化，同時(shí)兼顧對(duì)比與統(tǒng)一的最佳方法，則是界面整體是統(tǒng)一且精簡(jiǎn)的，而內(nèi)容或組合形式是豐富多樣的。二者能夠完美結(jié)合、和諧統(tǒng)一，能夠很好的表現(xiàn)界面設(shè)計(jì)中的藝術(shù)張力。

三、完善界面整體格局

康納德曾在《設(shè)計(jì)心理學(xué)》中提到過，人的認(rèn)知情感分為三個(gè)層次：本能層次，行為層次、反思層次。優(yōu)秀的購(gòu)物APP界面設(shè)計(jì)需要在設(shè)計(jì)過程中能夠?qū)⒂脩舻娜齻€(gè)情感認(rèn)知層次給予理解與尊重。結(jié)合格式塔心理學(xué)將界面視覺設(shè)計(jì)與用戶認(rèn)知情感統(tǒng)一起來(lái)，將界面設(shè)計(jì)中用戶體驗(yàn)的結(jié)構(gòu)模型分為感知、體驗(yàn)、認(rèn)知評(píng)價(jià)三個(gè)維度，因此，購(gòu)物APP界面視覺設(shè)計(jì)要符合三個(gè)用戶認(rèn)知情感原則：易記性、美觀性、情感性。

（1）符合易記性原則

購(gòu)物APP的啟動(dòng)臺(tái)圖標(biāo)會(huì)影響用戶對(duì)其品牌認(rèn)知的第一印象，同時(shí)也是用戶進(jìn)去APP應(yīng)用界面的入口，這個(gè)堪稱“門面”的圖標(biāo)也會(huì)影響到整個(gè)APP界面的設(shè)計(jì)風(fēng)格，并且易記性對(duì)于圖標(biāo)而言，還是提高用戶在軟件商店搜索率或下載率的關(guān)鍵。對(duì)于購(gòu)物APP界面版式設(shè)計(jì)而言，首先，結(jié)合格式塔理論接近性或相似性原則將區(qū)域板塊劃分合理，布局清晰直觀，使得界面能夠簡(jiǎn)明清晰，使用戶對(duì)界面能夠一目了然，并讓界面中的視覺語(yǔ)言元素引導(dǎo)用戶的操作;其次，適當(dāng)?shù)氖褂醚b飾性視覺元素，可將其作為輔助元素使界面的視覺層次分明，但要注意避免裝飾元素的過度使用，從而造成用戶的視覺疲勞，影響用戶的正常操作;最后，將留白設(shè)計(jì)合理運(yùn)用于界面設(shè)計(jì)中，可通過留白來(lái)劃分區(qū)域板塊，適當(dāng)增添留白空間的比例面積，去除界面中的雜質(zhì)，給予用戶視覺整潔感。

（2）符合美觀性原則

購(gòu)物APP應(yīng)用的開發(fā)目的是為了滿足用戶的購(gòu)物需求，雖應(yīng)以內(nèi)容為主，但美觀性作為設(shè)計(jì)藝術(shù)的可視性本質(zhì)，是能夠吸引和影響到用戶的，追求美好的東西是人與生俱來(lái)的本能，美觀的界面能夠使用戶在體驗(yàn)過程中產(chǎn)生賞心悅目的體驗(yàn)，提升整個(gè)產(chǎn)品軟件的檔次品質(zhì)。購(gòu)物APP應(yīng)用所依附的設(shè)備一般是智能手機(jī)或平板電腦，由于屏幕尺寸的局限性，應(yīng)精心設(shè)計(jì)界面中的功能圖標(biāo)，合理安排界面中的各個(gè)視覺元素。同時(shí)，根據(jù)格式塔理論中的視知覺理論以及用戶的使用習(xí)慣，以簡(jiǎn)化對(duì)稱的圓形或圓覺圖形作為圖標(biāo)小配件，或者將劃分區(qū)域的板塊也采用圓角的形式，能夠很好的給用戶帶來(lái)親切感。

（3）符合情感性原則

情感因素能夠刺激用戶對(duì)某個(gè)產(chǎn)品的喜愛或厭惡，強(qiáng)調(diào)用戶情感的培養(yǎng)可有利于增強(qiáng)產(chǎn)品對(duì)用戶的吸引力。在界面設(shè)計(jì)中，色彩、造型、布局都會(huì)影響情感，而色彩的影響尤為突出。界面中的氛圍也可以通過色彩來(lái)傳達(dá)，我們知道在購(gòu)物APP的界面中色彩主要包括的是：主色調(diào)、輔助色以及字體顏色，根據(jù)格式塔理論相似性與接近性的原則，使界面中的色彩統(tǒng)一中又富有變化。在購(gòu)物APP界面視覺設(shè)計(jì)過程中，通過用戶對(duì)色彩的固定思維展開聯(lián)想設(shè)計(jì)，設(shè)計(jì)出符合不同品牌個(gè)性化的色彩搭配，這要求設(shè)計(jì)師使用個(gè)性化思維、逆向思維、多切入點(diǎn)的豐富界面設(shè)計(jì)中的色彩語(yǔ)言，從而充實(shí)界面設(shè)計(jì)中的情感內(nèi)涵。

綜上所述，本文將“格式塔心理學(xué)”理論原則與“界面設(shè)計(jì)”結(jié)合在一起，分析了人們的大腦在接受信息時(shí)的活動(dòng)特點(diǎn)，并以此為出發(fā)點(diǎn)借助格式塔理論原則對(duì)購(gòu)物APP界面設(shè)計(jì)進(jìn)行優(yōu)化，研究移動(dòng)端購(gòu)物應(yīng)用的設(shè)計(jì)策略。

（作者單位：齊魯工業(yè)大學(xué)（山東省科學(xué)院））