網頁設計中的視覺要素

摘要：本文通過對網頁設計中文字要素、圖片要素、色彩要素、版式要素等視覺要素進行分析闡釋，結合瀏覽者使用網頁時的視覺習慣，分析網頁設計在視覺要素方面怎樣更加合理有效地傳達和表現，以達到最好的效果。

21世紀，信息大量地充斥着我們的生活，為了使信息更加集中化、有效化、有條理化、傳播快捷化，已然成為人們共同關注的問題。互聯網作為一種全新的大眾傳媒，備受人們的矚目。它不僅具有傳統傳播媒介的功能，而且具有迅捷、及時、價廉、傳播面廣等傳播信息的獨特優勢。隨着網絡技術和網絡經濟的迅速發展，人們逐步對網頁的設計審美有了更高要求，網頁設計不單單只是網頁製作技術，而更加註重網頁的視覺要素設計，在滿足受眾的各種需求後，為受眾創造一種愉悦的視覺環境，使受眾精神上獲得美的享受。

一、文字的視覺設計

文字作為網頁設計的主體部分，為了不使圖片、色彩有時給人造成歧義現象，使得信息傳達不明確，文字能更加直觀地向瀏覽者訴説信息，也使得瀏覽者更加方便的接受信息。在網頁的視覺要素設計中，在文字方面的處理，主要是指文字的格式化處理和藝術化處理。文字的格式化處理一般指文字的字體、字號、粗細、顏色等規範化、格式化的處理方式;文字的藝術化處理則是指在符合網站風格設置的基礎上，將文字進行圖形/圖像化、風格化的設計，使文字更加具有個性特徵。網頁設計中文字主要功能體現在兩方面：第一方面：在較長文章的正文和主題內容方面有詳細説明，這使得文章更加容易使人讀懂，第二方面：在界面的標題、廣告和欄目上具有一定的提示和引導功能的文字;所以，設計者在設計網頁文字前一定要弄清其文字的主要功能，這樣信息傳遞才能有效實現，而不發生歧義。還有就是，在同一頁面上不宜使用超過四種的字體種類，因為文本字體呈現在網頁上是需要本地硬盤字體文件支持的，所以在網頁設計中使用太多的字體是沒用的。使用不是默認的字體，最好用圖片的形式，這樣可以使得瀏覽者的電腦裏雖沒安裝你的特別字體，但也不影響他們的瀏覽，也就不影響你設計的初衷了。

二、圖片的視覺設計

圖片是文字以外最早引用到網絡中的多媒體對象。如果文字是直觀、準確明瞭地描述信息，那麼圖片的運用則是給平淡枯燥的網頁設計，增添活力，達到美化信息的作用，使得網頁設計充滿感情色彩。網頁設計大部分都是圖文並茂地向瀏覽者提供信息，圖片的運用，使得信息量成倍的加大。網頁設計中圖片主要有兩種類型，主體圖片和輔助圖片。主體圖片是網頁信息內容的直接傳遞者，如標題圖片、產品展示圖片、新聞發佈圖片、廣告宣傳圖片等;輔助圖片是為了使網頁設計頁面更加具有藝術效果而設計的圖片，一般情況下，它不直接傳達信息內容，只是起到渲染氣氛和烘托主題的作用，例如我們常看到的背景圖片。

在網頁設計中，圖片的質量並不需要太高，文件就會很大，這樣會影響網頁的'下 載 速 度。因此，圖片要用的少而精，並且受到寬帶的制約，在一定範圍內，尺寸最好是越小越好。這樣很適合現在信息高速傳達的要求。圖片在網頁設計中的位置、大小、方向等都會影響網頁的視覺傳達。要在網頁設計中使得圖片更加合理地被運用，應在網頁圖片整體編排設計中，注意重點突出的同時還要達到統一、和諧、這樣才會使得瀏覽者達到悦目的效果。圖片在網頁設計中不僅僅是裝飾點綴，它也應該起到傳達相關信息的作用，所以在選擇圖片時，應該謹慎，正確選擇相關的圖片，可以是瀏覽者在瀏覽信息之前就會產生共鳴，讓人產生聯想，達到事半功倍的效果。隨着計算機技術的發展，網頁的圖形化設計將成為一種發展趨勢，現在就有很多網頁是以圖片為主，文字為輔的設計，還有就是將文字作為圖片的一部分來進行編排設計，這樣的網頁設計具有其獨特的風格和很強的藝術效果。

三、色彩的視覺設計

網頁設計中色彩要素的設計包括網站的標準色彩、文字鏈接的色彩、圖片的主色彩、頁面的背景色和邊框色彩等。色彩設計在網頁的視覺傳達設計中起到非常重要的作用。通常,瀏覽者留下第一印象的就是網頁的色彩設計，可以説，它的用色設計直接影響到瀏覽者的是否繼續瀏覽下去的興趣，因此，色彩在網頁設計中佔着舉足輕重的重要地位。網頁的色彩要素的適當選擇能體現網站的外觀形象，並延展網站的內涵形象。但是網站色彩的設計，種類不能過多、純度也不宜過高，以免引起瀏覽者過程中的視覺疲勞。同時也要巧妙運用其他色彩作為點綴，使畫面活躍又不喧賓奪主。我們應注意以下兩點：首先，我們應先給網頁整體確定一個主色調，這裏的主色調要體現網站主題性質。在選擇主色調同時也要考慮到輔助色彩的選擇,這樣在網頁設計中就不會造成色彩設計混亂的現象。第二，在網頁背景方面的用色時不要用對比強烈的色彩搭配，尤其是對比度很強的顏色，應用低對比度的顏色，因為，用對比強烈的顏色會使得背景顏色太過於豐富，這樣會影響前景圖片的取色和文字文本的取色，嚴重時會讓文字和背景混淆，溶於背景色中，不宜識別。這樣就使得信息不能得到很好的傳遞。因此，背景色一般都以單純色為宜。如果非得使得背景色有一定的變化，那也得在儘量統一的前提下進行變化調節。

四、版式的視覺設計

一個成功的網頁版面設計不僅能提高版面的注意價值，而且有利於該網頁主題的信息傳達並加強對瀏覽者的視覺留存。網頁的版式設計，是在有限的屏幕空間上將多媒體元素進行有機組合，利用頁面中的各種構成要素均衡、調和、律動的視覺導向以及版式的空白來傳達信息，根據網站主題的要求予以必要的元素關係設計，進行一種視覺的關聯和合理配置，可以説是網頁設計中一個關鍵環節，網站貼切吻合的版式設計不但會給初次瀏覽者良好的第一印象，還能最大程度地宣傳網站自身形象，明確網站運營宗旨。網頁版式設計中視覺要素正是以點、線、面的形式相互依存，相互作用，而組合成各種各樣的視覺信息，形成千變萬化的視覺空間和視覺感受。因而，網站頁面在進行版式的編排設計時，需要結合頁面主題與素材，調整頁面平衡，在不對稱中找均衡，在統一中求變化，通過反覆調整獲得秩序，引導人們獲得最佳視覺效果，從而完成網站信息的快速有效地傳遞。

綜上所訴，要想設計出精美的網頁，除了在網頁內容方面精益求精外，還要在網頁的視覺要素方面合理的編排設計，這樣既可以滿足使用者對信息的需求，又可以愉悦使用者的身心，最終達到設計以人為本。