本站小編為你精心準(zhǔn)備了網(wǎng)頁設(shè)計(jì)中的視覺節(jié)省研習(xí)參考范文，愿這些范文能點(diǎn)燃您思維的火花，激發(fā)您的寫作靈感。歡迎深入閱讀并收藏。

1網(wǎng)頁設(shè)計(jì)中視覺節(jié)省的實(shí)際應(yīng)用

1．1文字設(shè)計(jì)中的視覺節(jié)省

目前網(wǎng)頁設(shè)計(jì)的主體是以文字信息傳達(dá)為主要手段。作為網(wǎng)頁主要信息描述中必不可少的元素，網(wǎng)頁文字占據(jù)了主要面積，文字表達(dá)的好與壞，將直接影響到整個(gè)網(wǎng)頁的質(zhì)量。筆者嘗試通過Photo－shop對幾個(gè)網(wǎng)站首頁的設(shè)計(jì)，分析視覺節(jié)省在網(wǎng)頁設(shè)計(jì)中的實(shí)際運(yùn)用。見圖2，DISAPPEAR網(wǎng)站首頁設(shè)計(jì)對比圖。這是DISAPPEAR網(wǎng)站首頁設(shè)計(jì)，該設(shè)計(jì)以單純、簡潔的形式展現(xiàn)網(wǎng)站的設(shè)計(jì)的統(tǒng)一性。網(wǎng)站沒有使用告訴介紹之類的繁復(fù)文字，而是使用了簡潔明了的文字配以圖形化來處理整個(gè)頁面。這個(gè)版面中最醒目的就是被遮掉下半部分的文字，用Photo－shop把被遮掉的半邊文字重新展現(xiàn)出原貌，就是B1圖片的圖形效果。比較一下A1和B1兩個(gè)版本展現(xiàn)的視覺效果有什么不同？不難發(fā)現(xiàn)完全可以用前面談到的視覺節(jié)省原理中“多余度”來分析。如A1圖片是一個(gè)文字被遮住一半的網(wǎng)頁設(shè)計(jì)，但是不難發(fā)現(xiàn)，大家都會(huì)認(rèn)出被遮掉一半的文字。這是因?yàn)樵陂喿x時(shí)受眾的眼睛飛快的移動(dòng)著，以吸取整個(gè)網(wǎng)頁說明的意義。在“跟”著設(shè)計(jì)者的同時(shí)，還在進(jìn)行著許多猜測和預(yù)期。受眾是生活在一個(gè)熟悉的環(huán)境中，看到被遮掉一半的文字，不難猜測出是“1998”，就像通常認(rèn)為光是從上面照下來的，平靜的水域是平面的一樣，見到的事物總是與預(yù)期的相符，這樣的預(yù)期大大減少需要特別注意的信息量，從而節(jié)省視覺活動(dòng)。而從審美的角度來看B1圖片，文字被還原成整體展示在網(wǎng)頁中很刺眼呆板，而A1圖片的處理就顯得巧妙而含蓄，整個(gè)的視覺效果也整體舒緩些。因此在網(wǎng)頁設(shè)計(jì)中要達(dá)到這種各種信息的有效傳達(dá)，網(wǎng)頁中的文字設(shè)計(jì)，其風(fēng)格要與內(nèi)容特性相吻合，要服從信息內(nèi)容的性質(zhì)及特點(diǎn)的要求，不能相互沖突，并脫離實(shí)際。可充分利用視覺節(jié)省的“多余度”的原理調(diào)動(dòng)受眾的注意度，減少對不必要信息的篩查與檢索從而達(dá)到視覺節(jié)省的目的。

1．2圖形設(shè)計(jì)中的視覺節(jié)省

圖片在網(wǎng)絡(luò)傳播中占有很大的比重，視覺沖擊力比文字強(qiáng)85％，在視覺傳達(dá)上能輔助文字，幫助理解，更可以使網(wǎng)頁布局立體、真實(shí)。見圖3，A2圖片是SWATCH手表的一個(gè)網(wǎng)站設(shè)計(jì)，它主要以年輕男女為消費(fèi)對象，所以選用了顏色非常鮮艷的圖片來展現(xiàn)青春的活力四射。該網(wǎng)頁是由四張圖片為主要視覺元素來構(gòu)成，筆者依照原網(wǎng)頁設(shè)計(jì)中圖片擺放的位置，用Photoshop把每張圖片都還原成同一明度的色彩全部展現(xiàn)出來（即B2圖片所示），比較一下前后的視覺差別。先看A2圖片，設(shè)計(jì)者把圖片中三張做了降低明度的模糊處理，只留下中間一張保持原色彩明度。受眾在瀏覽過程中視線始終停留最多的只是在中間色彩明度高的圖片上。再看B2圖片，在圖中四張圖片都沒做降低明度的模糊處理，在瀏覽過程中視線在四張圖片上來回不定選擇停留。

圖3SWATCH手表網(wǎng)站頁面圖片（A2為原圖，B2為對比圖）從中不難看出，A2圖片讓人的視覺活動(dòng)有節(jié)省的傾向，也體現(xiàn)了視覺節(jié)省發(fā)生的原因之一———清晰度的消失原理。清晰度的消失原理提出相同或類似的元素可以以一個(gè)或一種作為視覺的焦點(diǎn)加以關(guān)注，其他部分可以抽象或模糊處理，從而達(dá)到視覺節(jié)省活動(dòng)的目的。這種觀念的提出同樣使設(shè)計(jì)師在處理視覺元素的過程中也受到啟發(fā)，A2圖中以中間一張色彩高明度的圖片作為整個(gè)網(wǎng)頁中的視覺焦點(diǎn)，而其他三張都作模糊處理，受眾的視線始終最后停留在視覺焦點(diǎn)上，從而大大節(jié)省了瀏覽者的視覺注意力。

視覺焦點(diǎn)的合理應(yīng)用能使圖片由平淡的事物變成強(qiáng)而有力的訴求性畫面，形成獨(dú)特的性格成為吸引視覺的重要素材。并能加倍地放大它所提供的信息量。對于重要信息來說，受眾對圖片的關(guān)注遠(yuǎn)遠(yuǎn)超過單純的文字。圖片的位置、方向面積、數(shù)量等直接關(guān)系到網(wǎng)頁的有效視覺傳達(dá)。如何運(yùn)用圖片在網(wǎng)頁設(shè)計(jì)中產(chǎn)生明快、簡潔的造型語言，給人帶來清晰、醒目的視覺效果，還需要不斷的探索，視覺節(jié)省的有效應(yīng)用就是很好的探索方向。

1．3色彩設(shè)計(jì)中的視覺節(jié)省

在網(wǎng)頁視覺傳達(dá)設(shè)計(jì)中，盡管文字、圖形是信息的只要載體，但視覺沖擊力最強(qiáng)的要數(shù)色彩。色彩是第一性的。網(wǎng)站的個(gè)性化特征也是有色彩感知的，色彩是影響視覺感受最直觀的因素。受眾在瀏覽網(wǎng)頁時(shí)，首先注重頁面的色彩設(shè)計(jì)，它直接影響閱讀者的觀賞興趣和態(tài)度。見圖4，A3圖片是ARTSEENSOHO的網(wǎng)站，此網(wǎng)站的目的是介紹位于美國紐約的藝術(shù)之城，有來自于世界各地的年輕藝術(shù)家，經(jīng)紀(jì)人以及大大小小的畫廊。此網(wǎng)站設(shè)計(jì)比較簡潔，色彩鮮明，極富藝術(shù)氣息。

A3圖片的網(wǎng)頁主要以為整個(gè)設(shè)計(jì)主色調(diào)，可是設(shè)計(jì)者突然以一幅黑白建筑大樓的照片貫穿于整個(gè)頁面中心，打斷了本來橘黃色的主基調(diào)，使視覺效果十分醒目，瀏覽者的視線被黑白建筑大樓的照片牢牢栓住。筆者試著用Photoshop圖象菜單／調(diào)整／變化命令將A3圖的黑白建筑大樓的照片做上橘黃色（如B3圖片所示），此時(shí)明顯的變色后B3圖片沒有A3圖片醒目。因此根據(jù)顯著點(diǎn)的中斷原理，整齊或規(guī)則程度上的任何變化都將引起注意，不管是結(jié)構(gòu)密度上的間斷，成分排列方向上的間斷，還是其它無數(shù)種引人注目的間斷，都會(huì)使受眾節(jié)省視覺活動(dòng)。該案例采用了顏色上的間斷，使瀏覽者節(jié)省了視覺活動(dòng)。圖5是e百萬格子網(wǎng)。

e百萬首頁上共有一萬個(gè)格子，每一個(gè)格子售價(jià)是100元，100×10000就是一百萬了。e－baiwan．com只有1個(gè)首頁＋28個(gè)分類子頁。每個(gè)頁面只存放1萬個(gè)超級(jí)格子前，1000個(gè)超級(jí)格子買家先挑選首頁位置，同時(shí)贈(zèng)送分類子頁位置，位置可自選（先到先得）。1000個(gè)超級(jí)格子買家以后，只能挑選分類子頁，首頁不再增加任何形式的位置。此網(wǎng)站的首頁如圖5所示，以單純的空白方格子作為整個(gè)的頁面設(shè)計(jì)，以最簡單的方式表達(dá)了網(wǎng)站設(shè)計(jì)的創(chuàng)意，也是視覺節(jié)省運(yùn)用在網(wǎng)頁設(shè)計(jì)中的典范。因此色彩設(shè)計(jì)在網(wǎng)頁設(shè)計(jì)應(yīng)注意整個(gè)頁面主色調(diào)的確定，有利于網(wǎng)站主題展現(xiàn)。在主流網(wǎng)頁設(shè)計(jì)中，一般以淺顏色為底配上深顏色的字，傳達(dá)的自然流暢，利于突出頁面的重點(diǎn)和整個(gè)頁面的配色，次要內(nèi)容，如背景圖片、線條適宜采用柔和的顏色，避免喧賓奪主。只有為了突出和強(qiáng)調(diào)元素才采用明亮的色彩，這些亮點(diǎn)顏色就會(huì)產(chǎn)生強(qiáng)烈的視覺沖擊從而達(dá)到視覺節(jié)省的目的。

2結(jié)束語

以上實(shí)例是從網(wǎng)頁的視覺傳達(dá)設(shè)計(jì)的構(gòu)成要素的三個(gè)主要方面：文字、圖片、色彩的角度，嘗試著用視覺節(jié)省產(chǎn)生的原理分別分析幾個(gè)網(wǎng)頁案例的設(shè)計(jì)，提出視覺節(jié)省在網(wǎng)頁設(shè)計(jì)中運(yùn)用的可行性和指導(dǎo)性。當(dāng)然視覺節(jié)省的發(fā)生遠(yuǎn)不只本文中分析的這些方面。視覺節(jié)省在網(wǎng)頁中的運(yùn)用是Internet網(wǎng)頁視覺傳達(dá)設(shè)計(jì)的發(fā)展趨勢，它不僅僅給視覺傳達(dá)設(shè)計(jì)注入新的活力，也給Internet網(wǎng)頁視覺傳達(dá)設(shè)計(jì)帶來新的研究方向，其設(shè)計(jì)理論也不僅僅局限于網(wǎng)頁設(shè)計(jì)中，在其他設(shè)計(jì)領(lǐng)域也有其廣闊發(fā)揮的空間，需要在設(shè)計(jì)實(shí)踐中進(jìn)一步的論證與創(chuàng)新。

作者：歐亞梅單位：湖北科技職業(yè)學(xué)院