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