摘 要：關(guān)于網(wǎng)頁(yè)美感的研究始于可用性研究的延展，但隨著人們對(duì)于其重要性的認(rèn)識(shí)的不斷提升，從設(shè)計(jì)角度出發(fā)的相關(guān)研究正逐漸興起。一方面，現(xiàn)有的研究成果較為有限的同時(shí)，給出的設(shè)計(jì)規(guī)則也較為模糊抽象。因此借鑒其他領(lǐng)域的成熟理論，結(jié)合網(wǎng)絡(luò)界面的特點(diǎn)，尋找出影響網(wǎng)頁(yè)美學(xué)的因素，并總結(jié)歸納出相應(yīng)的設(shè)計(jì)理論顯得十分重要。另一方面，從用戶真實(shí)的瀏覽行為，結(jié)合用戶的感知過程，更有利于影響網(wǎng)頁(yè)美感的視覺因素的發(fā)現(xiàn)。

關(guān)鍵詞：網(wǎng)頁(yè)美感；視覺因素；設(shè)計(jì)

1 研究背景

近年來，大量研究表明，視覺因素對(duì)于產(chǎn)品的用戶接受度有重要影響，由此引發(fā)了網(wǎng)頁(yè)交互設(shè)計(jì)對(duì)于美感體驗(yàn)的重視。例如：Lindgaard和Dudek的研究結(jié)果表明，即使有大半部分的任務(wù)難以完成，用戶仍然對(duì)他們認(rèn)為審美體驗(yàn)較高的網(wǎng)站有較高的評(píng)價(jià)（Lindgaard Dudek， 2002）。Reeves、Nass以及Jung則表示人機(jī)交互本質(zhì)上是一種社會(huì)行為，就如同樣日常溝通交流中，人們會(huì)對(duì)面容姣好的陌生人有所偏愛一樣，選擇網(wǎng)頁(yè)之時(shí)，人們也會(huì)偏愛審美體驗(yàn)較高的網(wǎng)頁(yè)（Hoffmann Krauss，2004）。同時(shí)對(duì)于陌生的網(wǎng)頁(yè)，自打開網(wǎng)頁(yè)之時(shí)起，用戶平均會(huì)在5秒之內(nèi)決定是否繼續(xù)停留在此網(wǎng)頁(yè)進(jìn)行進(jìn)一步的交互與使用。而對(duì)網(wǎng)頁(yè)第一印象的形成更是在50ms內(nèi)便會(huì)形成，且這一印象有較高的穩(wěn)定性（Lindgaard，F(xiàn)ernandes，Dudek， Brown，2006）。進(jìn)一步的實(shí)驗(yàn)結(jié)果更顯示，網(wǎng)頁(yè)未能形成具有吸引力的第一印象主要源于較低的審美體驗(yàn)。因此，想要不斷吸引新的用戶使用網(wǎng)站，就必須在短時(shí)間內(nèi)通過網(wǎng)頁(yè)界面為用戶提供較高的審美體驗(yàn)。

2 國(guó)內(nèi)外研究現(xiàn)狀

（1）網(wǎng)頁(yè)美感：如同美學(xué)的概念自產(chǎn)生以來就與物品的實(shí)用性聯(lián)系在一起一樣，對(duì)網(wǎng)頁(yè)美感的研究同樣是從可用性的角度出發(fā)開始的而非設(shè)計(jì)的角度。Neale及McCombe曾就如何設(shè)計(jì)出可用并且視覺愉悅的網(wǎng)站提出過自己的見解，但重點(diǎn)明顯傾向于功能性及可用性，而非設(shè)計(jì)（Lavie Tractinsky，2004）。Nielsen認(rèn)為對(duì)于網(wǎng)頁(yè)設(shè)計(jì)有兩條基本準(zhǔn)則，一為藝術(shù)展現(xiàn)，即設(shè)計(jì)師的個(gè)人展現(xiàn)；一為功能實(shí)現(xiàn)，即滿足用戶的需求（Nielson，2000）。他認(rèn)為每個(gè)網(wǎng)頁(yè)都有其藝術(shù)性與趣味性的內(nèi)在需求，用戶也同樣希望在瀏覽網(wǎng)頁(yè)時(shí)可以有愉快的體驗(yàn)，但這些的重要性遠(yuǎn)不及網(wǎng)站的功能性重要。因此，人們認(rèn)為清晰及高效才是設(shè)計(jì)網(wǎng)頁(yè)的準(zhǔn)則。

然而隨著研究的深入發(fā)現(xiàn)，用戶所追求的并不僅僅是清晰性。一些實(shí)驗(yàn)結(jié)果頁(yè)顯示美感也是用戶選擇網(wǎng)頁(yè)的重要因素（Schenkman Jnsson，2000）。

Gait最早提出相關(guān)的問題，他認(rèn)為有趣的界面可以更大程度的刺激用戶，并讓用戶保持在興奮與高效的狀態(tài)（Gait，1985）。而在近十幾年中，這類觀點(diǎn)正逐步深入人機(jī)交互領(lǐng)域，近期不斷涌現(xiàn)的相關(guān)研究也體現(xiàn)出人們對(duì)這一曾被忽視的領(lǐng)域的重視。Jordan認(rèn)為在交互過程中，美學(xué)是決定體驗(yàn)愉快與否的關(guān)鍵（Jordan，1998）。對(duì)于多種電腦產(chǎn)品，視覺呈現(xiàn)的質(zhì)量可以影響用戶對(duì)其的態(tài)度（Kurosu Kashimura，1995；Tractinsky，1997；Tractinsky，Katz， Ikar，2000）。較高的視覺美感體驗(yàn)更可以為網(wǎng)站吸引并留住用戶（Heimlich Wang，1999）。Lindgaard和Dudek的研究結(jié)果表明，即使有大半部分的任務(wù)難以完成，用戶仍然對(duì)他們認(rèn)為審美體驗(yàn)較高的網(wǎng)站有較高的評(píng)價(jià)（Lindgaard Dudek，2002）。對(duì)于美與丑，人們每時(shí)每刻都做著或有意識(shí)或無(wú)意識(shí)的判斷與選擇，而這其中大部分的選擇是處于無(wú)意識(shí)層面的，即使是極為“理性”的人在做出選擇時(shí)也很難不受到美學(xué)因素的影響（Karvonen，2000）。因此就如同樣日常溝通交流中，人們會(huì)對(duì)面容姣好的陌生人有所偏愛一樣，Reeves、Nass以及Jung認(rèn)為在選擇網(wǎng)頁(yè)之時(shí)，人們也會(huì)偏愛審美體驗(yàn)較高的網(wǎng)頁(yè)（Hoffmann Krauss，2004）。網(wǎng)頁(yè)視覺美感的重要性因此得到人們的重視。

（2）網(wǎng)頁(yè)美感的影響因素：Zettl認(rèn)為人們審美的過程其實(shí)是人們檢測(cè)一系列視覺元素，并與之互動(dòng)的過程。在這個(gè)過程之中，管著在其所處的視覺環(huán)境之中觀察、闡明、并進(jìn)一步加強(qiáng)對(duì)事物的認(rèn)識(shí)（Payumo et al.， 2008）。因此通過對(duì)視覺元素的合理安排，設(shè)計(jì)者就可以控制觀者所處的視覺環(huán)境，從而掌控觀者的感知和選擇。在與網(wǎng)站交互的過程之中，網(wǎng)頁(yè)就是設(shè)計(jì)師為用戶營(yíng)造的視覺環(huán)境，合理利用所有的視覺元素，掌控用戶的視覺，就可以為用戶提供高質(zhì)量的視覺體驗(yàn)。

Djamasbi的實(shí)驗(yàn)表明，視覺層次可以影響用戶瀏覽網(wǎng)頁(yè)的方式（Djamasbi，Siegel， Tullis，2011）。用戶在瀏覽網(wǎng)頁(yè)時(shí)，視線多集中在網(wǎng)頁(yè)的首個(gè)屏幕尺寸的內(nèi)容之上。同時(shí)，在非任務(wù)引導(dǎo)的瀏覽方式之中，用戶多將視線集中在頁(yè)面的中心；而對(duì)于任務(wù)引導(dǎo)的網(wǎng)頁(yè)，即提供大量信息以幫助用戶達(dá)到特定目標(biāo)的網(wǎng)站，人像的照片可以吸引用戶的注意力，而作為信息入口存在。因此他建議在商業(yè)網(wǎng)站中使用尺寸較大的圖片，尤其是名人的照片，以提高年輕人對(duì)網(wǎng)頁(yè)的評(píng)價(jià)（Djamasbi，Siegel， Tullis，2010）。Klett的研究結(jié)果則顯示，特定的視覺要素及呈現(xiàn)方式，如明亮或飽和度高的元素以及動(dòng)態(tài)的元素和清晰的邊界所等可以引起注意和好奇，從而提高信息被關(guān)注的可能性（Klett，2002）。

相較于以上從信息傳達(dá)效率考慮出發(fā)而得出的視覺因素，不少學(xué)者也從設(shè)計(jì)的角度出發(fā)，提出了自己的見解。Ngo認(rèn)為網(wǎng)頁(yè)美感的因素有十四個(gè)，即：平衡、對(duì)稱、均衡、整體、密度、比例、凝聚力、簡(jiǎn)潔、整齊、經(jīng)濟(jì)、和諧、韻律、秩序（Ngo，Teo， Byrne，2002）。Talia Laivie和Noam Tractinsky則通過對(duì)一系列實(shí)驗(yàn)的結(jié)果進(jìn)行總結(jié)，將影響網(wǎng)頁(yè)審美體驗(yàn)的因素歸為兩類。一類為強(qiáng)調(diào)有秩序及清晰的設(shè)計(jì)的“經(jīng)典美學(xué)因素”；而另一類為關(guān)注網(wǎng)頁(yè)的創(chuàng)造性與獨(dú)特性的“表現(xiàn)美學(xué)因素”（Lavie Tractinsky，2004）。而視覺的清晰性和豐富性也同樣被認(rèn)為是影響用戶審美體驗(yàn)的重要因素。視覺上簡(jiǎn)潔的網(wǎng)頁(yè)也更易為用戶帶來美的體驗(yàn)（Michailidou，Harper， Bechhofer，2008）。

雖然對(duì)于影響網(wǎng)頁(yè)美學(xué)因素的研究已然興起，但或仍偏重于界面效能，或過于模糊，難于遵循。在對(duì)網(wǎng)頁(yè)美學(xué)重要性不斷提到的同時(shí)，人們對(duì)于更為清晰并較易遵循的設(shè)計(jì)原則的需求在不斷增加。參考如繪畫、建筑等其他領(lǐng)域的成熟理論，結(jié)合網(wǎng)絡(luò)界面的特點(diǎn)，尋找出影響網(wǎng)頁(yè)美學(xué)的因素，并總結(jié)歸納出相應(yīng)的設(shè)計(jì)理論顯得十分重要。

（3）相關(guān)研究方法：一些學(xué)者站在美是由客觀因素決定的基礎(chǔ)之上，希望通過實(shí)驗(yàn)來驗(yàn)證某單一元素或形式對(duì)觀者行為的影響，以尋求美的普遍規(guī)律。這類實(shí)驗(yàn)出現(xiàn)于19世紀(jì)，以較為科學(xué)理性的方式分析影響美的因素（Lavie Tractinsky，2004）。其中Berlyne的理論對(duì)此類研究頗具影響，即認(rèn)為只有將元素割裂，逐一的進(jìn)行控制，并對(duì)其對(duì)觀者的影響進(jìn)行獨(dú)立的學(xué)習(xí)才可以真正理解美感是如何形成的。他認(rèn)為每個(gè)元素的最終美感表現(xiàn)與其喚醒潛質(zhì)之前成倒U型曲線對(duì)應(yīng)關(guān)系（Berlyne，1974）。然而隨著研究的深入，人們逐漸認(rèn)識(shí)到將對(duì)象作為整體認(rèn)知或許比割裂地看待事物的單一特性更為有意義。Arnheim等人也認(rèn)為各項(xiàng)因素共同作用所形成的平衡比單個(gè)因素對(duì)整體美感的影響更大（Lavie Tractinsky，2004）。

因此有些學(xué)者另辟蹊徑，將被評(píng)價(jià)的作品作為一個(gè)整體的同時(shí)，嘗試從更高的層面探尋并歸納影響人們對(duì)美的感知的因素。這類研究相較于作品中各因素的客觀特征而言，更關(guān)注于人們的感知過程?；赑ickford的研究，Hussain將美感的感知過程分為三個(gè)階段：第一階段為“情感評(píng)價(jià)”，即由刺激物帶來的第一直觀印象；第二階段為“感知評(píng)價(jià)”，包括對(duì)刺激物細(xì)節(jié)及特性的整體感知；第三階段為“美學(xué)評(píng)價(jià)”，即綜合前兩階段的評(píng)價(jià)所得出的整體評(píng)價(jià)（Lavie Tractinsky，2004）。

鑒于現(xiàn)代美學(xué)理論，美的感知同時(shí)受刺激物客觀屬性及觀者主觀的雙重影響，兩種研究方法對(duì)于進(jìn)一步探究網(wǎng)頁(yè)的美感均有幫助。然而對(duì)于基于網(wǎng)頁(yè)美感的研究目前多集中在對(duì)客觀因素的研究上，鮮有將主觀感知過程考慮在內(nèi)的。在諸如眼動(dòng)儀等現(xiàn)代儀器及技術(shù)快速發(fā)展的今天，借用相關(guān)技術(shù)，以用戶真實(shí)的瀏覽行為為依據(jù)，以其主管感知為指導(dǎo)，將會(huì)為此類研究帶來更多發(fā)現(xiàn)。

3 總結(jié)

本文通過對(duì)相關(guān)文獻(xiàn)的整理總結(jié)發(fā)現(xiàn)，相較于貫穿于人類始終的對(duì)于美學(xué)的探究，對(duì)于網(wǎng)頁(yè)美學(xué)的研究?jī)H有短短十幾年的歷史。此類研究始于可用性研究的延展，但隨著人們對(duì)于其重要性的認(rèn)識(shí)的不斷提升，從設(shè)計(jì)角度出發(fā)的相關(guān)研究正逐漸興起。現(xiàn)有的研究成果較為有限的同時(shí)，給出的設(shè)計(jì)規(guī)則也較為模糊抽象。因此借鑒其他領(lǐng)域的成熟理論，結(jié)合網(wǎng)絡(luò)界面的特點(diǎn)，尋找出影響網(wǎng)頁(yè)美學(xué)的因素，并總結(jié)歸納出相應(yīng)的設(shè)計(jì)理論顯得十分重要。

同時(shí)，鑒于現(xiàn)代“美的感知同時(shí)受刺激物客觀屬性及觀者主觀的雙重影響”的美學(xué)理論，以用戶的真實(shí)瀏覽行為及感知過程為依據(jù)，相較于對(duì)網(wǎng)頁(yè)上所呈現(xiàn)的視覺因素，分析用戶所感知的視覺因素將會(huì)為相關(guān)領(lǐng)域的研究帶來更多的發(fā)現(xiàn)。

參考文獻(xiàn)：

[1] Berlyne，Daniel E.（1974）.Studies in the new experimental aesthetics：Hemisphere Publishing Corporation.

[2] Djamasbi， Soussan， Siegel， Marisa， Tullis， Tom. （2010）. Generation Y， web design， and eye tracking. International Journal of HumanComputer Studies， 68（5）， 307323.

[3] Djamasbi， Soussan， Siegel， Marisa， Tullis， Tom. （2011）. Visual hierarchy and viewing behavior： An eye tracking study HumanComputer Interaction. Design and Development Approaches （pp. 331340）： Springer.

[4] Gait， Jason. （1985）. An aspect of aesthetics in humancomputer communications： pretty windows. Software Engineering， IEEE Transactions on（8）， 714717.

[5] Heimlich， Joe E， Wang， Katy. （1999）. Evaluating the structure of web sites.

[6] Hoffmann， Ralf， Krauss， Kirstin. （2004）. A critical evaluation of literature on visual aesthetics for the web. Paper presented at the Proceedings of the 2004 annual research conference of the South African institute of computer scientists and information technologists on IT research in developing countries.

[7] Jordan， Patrick W. （1998）. Human factors for pleasure in product use. Applied ergonomics， 29（1）， 2533.