網(wǎng)頁設(shè)計中視覺元素的應(yīng)用與研究

高 翔

（淮陰工學院 設(shè)計藝術(shù)學院，江蘇 淮安 223001）

網(wǎng)絡(luò)作為信息傳播的重要渠道和交流方式，隨著國際互聯(lián)網(wǎng)絡(luò)的不斷普及與發(fā)展，越來越成為人們?nèi)粘Ｉ畈豢扇鄙俚牟糠?。在浩瀚的網(wǎng)頁海洋里，訪問者停留在上面的時間往往并不長，大多數(shù)只有幾秒鐘。那么在網(wǎng)頁設(shè)計中如何吸引住訪問者，并引發(fā)更進一步的點擊呢？

網(wǎng)頁通過視覺元素吸引受眾從而實現(xiàn)信息傳達，為了使網(wǎng)頁最大程度的吸引受眾的注意力，網(wǎng)頁的設(shè)計必須適應(yīng)人們的視覺流程心理和生理的特點，由此確定各種視覺構(gòu)成元素之間的關(guān)系和秩序。本文研究分析網(wǎng)頁設(shè)計中的平面視覺元素，分別對平面視覺元素中的文字、圖形、色彩和版式進行深入分析研究。在網(wǎng)頁設(shè)計中這些元素相輔相成，最終合理搭配才能形成一個完美的界面。

一、文字元素

文字作為記載信息的符號，在網(wǎng)頁設(shè)計中有著舉足輕重的重要性，其作用是圖片、視頻和動畫等元素不可代替的，文字的設(shè)計優(yōu)劣也決定了整個網(wǎng)站的視覺效果。文字的易讀性和辨識性是網(wǎng)頁設(shè)計的重點。文字顏色和背景要區(qū)別開，周圍元素不能影響到文字的閱讀，對流動文字的應(yīng)用要慎重。文字的距離一定要設(shè)置好，注意細節(jié)，安排好文字和圖形之間的交叉錯合。在現(xiàn)代設(shè)計中，文字圖形化的趨勢越來越強烈，即是強調(diào)把文字作為圖形元素來展現(xiàn)，加強其美學效應(yīng)，強化了原有的功能。

二、圖形元素

圖形元素的存在大大美化了網(wǎng)頁設(shè)計，它擁有強烈的藝術(shù)美感和視覺沖擊力，是文字之后最早被引入到網(wǎng)頁設(shè)計中的元素，它所傳遞信息的直觀性遠勝于文字。圖形設(shè)計中的色彩搭配、元素構(gòu)成、版式布局都要符合瀏覽者的審美心理，才能使得網(wǎng)頁在短時間內(nèi)給受眾留下深刻的印象。網(wǎng)頁設(shè)計中的圖片提供導向和鏈接的功能。根據(jù)人機心理學研究，人們的視線在瀏覽網(wǎng)頁時，會首先垂直的落在屏幕中心，然后向四周游動。決定了設(shè)計師要將重要的信息安排在注視點高的區(qū)域，所以設(shè)計師要根據(jù)視覺流程來合理安排圖片的適度位置。網(wǎng)頁設(shè)計中的圖片是要經(jīng)過網(wǎng)絡(luò)下載才可以最后看到，受到寬帶的限制，所以要求圖形文件量盡可能的小。在圖片大小固定的情況下，文件量越低說明圖片分辨率要越低。對于顯示器上的圖片而言，分辨率為72dpi是大多數(shù)圖片的最佳選擇。

三、色彩元素

色彩的配色設(shè)計直接影響網(wǎng)站的整體定位、風格。作為設(shè)計中不可缺少的元素，它建立在文字圖形的基礎(chǔ)上，依靠眼睛的功能，通過感覺的視覺沖擊力對心理起作用。每一種顏色都有不同的心理暗示。冷色中的藍色代表平靜，暖色中的紅色代表激動；黑色給人沉重感，淺色則讓物體輕盈；色彩從色調(diào)、飽和度、明度三個方面影響著網(wǎng)頁，我們可以找到很多運用廣泛的色彩配色方案，來作為實際學習和工作中的向?qū)А?/p>

網(wǎng)頁設(shè)計中的色彩元素需要符合國際色彩的標準，因為互聯(lián)網(wǎng)絡(luò)是建立在國際互聯(lián)網(wǎng)統(tǒng)一的平臺上的。最簡單的說就是采用網(wǎng)頁安全色，不能毫無節(jié)制的運用太多顏色，一般情況下先根據(jù)總體風格的要求定出主色調(diào)和輔助色進行色彩的搭配。網(wǎng)頁色彩模式一般采取RGB模式。網(wǎng)頁設(shè)計是通過顯示器來進行展示的，目前顯示器大都采用RGB顏色標準，這與RGB顏色模式的原理分不開。RGB是從顏色發(fā)光的原理來設(shè)計定的，通俗點說它的顏色混合方式就好像有紅、綠、藍三盞燈，當它們的光相互疊合的時候，色彩相混，而亮度卻等于兩者亮度之總和，越混合亮度越高，即加法混合。在顯示器上，通過電子槍打在屏幕的紅、綠、藍三色發(fā)光極上來產(chǎn)生色彩的。

四、版式設(shè)計

用戶界面展現(xiàn)在瀏覽者面前的數(shù)字化物化界面，組成元素是與傳統(tǒng)物化界面相同的圖文信息、版面設(shè)計、色彩布局。界面設(shè)計普遍遵循了平面設(shè)計的視覺傳達方式。版式設(shè)計就是在有限的空間中遵循視覺設(shè)計原則，把各種多媒體元素進行合理的組合。不同的主題網(wǎng)站有著不同的設(shè)計思路，引起思想、情感、形式等各方面的不同。有些網(wǎng)頁直接對視覺元素進行堆砌，欠缺規(guī)劃，缺乏審美意識。各種文字、動畫、色塊等雜亂無章，令消費者厭煩。網(wǎng)站設(shè)計首先要對企業(yè)、產(chǎn)品、受眾信息等進行全面的調(diào)研和綜合分析，指定網(wǎng)站合適的整體風格，以合適的版式設(shè)計表達形式營造出相適應(yīng)的氛圍。

[1]公茂蘭.平面視覺元素在網(wǎng)頁設(shè)計中的運用研究[D].贛南師范學院.2013.

[2]曾揚.網(wǎng)頁設(shè)計中文字動態(tài)表現(xiàn)形式的研究[D].湖北工業(yè)大學.2012.