第一篇:視覺感受 創新時代 網供稿 網頁設計
視覺感受
韓國游戲頁面欣賞
創新時代網 華人設計第一門戶 http://www.tmdps.cn/
創新時代網 華人設計第一門戶 http://www.tmdps.cn/
創新時代網 華人設計第一門戶 http://www.tmdps.cn/
創新時代網 華人設計第一門戶 http://www.tmdps.cn/
第二篇:新媒體時代下的網頁視覺藝術設計研究
新媒體時代下的網頁視覺藝術設計研究
摘要:以傳統視覺藝術設計為基礎,實現新媒體時代下的網頁視覺藝術設計對網頁的整體藝術性具有重要的意義,也是提高網頁瀏覽量的決定性因素。因此,文章以視覺藝術設計及其內容進為基礎,總結新媒體時代下的網頁視覺藝術設計原則為主體鮮明原則、統一原則、整體原則,并且從版面、文字、色彩3方面提出設計優化建議,以期為我國網頁視覺藝術設計的優化起到拋磚引玉的作用。
關鍵詞:新媒體;網頁視覺藝術;藝術設計
網頁視覺藝術設計的發展是在傳統視覺藝術和互聯網的基礎上實現的新媒?w視覺藝術形式,也是網頁設計工作者需要尊重和注意的內容。網頁作為網絡信息的載體,其在設計的過程中需要以不同的美感和視覺沖擊效果給予網頁瀏覽者直接反饋,進而實現網頁瀏覽量的增加,起到更好的宣傳和引導效果。因此,對新媒體時代下的網頁視覺藝術設計進行研究具有優化我國網頁設計的作用,也是促進我國網頁發展的關鍵內容。
1.網頁視覺藝術設計及其內容
1.1網頁視覺藝術設計
隨著互聯網的逐漸發展,網頁藝術逐漸出現在人們的視野中,在此基礎上逐漸衍生出來網頁視覺藝術設計。其主要是藝術設計的一個分支,以網頁為設計空間或平面,在藝術設計的基礎上對網頁構成的元素實施視覺設計,以達到美觀和功能相結合的一種新型的藝術設計方式。網頁視覺藝術設計的發展和構建是我國互聯網發展的衍生成果,也是我國社會美學和網絡美學發展的關鍵。
1.2網頁視覺藝術設計內容
(1)元素內容。網頁視覺藝術設計內容包含文本、表格、圖像、音樂、背景、動態影像等,其所設計的內容較為繁多,且內容與內容之間的協調性不足。網頁視覺藝術設計中元素內容是構成網頁的基本要素,也是網頁傳遞信息的主要載體。就目前我國網頁視覺藝術設計元素內容上來看,其主要是以文本、背景、圖像和動態影像4種為主要元素。其中音樂、導航、按鈕等屬于功能視覺藝術設計元素內容。以市場發展需求為根本,從內部結構和外部結構入手,組成網頁的每一個元素均可以將其稱之為網頁視覺藝術設計的元素內容范疇中。
(2)版面內容。版面內容主要是以元素內容為根本的網頁主體結構劃分形式,其版面內容中包含廣告版、宣傳版、中心內容版、延伸版等。版面內容是維持網頁整體結構合理性的主要內容。以傳統報紙為例,其中包含廣告信息版面、新聞信息版面、招聘版面、房地產版面等,還包括頭版頭條、末版等內容。網頁作為新媒體下互聯網中報紙,其在版面內容上的合理設計是保障網頁效果和瀏覽數量的關鍵。因此,網頁版面的設計也是網頁視覺藝術設計的主要內容之一。
2.新媒體時代下網頁視覺藝術設計的原則
2.1主體鮮明原則
在新媒體時代下網頁視覺藝術設計必須始終堅持主體鮮明原則。網頁作為互聯網發展中重要的組成部分之一,其必須具備主體鮮明的特點。因此,在設計的過程中需要從視覺藝術設計效果的角度出發,設計鮮明主體的網頁效果。網頁設計作為藝術設計范疇中的一部分,其在設計的過程中應該堅持藝術設計原則,以突出的視覺感官刺激觀看者的感官,從心理、生理、邏輯等角度完成網頁元素的運用,凸顯鮮明的色彩標準,實現網頁的訴求效果,向觀看者不斷傳達各種需求功能。因此,在新媒體時代背景下隨著人們心理訴求和企業心理訴求的逐漸增加,網頁視覺藝術必須充分發揮藝術設計的原則,以網頁主體鮮明的視覺藝術設計為根本,實現網頁的美學和功能學結合。
2.2統一原則
統一原則是指在新媒體時代下網頁視覺藝術設計必須從內容和形式上完成設計的視覺性統一,這樣才能夠是網頁內的設計要素以穩定的形式存在設計的主體內容中。統一性原則的建立是在藝術設計協調性的基礎上,拓展其協調內容為網頁內容和網頁形式,繼而形成網頁視覺藝術設計內容和形式協調統一的原則。網頁作為網絡內容表達的基本,其在形式需求的表達上應該具備“特立獨行”性,在其內容上需要具備“個性化”,“獨”與“個”的差異性使得一部分網頁設計者在網頁設計的過程中從產生過分側重某一方面的內容,而最終使得整個網頁的視覺藝術效果不夠明顯。因此,在實施網頁視覺藝術設計的過程中必須在其“獨”和“個”的基礎上完后內容和形式的整體容易,這樣才能夠設計出既滿足內容需求,又滿足宣傳需求和表達需求的網頁。因此,以統一原則為根本是新媒體時代下網頁視覺藝術設計所堅持的主要原則之一。
2.3整體原則
網頁是新媒體時代的信息傳播的載體,其是繼報紙、電視之后的另一個大型的信息宣傳和承載體。因此,在其網頁設計的過程中需要保障其內容、主體、意識的整體性,進而滿足企業需求和消費者需求,實現需求的多向性滿足。因此,整體原則的創建時新媒體下網頁視覺藝術設計的關鍵點,也是其設計過程中需要從組織、結構、元素等方面注意的一點。網頁設計作為藝術設計的一種其不僅具備藝術設計的美感需求,還必須具備網頁的功能需求,因此未來達到二者之間的統一發展,就要求網頁視覺藝術設計從整體性的角度出發,實現網頁內部信息和外部主題的一致性,進而從版面劃分、色彩搭配、風格形成、信息主次等角度實現精確的組織結構定位,完成網頁整體性劃分。因此,可以說整體原則是新媒體時代下的網頁視覺藝術設計中所必須遵守的基本原則之一,也是保障網頁視覺藝術設計合理性的主要因素之一。
3.新媒體下網頁視覺藝術設計應用優化
3.1版面優化
為進一步優化新媒體下網頁視覺藝術設計應用,從其版面上對其進行視覺藝術設計優化。網頁版面的分配需要從空間和內容主次上達到一致性和錯落性。這要求設計者在實施版面視覺設計的過程中不僅要從瀏覽者的直觀視覺圖案上入手,還需要從網頁自身角度入手對其進行版面的設計和優化。
首先,從版面點線劃分的結構入手,以不同情感層次的劃分,實現規律、不規律性的版面分散,在以分散點為基礎,實現視覺的整體效果融合,形成版面劃分銜接一體化的網頁視覺效果。
其次,在網頁版面視覺藝術設計的過程中版塊與版塊之間的銜接一般是以線條的形式,因此在線條銜接的過程中必須實現版塊線條銜接的完整性和流暢性,降低銜接違和感,這樣才能夠滿足瀏覽者的視覺效果,實現新媒體下網頁視覺藝術版面設計的優化,使得網頁版面設計更加人性化。
3.2文字優化
文字是網頁中最關鍵的一部分,也是最多的一部分,在實施網頁視覺藝術設計的過程中為了實現文字優化需要從文字的內容、文字的側重點、文字的情感等角度出發,從而實現文字與版面、色彩的融合。
首先,在網頁視覺藝術文字設計優化的過程中就文字的編排主次對其進行劃分,從而實現功能的自動排版和功能的順序規劃。例如,以招聘頁面為例,其在文字的視覺效果設計方面需要從瀏覽者的需求角度出發,根據文字的主次結構實施整體布局,既不顯得文字突兀,又能夠實現招聘單位的宣傳效果。
其次,在網頁視覺藝術文字設計優化的過程中文字在一定程度上代表著網頁的形象,文字也是網頁與瀏覽者交流的載體。因此,在文字視覺藝術設計的過程中應該側重文字的情感劃分和心感溝通為基礎,以引發瀏覽者的情感共鳴為視覺藝術設計的側重點,實現網站文字的情感性宣傳和處理,優化我國新媒體時代下的網頁視覺藝術設計水平。
3.3色彩優化
色彩是人們主觀意識的第一接觸體,也是直接影響視覺沖擊的因素。因此,在網頁視覺藝術設計的過程中需要對其不同色彩之間的搭配進行優化處理,進而實現色彩共鳴的效果。
首先,在網頁色彩設計的過程中視覺藝術設計者必須根據網頁可能出現的瀏覽者進行情感預測和心理劃分,是以大氣的色彩,還是以活潑的色彩為基調實現整個網頁色彩視覺的設計。例如,相親網頁需要以浪漫色彩為主情調,法律網頁需要以莊重為主色彩,幽默笑話網頁需要以幽默色彩為主色彩。以不同色彩主體的判定,協調色彩與瀏覽者之間的情感溝通,達到網?視覺色彩藝術設計優化。
其次,在網頁色彩視覺設計的過程中設計者可以利用色彩的生命力吸引瀏覽者的實現。例如,對于重點信息或版塊可以采用突出色彩,如紅色、黑色、黃色等鮮明的色彩突出原則,實現整個網頁色彩視覺效果意識,在融合色彩的同時避免色彩矛盾,完成色彩協調構建。
4.結語
通過本文中對新媒體時代下的網頁視覺藝術設計研究得出當前新媒體時代下的網頁視覺藝術設計必須遵循主體色彩鮮明原則、統一原則和整體原則,進而從版面、文字、色彩3方面內容上對網頁實施視覺藝術設計優化,使網頁具有整體性、藝術性,充分發揮網頁在互聯網中的作用。
第三篇:論網頁設計中的視覺傳達范文
論網頁設計中的視覺傳達
摘要:通過對網頁設計中信息的傳達與審美需求,分析其各種視覺構成要素,如:文字、圖片、顏色等,結合人們在瀏覽信息時的視覺習慣,探討網頁視覺信息如何更有效、更為合理的表現與傳達。
關鍵詞:網頁設計;構成要素;視覺傳達;審美需求
近年來,隨著計算機技術的迅猛發展和人們生活水平的不斷提高,互聯網越來越廣泛的深入到人們的日常生活、工作當中。與此同時,信息傳播業也面臨著一場深刻的變革。互聯網代表著一種嶄新的信息交流方式,它使信息的傳播突破了傳統的政治、經濟、地域及文化的阻隔,使信息傳達的范圍、速度與效率都產生了質的飛躍。互聯網絡作為一種全新的大眾傳媒,具有迅捷、及時、價廉、交互性好、傳播面廣的特點,為視覺傳達設計的傳播提供了良好的條件。視覺傳達設計以大眾傳媒為載體,兩者之間具有緊密的聯系。同時,基于互聯網絡傳播的視覺傳達設計又會受到互聯網技術的制約,新工具、新媒體的發明和出現,對于設計來說,有著不言自明的重要意義。網頁設計中的視覺規律
由于網頁風格的不同,人們在瀏覽網頁的同時會產生不同的視覺和心理感受,這種感受大部分來源于網頁頁面的視覺傳達,為了使網頁獲得最大的視覺傳達功能,使網絡真正成為可讀性強的媒體,設計師在進行網頁設計時必須考慮到人們視覺流向的心理和生理特點,由此確定各種視覺構成元素之間的關系和秩序。因此,設計時應該研究各種視覺造型元素之間的關系,如距離、位置、面積等問題。
視覺規律的形成是由人類的視覺特性所決定的。瀏覽者的閱讀行為在瀏覽不同性質的網站和肩負不同的閱讀任務時候都表現出基本上恒定的習慣,首先是水平運動,常常是掃過網頁內容的最上半部分,因此,上部和中上部被稱為“最佳視域”,也就是最優選的地方。然后,向下移,瀏覽下面區域。最后,從網頁左邊的部分進行垂直掃描。
在網頁設計中,靈活而合理地運用視覺流程和最佳視域,組織好自然流暢的視覺導向,直接影響網頁傳播的準確性與有效性。所以,在網頁設計中,既要立足信息的傳達,又要符合人們的視覺和思維習慣,設計網頁時注意各種信息要素的合理分布,使各類信息要素的位置、間隙、大小保持一定的節奏感和美感。網頁設計中的審美需求
人們對美的追求是不斷深入的,網頁設計同樣如此。網頁不光是把各種東西放上去,能看就行,更要考慮如何使受眾能更好地和更有效率地接收網頁上的信息。這就需要從審美的方面入手,制作出清晰、整體性好的頁面,使人瀏覽起來產生愉悅感,更容易接受信息。在網頁設計中,更多的是追求平面視覺傳達效果,將各種元素有效的結合,這種結合要遵循一定的原則,如我們經常所說的變化統一、條理與反復、對比和調和、均齊與平衡等,以及對網頁中文字、圖形、色彩的設計。
2.1網頁的內容與形式的表現必須統一和具有秩序
形式表現必須服從內容要求,當我們把大量的信息放到網頁上去的時候,既要考慮整體感,又要注重細節的編排。這就要求設計師清晰的思考內容與形式如何最佳的結合,如何使頁面看起來既整體,又豐富。
2.2突出主題要素
每個網頁都應有明確的主題,并按照視覺心理規律和形式將主題主動地傳達給觀賞者,使
主題在適當的環境里被人們即時地理解和接受。
作為主題要素,必須注意編排的位置,使其成為人們瀏覽時的視覺焦點,從而產生深刻的印象。如果沒有這個主題要素,瀏覽者的視線將會無所適從,或者導致視線流動偏離設計的初衷。網頁設計中各構成要素在組合時,要注意其結構的輕重大小、虛實、多少等對比因素,加強視覺力度,以強化頁面的整體吸引力。網頁中的各構成要素
3.1風格定位
對于設計某個網站來說,要做的第一步工作就是確定網站整體的風格,不同的網站需要有不同的風格,其風格要與主題內容相統一。目前,網頁的種類很多,較為常見的有:新聞機構類、政府機關類、科教文化類、娛樂藝術類、電子商務類、個性化網頁類。這些不同性質的網頁應體現不同的風格,比如,娛樂類網頁風格應體現活潑生動一些,政府機關類網頁應體現出比較莊重、嚴肅的感覺。在統一的風格頁面中,添加圖片、文字、動畫等元素,來豐富頁面內容,在添加這些元素的過程中也要注意色調的統一,這就需要設計師具備良好的美術修養。
3.2版面排版
網頁的版式設計同報刊雜志等平面媒體的版式設計有很多共同之處,它在網頁的藝術設計中占據著重要的地位。但網頁的排版與書籍雜志的排版又有很多差異。印刷品都有固定的規格尺寸,網頁則不然,它的尺寸是由讀者來控制的。這使網頁設計者不能精確控制頁面上每個元素的尺寸和位置。而且,網頁的組織結構不像印刷品那樣為線性組合,這給網頁的版式設計帶來了一定的難度。當我們確定了網頁總體風格之后,我們要根據現有的圖片、文字等素材進行頁面劃分,文字作為最原始、最有力的信息傳遞方式,在網頁設計中也是至關重要的。
3.3色彩的運用
在網頁設計中,好的色彩搭配是網頁設計成功的一半。在一個色彩搭配具備專業水平的網站,即使只使用很少的圖形,仍會帶給瀏覽者深刻的印象和舒適的視覺感受。一般來說,色彩,在一個頁面不應超過三個,其中擇一為主色調;應恰當使用顏色蘊含的文化心理信息。色彩的運用遵循“總體協調,局部對比”的原則,也就是主頁的整體色彩應該是和諧統一的,只有局部運用一些強烈的色彩對比。
不同網頁的主題可以用不同的色彩來表現。以下為幾種常用色系:
(1)藍色,是商業宣傳用色,能使網頁顯得非常有專業水準。體現出一種專業和正式氛圍。藍色往往也被用為嚴肅莊重的場合,體現出一種凝重和肅穆。(2)綠色,是自然色,給人以清新自然的感覺,可以大大舒緩視覺上的壓力。綠色可以用于與環保相關的主題,如旅游風景區網站。(3)紅色,是比較熱烈的顏色,會使網頁變得生機勃勃。紅色也是運動的色彩,有很強的視覺感染力和號召力。(4)黃色系也是宣傳色系中的一種。黃色給人輕松隨意的生活氣息,能夠體現出一種友善和多維的效果。同時,黃色又是一種非常鮮明的色彩,它可以與許多種顏色搭配起來使用。
此外,我們還可以適當的運用一些黑、白、灰的顏色搭配使用,可以產生意想不到的效果。一個頁面中盡量不要超過4種色彩,色彩太多找不到主題色,會顯得沒有主次,令人眼花繚亂。再者,需要注意的是文字的顏色與背景顏色的區分,對比太強或太弱都會影響瀏覽者的閱讀。
除了以上論述的幾種要素,還有頁面的布局、框架的構成等也屬于網頁的構成要素。網頁作為一種新的視覺表現形式,它的發展雖然沒有多長時間,但它兼容了傳統平面設計的特征,又具備其所沒有的優勢,成為今后信息交流的一個非常有效的途徑。作為一種綜合性的設計,這就要求設計師具備全面的專業素質,懂得如何處理好內容與形式的關系,如何設計出讓瀏覽者過目不忘的優秀網頁,使人產生美的共鳴。
參考文獻
[1]魯道夫·阿恩海姆.藝術與視知覺(新編)[M].長沙:湖南美術出版社,2008.[2]薛紅艷.設計的視覺語言[M].北京:化學工業出版社,2006
[3]黃海燕、張輝.網頁設計和平面設計[J].包裝工程,2004(1).[4]袁璐.論網頁藝術設計的人性化[J].武漢科技學院學報,2005(11).[5]蘇玉蒼.網頁視覺藝術的探討[J].甘肅科技,2005(3).
第四篇:小議網頁設計的視覺傳達論文
一、文字
對于網頁設計來說,字體構成的基本要求是易讀性和可讀性。易讀性是指文字的清晰表達。可讀性是指對于頁面整體上的可視性,涉及到文字設計、單詞間距、行列長度和間距,以及段落間距等方面的處理。可讀行和易讀性對于文字在媒體上發揮作用是非常重要的。一方面,因為文字的屏幕顯示沒有紙張印刷的易讀性強。而且用戶通常在普通頁面的視覺停留時間很短。因此,文字形態構成極大地影響了版面的閱讀效果。所以,頁面中的文字設計應符合以下幾點要求:(1)由于不同的計算機、操作系統所安裝的字體是不一樣的,所以必須選取一些常規的、用戶電腦上不會缺省的字體,否則他們的系統就可能默認一種字體,這將使得頁面看起來和設計者的期望相去甚遠。(2)屏幕的顯示對字體也有一定影響。我們多采用黑體和宋體這兩種常用字體。從視覺角度來說,宋體閱讀起來最省力,不易造成視覺疲勞,具有很好的易讀性和識別性。而黑體不僅莊重醒目,而且極富現代感。但需要注意的是因其形體粗壯,在較小字體級數時易模糊而造成不易識別。(3)雖然不同的字體和字體屬性(比如粗體、斜體、顏色、大小等)能有助于人們區分標題和信息的相對重要性。但一個頁面中字體風格的數量應當有所限制,因為當所有都被強調的時候,就沒有任何東西可以突出了。頁面中的文字設計看似是一個很細小的方面,但實際上它潛移默化地影響網頁的視覺效果,蘊藏著巨大的價值。中國人說“察言觀色”,我想“言語”的表達對于中國用戶的觸動應該會更加的明顯。
二、色彩
借助于色彩的不同處理,使網站易于被人們認知識別,有助于創造有個性的網站形象,從而起到強化信息記憶,使網站形象固定化的作用。此外,美妙的色彩組合所創造的完美境界能夠產生強烈的視覺沖擊力和藝術感染力,能引起人們觀感之外的聯想。網頁頁面中的色彩運用,主要體現在主色、輔色和背景色三方面。面積最大的色彩為頁面的主色調,它是貫穿網站中所有的頁面的主要顏色。主色調好似樂曲的主旋律,在創造特定的氣氛與意境上發揮主導作用。輔色的面積次之,起強調或調和的作用。輔色是網頁色彩設計中動感和活力的來源,還可以因其“節點”的作用使主色在整個畫面中得到連貫。背景色是增加網頁空間感的重要手段。例如,灰暗的背景色產生后退感,鮮明的主色產生前進感,因而形成清晰的前后空間關系。當然具體運用中,只有對不同功能的色彩進行綜合運用和和諧構建,才能夠產生良好的視覺效果,產生愉悅的用戶體驗。
三、頁面布局
頁面結構對表現網站的風格具有十分重要的作用。網頁頁面由網站名稱,Logo,導航欄,搜索欄和圖形、文字等要素構成。對其進行結構設計,主要體現在對實空間與虛空間的靈活掌握。頁面的實空間包括文字、圖片、符號、以及點、線、面等視覺元素所占有的空間;虛空間是指那些實空間以外的空白部分,空白不一定是“白”,它也可以是與背景色作用相同的表示“虛”的空間設定。設計師根據信息傳達的需要,將不同含義的視覺元素按照一定的設計法則對版面進行組合、編排,構成有機的實體空間,能夠表現統一和諧的視覺效果。而網頁界面中的虛空間,則以虛托實、以無襯有,使用戶體驗獲得更佳的視覺印象。比如在用戶瀏覽過程中,頁面上被優先注意到的文字總是那些周邊有空白的文字,這就是視覺的邊際效應在虛空間的一個體現。此外,實空間與虛空間的和諧運用,還能夠形成界面空間的視覺導向性,從而優化整個網頁界面的形式。
第五篇:基于視覺搜索因素的網頁設計論文
經典的視覺搜索模式是Sternberg于20世紀60年代提出來的,它從短時記憶信息提取方式的研究中得出信息提取匹配的兩個假設:平行掃描(平行加工或平行搜索)和系列掃描(系列加工或系列搜索)。視覺搜索主要包含序列搜索和平行搜索兩種模式。在所呈現的項目集合中,目標刺激和所有的項目同時進行比較,來找到目標刺激,是平行搜索;序列搜索則是把目標刺激和集合中的所有項目一一進行比較,直到找到目標,是系列搜索;Kristjansson和Tse(2001)對平行搜索和系列搜索分類是通過研究說明的,認為在一系列彎曲不連續的圖形中搜索彎曲連續的圖形,叫做系列搜索,反之則叫平行搜索;在一系列橢圓形中搜索圓形叫做系列搜索,反之則叫平行搜索。顯而易見,平行搜索所消耗的認知資源比較少,被測試者反應也比較快,其效率要遠遠高于序列搜索。但是究竟被測試者或者個體選擇或偏好哪種搜索模式,則取決于目標刺激物的特點。一般有規律且等級結構清晰的刺激物能吸引用戶的平行搜索,在網頁信息設計中,盡量使信息的呈現變得有規律,使結構更清晰,或通過給不同的信息添加某種視覺刺激,引起瀏覽者采用平行搜索的視覺模式來獲取信息,提高視覺搜索的效率。
視覺搜索的特性及其影響因素
視覺搜索中,眼跳是其重要的組成部分,是反應視覺信息加工過程的外顯行為。觀察者獲取外界信息的視覺行為一部分會通過眼跳和注視表現出來。視覺搜索過程中的眼跳,分為內源性眼跳和外源性眼跳。內源性眼跳是由個體機體主動發生的眼跳,比如按指導語要求進行的眼跳;外源性眼跳是由外部刺激引起的眼跳,比如由一個新的、奇特的刺激的出現所引起的眼跳。在視覺搜索中引起外源性注意的外部刺激是指刺激物的基本特征,包括顏色、亮度、動態、形狀、大小、方向等。網頁界面中的元素主要影響的是個體的外源性眼跳。視覺搜索的非對稱性現象。若視覺搜索的非對稱性是指在若干個甲類項目(干擾刺激)中找到一個乙類項目(目標刺激),與從同樣的若干個乙類項目(干擾刺激)中找到一個甲類項目(目標刺激),兩者的搜索速度不一樣,且具有顯著差異,出現非對稱現象。而且,當甲乙兩個項目交換干擾刺激和目標刺激的角色時,它們的反應速度還是存在顯著性差異。基于刺激相似性和熟悉性的視覺搜索非對稱性。Duncan和Humphyeys(1989)提出的刺激相似性理論認為,目標物和干擾物以及干擾物和干擾物之間的相似性決定目標搜索。
目標物與干擾物越相似,干擾物與干擾物越不相似,就越容易形成局部對比,進而使目標從干擾物中突顯出來,引起人們的視覺注意和搜索。但是如果目標物和干擾物之間的差異足夠大,例如用兩種很醒目的顏色或者兩種閃動的文字做刺激,那么兩種刺激都會突顯,非對稱將消失。熟悉性很好理解,即閱讀者對刺激材料的熟悉與否。熟悉性可以通過學習改變,與閱讀者的經驗和視覺模式有關,它和相似性一樣是影響視覺搜索的一個因素。有學者認為目標刺激與干擾刺激之間的熟悉與否引起的搜索類型不同,材料之前越熟悉越會引起平行搜索,熟悉的項目激活度小,新穎的不熟悉的項目激活度大。當目標刺激和干擾刺激熟悉度相同,即同為熟悉或新穎,則激活度就沒有差別。由此可知,熟悉性可作為影響視覺搜索的基本特征之一。視覺搜索的位置特征。視覺搜索的位置特征表現為,人在對靜態物體的特征進行加工時,表現出了顏色加工和形狀加工的分離,即視覺系統在對顏色和形狀進行加工時,是獨立的,不存在相互干擾,并表現出了位置的分離。有學者對眼動追蹤技術進行研究發現,當刺激物呈現在邊緣視野時,人們對顏色的搜索目標會有較多的眼跳,表示邊緣視野的顏色加工的目標指向性比較好,而對于形狀搜索時這種目的性則較差。由此說明,人們運用邊緣視野能夠對顏色特征屬性的目標進行較好的加工,而對形狀特征的加工則更多地依賴中央窩來完成。視覺刺激響應,是指人對刺激物的基本物理特征,如圖片、動畫以及顏色搭配等產生的帶有一些較為穩定的具有傾向性的反應,它是影響用戶視覺搜索效率的一個重要因素。就有效信息的搜索而言,有學者研究發現,動態圖像對用戶的信息搜索能力幫助不大;動態信息中的動畫對用戶的信息搜索能力還會有嚴重影響;有時用戶會本能地忽略網站上的圖片;動態圖像會干擾用戶對圍繞在圖像周圍的文字的注意,不利于用戶對含有大量信息的網頁中其它信息的加工,也會導致用戶對網頁的信息加工和信息搜索的時間增加。
基于視覺搜索影響因素的網頁設計
考慮到視覺搜索的特征及其影響因素,并在參閱了之前學者多視覺搜索與網頁設計研究的基礎上,得出以下的設計建議,旨在為網頁的優化設計提供一些指導性意見。
(1)內源性眼跳由瀏覽者自身因素引起,是個體主動發起的,比如個體本身對某些信息感興趣或者個體在指導語的提示下,主動進行的眼跳,它主要與返回抑制與眼運動記憶相關聯。外源性眼跳則是主要與刺激物的基本特征有關,在研究者對引起眼跳的外源性刺激的研究中,從顏色特征到后來的方向、運動、大小、亮度、形狀等目標特征,都會引起較大的眼跳,影響視覺搜索的效果。所有這些目標特征中,顏色特征的影響最大。國內有關研究還發現,在注視時間方面,注視時間由短到長依次是圖畫、中文詞、英文詞;在反應時方面,人的反應時從短到長依次為圖畫、英文詞、中文詞;在眼跳距離方面,眼跳距離從小到大依次是中文、英文、圖畫。有學者對分欄設計的視覺搜索效率的眼動研究發現,1大開本(1/16開本)設計材料在眼跳距離、行內與行間回視次數在閱讀理解指標上均顯著優于小開本(1/32開本)材料一欄、二欄、三欄設計材料,表現為一欄最優。在進行具體的網頁設計時,如果設計的目的傾向于引起讀者的注意,那么首選圖片和動畫,顏色可以選擇鮮艷的能與周圍信息區分開的;如果傾向于信息的獲取或理解,應該首選文字,其次是圖片或視頻,最好不要選擇過多的顏色,會增大眼跳,不利于信息的獲取和理解。此外,和網頁屏幕上呈現的網頁材料相比,人們接觸最多的文本材料更容易引起人的眼疲勞。因此,在有大量文本信息的網頁設計中,為了減少被測試者的疲勞,可以采用大開本的一欄設計以方便瀏覽者的視覺搜索和理解。
(2)在網頁設計中,重要信息和目標信息是需要引起用戶較多關注的。基于相似性的規律,可以盡量減少重點信息和非重點信息;基于目標信息和干擾信息之間的相似性,可以增加重要信息或目標信息的新穎性、誘目性、獨特性,且背景信息盡量簡潔,減少干擾,以使重要信息和目標信息從背景信息群中“脫穎而出”,以此吸引瀏覽者的注意,提高他們的搜索效率;在文字與背景顏色選擇上,最好設置為深色文字,淺色背景;在超鏈接顏色選擇上,最好選用不同的顏色來區分已訪問和未被訪問的鏈接,這樣有利于用戶將兩者區分開來進而搜索還沒有瀏覽的超鏈接,而忽略已經訪問的超鏈接。
(3)有學者研究發現,形狀加工和顏色加工存在中央凹和邊緣視野的分離。視覺的注意選擇中存在這種空間位置效應,注意資源的分配也存在位置效應,當刺激呈現在中央凹視角時,被測試者對任務的反應時較刺激呈現邊緣視角時的反應時變大。據此可以將文字信息置于網頁中心位置,顏色圖形等信息置于網頁的邊緣位置。
(4)視覺刺激效應告訴我們,旨在讓用戶從網站中搜索或獲取信息(例如一些新聞類站),設計者應避免那些會引起強烈刺激的視覺呈現方式,或者過多的信息呈現也會影響用戶的信息搜索能力。如果旨在讓用戶獲得信息,最好不要添加一些動態圖片、動態文字等動態效果強烈而很容易干擾用戶注意力的信息元素,這會干擾用戶對文字信息的搜索。
(5)文章通過眼動實驗對于Web頁面視覺信息搜索行為的研究發現,人們在網頁上進行視覺信息搜索時,更多地注視周邊區域,而對于中心區域的注視較少,呈現視覺搜索的周邊特性。而且,在帶有浮動廣告的網頁上進行視覺信息搜索時,同樣呈現視覺搜索周邊特性。實驗結果表明,從視覺搜索角度來看,在網頁布局時,對于具有超級鏈接性質的標題信息,放置在網頁的周邊區域比放置在網頁中心區域更利于人們的視覺搜索行為。而且,在視覺信息搜索時,人們很少去看浮動廣告,說明浮動廣告的廣告效應并不明顯,應該改變其廣告形式。
結語
筆者在前人研究的基礎上,根據人的信息加工特點和視覺搜索規律,提出了網頁設計的一些意見和建議,旨在通過科學的網頁信息呈現來促進網頁瀏覽者高效地獲取網頁中的有效信息,提高視覺搜索的效率。對于如何使人們高效獲取信息的同時也保證視覺上的舒適性,則是需進一步研究的問題。