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