網頁設計中視覺元素的應用與研究

高 翔

（淮陰工學院 設計藝術學院，江蘇 淮安 223001）

網絡作為信息傳播的重要渠道和交流方式，隨著國際互聯網絡的不斷普及與發展，越來越成為人們日常生活不可缺少的部分。在浩瀚的網頁海洋里，訪問者停留在上面的時間往往并不長，大多數只有幾秒鐘。那么在網頁設計中如何吸引住訪問者，并引發更進一步的點擊呢？

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

一、文字元素

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

二、圖形元素

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

三、色彩元素

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

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

四、版式設計

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

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

[2]曾揚.網頁設計中文字動態表現形式的研究[D].湖北工業大學.2012.