王中岳

互聯(lián)網(wǎng)時代中，人們?yōu)g覽網(wǎng)頁的時間越來越長，而對網(wǎng)頁的美感要求也水漲船高。在網(wǎng)頁設(shè)計中，平面視覺元素應用廣泛，創(chuàng)造性地運用往往使網(wǎng)頁設(shè)計整體質(zhì)量飛躍。本文首先理解平面設(shè)計元素的外延開始，并結(jié)合網(wǎng)頁設(shè)計的定義與特征等基礎(chǔ)信息，對平面視覺元素在網(wǎng)頁設(shè)計中的使用方式做出歸納總結(jié)，最終得出應用價值所在。

平面視覺元素和網(wǎng)頁設(shè)計

1.平面視覺元素

文字、圖形、圖像與顏色等平面設(shè)計的構(gòu)成元素。設(shè)計之所以為設(shè)計，在于其創(chuàng)造性地組合、分離、疊加、重復等手法的運用。元素是素材，也是整個設(shè)計的基礎(chǔ)所在。

各元素的運用手法不同，其作用也大有差別。但一般來講，我們認為文字是信息概括能力最強的形式，而圖片則是追求視覺沖擊的最佳方式。

2.網(wǎng)頁設(shè)計

平面設(shè)計是一個較大的概念，其中就包含了網(wǎng)頁設(shè)計。顧名思義，網(wǎng)頁設(shè)計是針對網(wǎng)頁的需求而進行的設(shè)計，包括功能設(shè)計、形象設(shè)計以及信息設(shè)計等內(nèi)容，其目的還是在于實現(xiàn)網(wǎng)站的某些功能，同時提高美觀性。

平面視覺元素在網(wǎng)頁設(shè)計中

1.網(wǎng)頁設(shè)計中使用平面視覺元素的問題示范

（1）板式編排上

編排是一個整理、再構(gòu)的過程。目前許多網(wǎng)頁中，各種元素要么無序堆疊，要么過于單薄，無法形成元素間的配合。

此外，編排能夠起到建立網(wǎng)頁級別的作用，只需要通過在編排上的區(qū)分就可實現(xiàn)。但在現(xiàn)實中，許多網(wǎng)站設(shè)計者都忽視了這一作用。一級、二級、三級的素材混合使用，提高了瀏覽者收集信息的成本。

（2）文字排列上

作為網(wǎng)頁信息的主要載體，有時候需要對文字做加粗、加大、加下劃線等處理，同時，還有對文字加鏈接的情況。這樣的設(shè)計可能會分散瀏覽者的注意力，而且破壞了文字板塊與板塊間的平衡關(guān)系。

此外，有網(wǎng)站為了在一個頁面上實現(xiàn)更多的信息傳遞而大幅堆疊文字元素。造成整個網(wǎng)頁看起來密密麻麻，非常厚重，這是一種十分考驗瀏覽者耐心的做法。

（3）色彩搭配上

紅配綠固然難看，但卻有較強的視覺吸引力。因此，色彩的搭配中的和諧與沖突是一門富有哲學意味的學問。目前我國的某些網(wǎng)站，為了在色彩搭配上“不出錯”而大幅度使用同色系、同色調(diào)的顏色搭配，如只有暖色調(diào)的網(wǎng)頁和冷冷清清的冷色調(diào)網(wǎng)頁。二者都不能有主有次地吸引瀏覽者的目光，反而會造成視覺審美疲勞，無心看下去。

同樣的道理，太過豐富的色彩搭配容易喧賓奪主，過猶不及。

2.平面視覺元素在網(wǎng)頁設(shè)計中的正確運用

（1）按需設(shè)計網(wǎng)頁版面

網(wǎng)頁版面的設(shè)計依據(jù)應該是該網(wǎng)頁的級別、應當突出的重點信息等需求。因此在設(shè)計網(wǎng)頁版面時，需要根據(jù)信息的內(nèi)容特點來制定色彩搭配、板塊大小和形狀特征等元素內(nèi)容。不應毫無目的地隨意設(shè)計。

（2）文字設(shè)計盡量簡潔

文字在網(wǎng)頁設(shè)計中的信息承載功能無可替代，但不合理的文字排版很容易干擾瀏覽者閱讀網(wǎng)頁。因此，不宜使用過度的藝術(shù)字和復雜的字體花樣。同時文字所占的板塊也不宜過密，最好使用圖片等元素進行間隔。

（3）色彩搭配注重整體性

根據(jù)整體風格設(shè)計配色的主色調(diào)，如科技類網(wǎng)站最好使用冷色調(diào)為主，而情感類網(wǎng)站則需要更多暖色。在確定整體的色彩選擇后，在比較重要的局部可以用另一種顏色來進行區(qū)別，以突出重點。同時還能制造出畫面沖突，增加視覺上的刺激性。

平面視覺元素在網(wǎng)頁設(shè)計中形成的價值

1.提升美感，賦予網(wǎng)頁藝術(shù)性

平面視覺的各元素通過彼此之間的搭配、對立形成一幅整體和諧，局部沖突的畫面，這樣的網(wǎng)頁更具藝術(shù)性和美感，能夠提升瀏覽者的觀看體驗。

2.吸引瀏覽，實現(xiàn)網(wǎng)站建設(shè)價值

一個美麗的網(wǎng)頁往往能吸引更多的用戶進入瀏覽，并且增加他們在網(wǎng)頁上的滯留時間。從而提升了網(wǎng)頁點擊率、滯留時間等指數(shù)。注意力經(jīng)濟時代中，只有有人看的網(wǎng)頁才有價值，只有吸引更多地瀏覽才能給網(wǎng)站創(chuàng)造價值留下空間。

3.激發(fā)需求，促進人才全面發(fā)展

平面視覺元素是由設(shè)計人員來應用的，且對設(shè)計人員提出了較高的技術(shù)要求。網(wǎng)頁設(shè)計中，設(shè)計人員需要熟練使用包括AE、CorelDRAW、Photoshop在內(nèi)的各種軟件。同時，還需要設(shè)計人員有較高的藝術(shù)涵養(yǎng)。因此網(wǎng)頁設(shè)計刺激了對人才的需求，從而刺激了社會需求和設(shè)計專業(yè)的教育發(fā)展。

結(jié)語

網(wǎng)頁設(shè)計發(fā)展至今，對設(shè)計的要求日漸提高，實質(zhì)上，是對設(shè)計人才的水平提出了新的要求。在這其中，設(shè)計者需要運用文字、色彩、圖形等元素完成網(wǎng)頁設(shè)計，使一個網(wǎng)頁從無到有，從有到好的過程。而在這其中，設(shè)計者所關(guān)注的應當是網(wǎng)頁自身的功能、信息以及美感的統(tǒng)一性。畢竟，平面視覺元素是網(wǎng)頁設(shè)計的素材，只有交到會使用的人手中，才能發(fā)揮出它的極大價值。

（作者單位：湖南師范大學工程與設(shè)計學院）