本站小編為你精心準備了網頁設計下視覺傳達探討參考范文，愿這些范文能點燃您思維的火花，激發您的寫作靈感。歡迎深入閱讀并收藏。

摘要：網絡的廣泛普及，對網頁版面的審美需求越來越高，將視覺傳達元素應用到網頁設計中，提高頁面的視覺傳達效率，是越來越多設計者追求的目標。

關鍵詞：網頁設計；網站建設；視覺傳達

“互聯網+”時代的到來，沖擊著網頁設計的快速發展。如今的網頁設計不僅是后臺技術的支持與內容的呈現，如何產生一定的視覺沖擊，達到最佳的視覺傳達效果，頁面設計才是關鍵。而在網頁設計的過程中，視覺傳達是首要考慮的問題。網頁設計中視覺傳達有怎樣的規律，視覺傳達過程中容易出現什么問題，如何能夠有效地結合人類瀏覽的視覺規律，進行視覺要素的分析，這些都是當今網頁設計者必備的基本素養。

1視覺規律

人類的大部分信息都是通過視覺獲取，而每次瀏覽都是一次視覺判斷。網頁設計信息是各種元素的綜合呈現，是設計者內心情感的表現。當瀏覽者駐足欣賞頁面時，大腦會受到視覺的刺激，從而產生一定的視覺和心理反應。因此在設計頁面時，設計者必須考慮到人們視覺流向的心理、生理特點以及趨于平衡、穩定的視覺規律。

1.1網頁中的視覺流動

視覺流動規律的形成是由人類的視覺特性所決定的。受人眼晶體結構的限制，視線只能對某一處事物產生焦點，因此無論是閱讀還是觀看事物，都會有自然流動的習慣。而在瀏覽網頁時，瀏覽者先看什么、后看什么，是根據其自身的瀏覽目的及愛好興趣，表現出來的恒定習慣。視覺流動會給瀏覽者指引方向，它無形中形成一種脈絡,似乎有一條線、一股氣貫穿其中,使整個版面的運動趨勢有一個主旋律。方向也會對平衡產生一定的影響。具有明確結構線的事物都會產生沿結構線方向的力，這種力的作用會打破原有的平衡，因此就需要另外的力與之抵消，重而獲得新的平衡。研究表明，這種運動趨勢是按照從左到右，自上而下的順序進行，在這個過程中視覺敏感度對不同的區域有著明顯的差異，而這種敏感是不自覺的傾向。這個區域大概位于黃金分割線位置，因此被稱為“最佳視域”。因此，在網頁設計過程中，需要強調凸顯的信息通常放置這個位置。

1.2網頁中的視覺平衡

格式塔心理學認為：“每一個心理活動領域都趨向于一種最簡單、最平衡、最規則的組織狀態”。因此，在網頁設計過程中，可以考慮通過元素的大小、位置以及顏色的變化來使版面趨于平衡、穩定。在人的視覺規律中，任何事物都是有重量的。同一平面內的物體，處于上方時重力感覺較大，處于下方時重力感覺明顯偏小，因此，為了達到視覺平衡，會通過將下方的物體擴大的方法來維持穩定關系。另外，顏色的明暗、深淺，相同顏色中不同大小的色塊，輪廓線條的粗細、虛實等都會產生不同的“輕”、“重”視覺感覺，這些元素都會影響頁面的視覺平衡。

2視覺傳達存在的問題

隨著人們對美好事物的不斷追求和探索，網頁設計領域也有了一定的經驗和成果，但大部分的作品在視覺傳達設計中仍需完善，在傳達效率上還有很大的提升空間。集中表現在以下幾方面：

2.1層次結構混亂

2.1.1按鈕鏈接混亂

網頁按鈕是網站建設中必不可少的組成部分，給頁面增添了交互性和靈活性，使瀏覽者可以根據信息的提示進行快速跳轉。然而一些設計者為了瀏覽者的便利而忽視了視覺流程和心理特點，五花八門的各類按鈕層出不窮，甚至將鏈接按鈕直接跳轉到其他無關頁面，夸張、繁瑣的按鈕鏈接嚴重阻礙了信息的有效傳播。

2.1.2版面主次不分版

面元素的主次關系不清晰，大大降低重要信息的傳達效率。經常能看到一些網站在設計中只是進行簡單的“圖文混排”，不僅不能充分發揮視覺傳達所在的有利區域的優勢，更容易引起視覺疲勞而放棄瀏覽。一些初學者，為了表達頁面的動態效果，添加一些Flash動畫，動畫元素的添加使瀏覽者無法確定視覺中心，從而影響重要元素的拾取。受傳統思想的影響，還有一些設計者喜歡將重要元素放置到最后顯示，大大降低了有效信息的傳達效率。合理地處理各頁面之間、頁面內部間的主從關系，不僅能使網站的整體結構以及網頁頁面版式具有節奏感和韻律感，同時更能積極地促進信息傳達的有效性。

2.2版面布局不合理

網頁的視覺效果與網頁的合理布局有明顯的區別。網頁的視覺效果是以瀏覽者的興趣、設計師的風格為出發點,而網頁采取哪種版面布局要根據網站的性質來決定，不同性質的網站在設計時應用的手法自然不同，這樣才能充分體現網站間的差別。常見的網頁布局有“國”型布局、“口”型布局、“廠”型布局、“T”型布局、“川”型布局、“封面”型布局、“POP”布局等等。每種布局都有自己風格和優缺點，要結合網站的性質來確定布局方案。例如：用“國”型布局來制作創意產品的宣傳網頁，估計沒有人會覺得該產品有創意，自然大大降低了產品的可信度。而用“POP”布局來制作政府機關的網站，就根本體現不出政府該有的莊重與嚴肅。大部分設計者，在選擇布局方式的適合都能把握到位，但在具體設計時出現的問題比較多。（1）頁面出現水平滾動條。有的網頁打開后，發現水平方向一屏顯示不完整。這種帶有水平滾動條的網頁多數不被人看好，存在一定的設計或技術問題，除非內容特別吸引人，否則多數會被關閉。（2）各頁面導航條隨意放置，沒有規律可循。網站中首頁的導航條在頂端，二級頁面中導航條就分別設計在不同位置，瀏覽者需要尋找才能進行頁面切換，使人感覺疲勞，各個頁面相互切換也不順暢，沒有統一的風格。（3）無視覺主線，阻礙視覺傳達。頁面布局沒有考慮給人平衡的穩定感，各個構成元素間沒有自然流動的視覺線，導致版面內容無主旋律；大量信息布滿整個版面，忘記留白，沒有渲染出美的意境，這些都會導致瀏覽者無法充分發揮想象，不能完全理解頁面所要表達的宗旨和內涵。

2.3內容設計單調

網頁的構成元素無非就是文字、圖片、色彩、聲音、動畫等。網站傳遞的信息不同，采取的元素也不同。在瀏覽一些網站時，每個版面都是將各種元素輪流放置一番。這樣即容易引起視覺疲勞，不能傳遞有效消息，又大大降低了視覺傳達效率。例如：在一個“個人主頁”中，設計者為了表達元素的多樣性，每個頁面都設計放有文字、圖片，動畫的元素，布局也沒有做任何改變，這樣的網站會很單調、枯燥。又如：一個新聞類網站，一定要有大量新聞資訊，但放置40條資訊在上面，難免會讓瀏覽者不知哪個是重點，如果只添加最新、最重要的5條信息，其他35條在“更多”頁面鏈接中存放，這樣就會使瀏覽者更輕松、更精準地查閱到想要尋找的資訊。任何事物都離不開顏色，而顏色的合理搭配會給瀏覽者留下深刻的印象，這也是網頁設計成功的關鍵所在。正常來講，同一個頁面中，顏色做好不要超過3種，并且一個為主色調，另外兩個為輔調。這樣也是遵循“總體協調，局部對比”的原則。但設計中往往會出乎意料。有的設計者大膽嘗試各種顏色，導致頁面花俏以至于讓人煩躁不安；而有的膽小設計者，不敢用色，使頁面顏色過于簡單，一直都平淡無奇，沒有起伏。所以在設計中一定要考慮到色調的調配以及色塊的明暗。

3視覺要素結合

網頁設計中的視覺傳達問題，處理好問題與要素的關系，是設計更佳網頁作品的根源。網頁設計中的視覺要素簡單地說就是網頁中的文字、圖片、色彩等元素。它們是視覺傳達信息中的基本單位。在網站建設和網頁設計過程中，將這3個要素合理地運用，做到技術和藝術完美結合，也是網頁設計的終極目標。

3.1文字的排版技巧

文字記錄了人類語言的發展，傳遞了人類的知識經驗，是一種視覺表義符號。在網頁設計中也是重要的信息傳遞主體。網頁設計中，文字占有的比例最大，因此文字編排的好壞直接關系到網頁的整體效果。文字編排的整體效果會影響信息傳遞的有效性，避免頁面雜亂無序，盡量給人整潔清新的視覺印象。（1）保持內容與字體間風格的統一，字體的選擇非常重要。如：宋體體系端莊清秀，氣象穩健；楷體筆畫挺秀均勻，字形端正；華文彩云字體特點是由柔滑的曲線圍成，筆劃空心，狀似云朵，常被用于醒目的標題。（2）每種字體給人的視覺感受不同，在內容確定的情況一下，一定考慮字體的風格。如：旅游休閑的網站，字體應選擇輕盈活潑的風格，給人歡快輕松的感覺；傳統教育的網站，字體的選擇應具有蒼勁古樸的特色，給人端莊典雅、大氣凌然的意蘊。（3）文字具有一定的藝術性，通過文對字的特殊處理，能有效地提升視覺美感。特殊文字的制作，不僅能提高版面的表達效果，使整體設計新鮮感十足，并且能讓瀏覽者快速地獲取關鍵信息。如：倒影字，立體底紋字等。

3.2圖片的布局

編排信息在傳遞過程中，圖片比文字更具有吸引力，容易被瀏覽者吸引并接受。調查證明：圖片以及圖片周圍的區域吸引眼球的幾率比版面上的文字區域要高53%?？梢姡瑘D片不僅具有直觀、生動表現事物的能力，也能快速地吸引瀏覽者的“眼球”，從而發揮它的有利優勢———傳遞信息。因此圖片在網頁中的編排就顯得別關鍵。雖然圖片的視覺沖擊給瀏覽者帶來非常直觀的效果，但并不是圖片越多越好。俗話說：“有圖有真相”。無論圖片多能還原事物本身，也要有文字搭配，才顯得格外的和諧。而且頁面圖片過多，會造成瀏覽者視覺中心的錯亂而抓不到重點，從而破壞視覺流線的自然暢通，大大降低信息傳遞的效率。另外，圖片在選擇上也有講究：即要適合文字的內容，又要兼顧圖片的美觀。意蘊十足的圖片除了給瀏覽者強大的視覺沖擊，更是思想上的碰撞，是主題的升華，能夠啟發瀏覽者去感悟。最后，圖片是在網絡上傳輸，必須要考慮到圖片的質量和傳播速度。一般將圖片的分辨率設置為72dpi(dotperinch)為最佳選擇。同時可根據頁面布局的需要，對圖片進行簡單合理的剪裁，以適應版面結構。

3.3色彩的搭配

在網頁的設計中，能否讓瀏覽者駐足，色彩起著非常重要的因素。先了解一下網頁設計中顏色常見的幾種分類：按照視覺效果，分為彩色和非彩色；按照色彩感覺，分為冷色調和暖色調；按照顏色盤，分為補色和相似色。不同的分類方法會產生不同的視覺效果，不同的色彩變化也會給人不同的心理感受。比如：紅色熱烈、沖動，被用來表達有活力、積極、熱誠，另外也用作警告、危險等；黃色的燦爛、輝煌，象征著智慧之光，有象征著財富和權利。綠色有生長的意象，表達出理想，希望；藍色是永恒的象征，表現理智、安祥與潔凈。每種顏色都有自己的內涵和特點，合理的搭配會使人賞心悅目，心曠神怡。色彩是有平衡的，為了達到這個平衡點，采用網頁配色之黃金分割。按照黃金分割點的算法即：頁面內主色調占60％，用來渲染氣氛表現主題；輔助色占30％，用來襯托主色平衡色彩；點綴色占10％，用來激活畫面，提升平面設計的層次。色彩存在對比，兩個對比鮮明的顏色搭配在一起，會給人強烈的視覺感覺。差別越大越感覺緊張，差別越小越感覺舒緩，具體的搭配要根據設計者的意圖靈活使用。色彩也能改變人的時間感。研究表明，相同時間內，紅色會感覺時間漫長，藍色會感覺時間短暫。因此，為了讓瀏覽者駐留頁面，在頁面設計時最好不要用大塊紅色或相關色作為背景，反之用小塊紅色會吸引注意。

4結語

在計算機與網絡高速發展的今天，網頁設計是一種普通的信息傳遞方法，但在人們高標準的要求下，又是一種新穎的視覺藝術表現。在頁面設計中，不僅包括視覺藝術，同時包括美學、哲學、心理學等，涉及范圍廣泛，是一種綜合素養的體現。好的頁面設計，要考慮企業要求、產品特色等，確定網站的整體風格及色調，進而對文字、圖片等內容進行合理的設計。如今網頁設計的價值，不僅僅局限于如何提高信息傳遞的效率，更注重如何創設愉悅的視覺環境，為瀏覽者帶來深層次的審美享受，產生美的共鳴。

參考文獻

[1]周俊.網頁設計視覺傳達效率問題研究[R].韶關學院學報•社會科學，2007，28（5）.

[2]嚴卿方.網頁設計之視覺傳達分析[R].貴州大學學報•藝術版，2009，（4）

作者：孫闖 單位：惠州工程技術學校