網(wǎng)頁設(shè)計中的視覺要素
摘要：本文通過對網(wǎng)頁設(shè)計中文字要素、圖片要素、色彩要素、版式要素等視覺要素進(jìn)行分析闡釋，結(jié)合瀏覽者使用網(wǎng)頁時的視覺習(xí)慣，分析網(wǎng)頁設(shè)計在視覺要素方面怎樣更加合理有效地傳達(dá)和表現(xiàn)，以達(dá)到最好的效果。
21世紀(jì)，信息大量地充斥著我們的生活，為了使信息更加集中化、有效化、有條理化、傳播快捷化，已然成為人們共同關(guān)注的問題�；ヂ�(lián)網(wǎng)作為一種全新的大眾傳媒，備受人們的矚目。它不僅具有傳統(tǒng)傳播媒介的功能，而且具有迅捷、及時、價廉、傳播面廣等傳播信息的獨(dú)特優(yōu)勢。隨著網(wǎng)絡(luò)技術(shù)和網(wǎng)絡(luò)經(jīng)濟(jì)的迅速發(fā)展，人們逐步對網(wǎng)頁的設(shè)計審美有了更高要求，網(wǎng)頁設(shè)計不單單只是網(wǎng)頁制作技術(shù)，而更加注重網(wǎng)頁的視覺要素設(shè)計，在滿足受眾的各種需求后，為受眾創(chuàng)造一種愉悅的視覺環(huán)境，使受眾精神上獲得美的享受。
一、文字的視覺設(shè)計
文字作為網(wǎng)頁設(shè)計的主體部分，為了不使圖片、色彩有時給人造成歧義現(xiàn)象，使得信息傳達(dá)不明確，文字能更加直觀地向?yàn)g覽者訴說信息，也使得瀏覽者更加方便的接受信息。在網(wǎng)頁的視覺要素設(shè)計中，在文字方面的處理，主要是指文字的格式化處理和藝術(shù)化處理。文字的格式化處理一般指文字的字體、字號、粗細(xì)、顏色等規(guī)范化、格式化的處理方式;文字的藝術(shù)化處理則是指在符合網(wǎng)站風(fēng)格設(shè)置的基礎(chǔ)上，將文字進(jìn)行圖形/圖像化、風(fēng)格化的設(shè)計，使文字更加具有個性特征。網(wǎng)頁設(shè)計中文字主要功能體現(xiàn)在兩方面：第一方面：在較長文章的正文和主題內(nèi)容方面有詳細(xì)說明，這使得文章更加容易使人讀懂，第二方面：在界面的標(biāo)題、廣告和欄目上具有一定的提示和引導(dǎo)功能的文字;所以，設(shè)計者在設(shè)計網(wǎng)頁文字前一定要弄清其文字的主要功能，這樣信息傳遞才能有效實(shí)現(xiàn)，而不發(fā)生歧義。還有就是，在同一頁面上不宜使用超過四種的字體種類，因?yàn)槲谋咀煮w呈現(xiàn)在網(wǎng)頁上是需要本地硬盤字體文件支持的，所以在網(wǎng)頁設(shè)計中使用太多的'字體是沒用的。使用不是默認(rèn)的字體，最好用圖片的形式，這樣可以使得瀏覽者的電腦里雖沒安裝你的特別字體，但也不影響他們的瀏覽，也就不影響你設(shè)計的初衷了。
二、圖片的視覺設(shè)計
圖片是文字以外最早引用到網(wǎng)絡(luò)中的多媒體對象。如果文字是直觀、準(zhǔn)確明了地描述信息，那么圖片的運(yùn)用則是給平淡枯燥的網(wǎng)頁設(shè)計，增添活力，達(dá)到美化信息的作用，使得網(wǎng)頁設(shè)計充滿感情色彩。網(wǎng)頁設(shè)計大部分都是圖文并茂地向?yàn)g覽者提供信息，圖片的運(yùn)用，使得信息量成倍的加大。網(wǎng)頁設(shè)計中圖片主要有兩種類型，主體圖片和輔助圖片。主體圖片是網(wǎng)頁信息內(nèi)容的直接傳遞者，如標(biāo)題圖片、產(chǎn)品展示圖片、新聞發(fā)布圖片、廣告宣傳圖片等;輔助圖片是為了使網(wǎng)頁設(shè)計頁面更加具有藝術(shù)效果而設(shè)計的圖片，一般情況下，它不直接傳達(dá)信息內(nèi)容，只是起到渲染氣氛和烘托主題的作用，例如我們�？吹降谋尘皥D片。
在網(wǎng)頁設(shè)計中，圖片的質(zhì)量并不需要太高，文件就會很大，這樣會影響網(wǎng)頁的下 載 速 度。因此，圖片要用的少而精，并且受到寬帶的制約，在一定范圍內(nèi)，尺寸最好是越小越好。這樣很適合現(xiàn)在信息高速傳達(dá)的要求。圖片在網(wǎng)頁設(shè)計中的位置、大小、方向等都會影響網(wǎng)頁的視覺傳達(dá)。要在網(wǎng)頁設(shè)計中使得圖片更加合理地被運(yùn)用，應(yīng)在網(wǎng)頁圖片整體編排設(shè)計中，注意重點(diǎn)突出的同時還要達(dá)到統(tǒng)一、和諧、這樣才會使得瀏覽者達(dá)到悅目的效果。圖片在網(wǎng)頁設(shè)計中不僅僅是裝飾點(diǎn)綴，它也應(yīng)該起到傳達(dá)相關(guān)信息的作用，所以在選擇圖片時，應(yīng)該謹(jǐn)慎，正確選擇相關(guān)的圖片，可以是瀏覽者在瀏覽信息之前就會產(chǎn)生共鳴，讓人產(chǎn)生聯(lián)想，達(dá)到事半功倍的效果。隨著計算機(jī)技術(shù)的發(fā)展，網(wǎng)頁的圖形化設(shè)計將成為一種發(fā)展趨勢，現(xiàn)在就有很多網(wǎng)頁是以圖片為主，文字為輔的設(shè)計，還有就是將文字作為圖片的一部分來進(jìn)行編排設(shè)計，這樣的網(wǎng)頁設(shè)計具有其獨(dú)特的風(fēng)格和很強(qiáng)的藝術(shù)效果。
三、色彩的視覺設(shè)計
網(wǎng)頁設(shè)計中色彩要素的設(shè)計包括網(wǎng)站的標(biāo)準(zhǔn)色彩、文字鏈接的色彩、圖片的主色彩、頁面的背景色和邊框色彩等。色彩設(shè)計在網(wǎng)頁的視覺傳達(dá)設(shè)計中起到非常重要的作用。通常,瀏覽者留下第一印象的就是網(wǎng)頁的色彩設(shè)計，可以說，它的用色設(shè)計直接影響到瀏覽者的是否繼續(xù)瀏覽下去的興趣，因此，色彩在網(wǎng)頁設(shè)計中占著舉足輕重的重要地位。網(wǎng)頁的色彩要素的適當(dāng)選擇能體現(xiàn)網(wǎng)站的外觀形象，并延展網(wǎng)站的內(nèi)涵形象。但是網(wǎng)站色彩的設(shè)計，種類不能過多、純度也不宜過高，以免引起瀏覽者過程中的視覺疲勞。同時也要巧妙運(yùn)用其他色彩作為點(diǎn)綴，使畫面活躍又不喧賓奪主。我們應(yīng)注意以下兩點(diǎn)：首先，我們應(yīng)先給網(wǎng)頁整體確定一個主色調(diào)，這里的主色調(diào)要體現(xiàn)網(wǎng)站主題性質(zhì)。在選擇主色調(diào)同時也要考慮到輔助色彩的選擇,這樣在網(wǎng)頁設(shè)計中就不會造成色彩設(shè)計混亂的現(xiàn)象。第二，在網(wǎng)頁背景方面的用色時不要用對比強(qiáng)烈的色彩搭配，尤其是對比度很強(qiáng)的顏色，應(yīng)用低對比度的顏色，因?yàn)�，用對比�?qiáng)烈的顏色會使得背景顏色太過于豐富，這樣會影響前景圖片的取色和文字文本的取色，嚴(yán)重時會讓文字和背景混淆，溶于背景色中，不宜識別。這樣就使得信息不能得到很好的傳遞。因此，背景色一般都以單純色為宜。如果非得使得背景色有一定的變化，那也得在盡量統(tǒng)一的前提下進(jìn)行變化調(diào)節(jié)。
四、版式的視覺設(shè)計
一個成功的網(wǎng)頁版面設(shè)計不僅能提高版面的注意價值，而且有利于該網(wǎng)頁主題的信息傳達(dá)并加強(qiáng)對瀏覽者的視覺留存。網(wǎng)頁的版式設(shè)計，是在有限的屏幕空間上將多媒體元素進(jìn)行有機(jī)組合，利用頁面中的各種構(gòu)成要素均衡、調(diào)和、律動的視覺導(dǎo)向以及版式的空白來傳達(dá)信息，根據(jù)網(wǎng)站主題的要求予以必要的元素關(guān)系設(shè)計，進(jìn)行一種視覺的關(guān)聯(lián)和合理配置，可以說是網(wǎng)頁設(shè)計中一個關(guān)鍵環(huán)節(jié)，網(wǎng)站貼切吻合的版式設(shè)計不但會給初次瀏覽者良好的第一印象，還能最大程度地宣傳網(wǎng)站自身形象，明確網(wǎng)站運(yùn)營宗旨。網(wǎng)頁版式設(shè)計中視覺要素正是以點(diǎn)、線、面的形式相互依存，相互作用，而組合成各種各樣的視覺信息，形成千變?nèi)f化的視覺空間和視覺感受。因而，網(wǎng)站頁面在進(jìn)行版式的編排設(shè)計時，需要結(jié)合頁面主題與素材，調(diào)整頁面平衡，在不對稱中找均衡，在統(tǒng)一中求變化，通過反復(fù)調(diào)整獲得秩序，引導(dǎo)人們獲得最佳視覺效果，從而完成網(wǎng)站信息的快速有效地傳遞。
綜上所訴，要想設(shè)計出精美的網(wǎng)頁，除了在網(wǎng)頁內(nèi)容方面精益求精外，還要在網(wǎng)頁的視覺要素方面合理的編排設(shè)計，這樣既可以滿足使用者對信息的需求，又可以愉悅使用者的身心，最終達(dá)到設(shè)計以人為本。
【網(wǎng)頁設(shè)計中的視覺要素】相關(guān)文章：
網(wǎng)頁美工色彩設(shè)計要素構(gòu)成09-30
HTML網(wǎng)頁設(shè)計中的字體設(shè)計11-12
網(wǎng)頁設(shè)計中如何配色09-26
網(wǎng)頁設(shè)計中怎么配色06-22
色彩視覺在廣告中的設(shè)計原則10-06