前言：本站為你精心整理了平面視覺(jué)元素在網(wǎng)頁(yè)設(shè)計(jì)的運(yùn)用范文，希望能為你的創(chuàng)作提供參考價(jià)值，我們的客服老師可以幫助你提供個(gè)性化的參考范文，歡迎咨詢。

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

一、平面視覺(jué)元素和網(wǎng)頁(yè)設(shè)計(jì)

1.平面視覺(jué)

元素文字、圖形、圖像與顏色等平面設(shè)計(jì)的構(gòu)成元素。設(shè)計(jì)之所以為設(shè)計(jì)，在于其創(chuàng)造性地組合、分離、疊加、重復(fù)等手法的運(yùn)用。元素是素材，也是整個(gè)設(shè)計(jì)的基礎(chǔ)所在。各元素的運(yùn)用手法不同，其作用也大有差別。但一般來(lái)講，我們認(rèn)為文字是信息概括能力最強(qiáng)的形式，而圖片則是追求視覺(jué)沖擊的最佳方式。

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

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

二、平面視覺(jué)元素在網(wǎng)頁(yè)設(shè)計(jì)中

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

（1）板式編排上

編排是一個(gè)整理、再構(gòu)的過(guò)程。目前許多網(wǎng)頁(yè)中，各種元素要么無(wú)序堆疊，要么過(guò)于單薄，無(wú)法形成元素間的配合。此外，編排能夠起到建立網(wǎng)頁(yè)級(jí)別的作用，只需要通過(guò)在編排上的區(qū)分就可實(shí)現(xiàn)。但在現(xiàn)實(shí)中，許多網(wǎng)站設(shè)計(jì)者都忽視了這一作用。一級(jí)、二級(jí)、三級(jí)的素材混合使用，提高了瀏覽者收集信息的成本。

（2）文字排列上

作為網(wǎng)頁(yè)信息的主要載體，有時(shí)候需要對(duì)文字做加粗、加大、加下劃線等處理，同時(shí)，還有對(duì)文字加鏈接的情況。這樣的設(shè)計(jì)可能會(huì)分散瀏覽者的注意力，而且破壞了文字板塊與板塊間的平衡關(guān)系。此外，有網(wǎng)站為了在一個(gè)頁(yè)面上實(shí)現(xiàn)更多的信息傳遞而大幅堆疊文字元素。造成整個(gè)網(wǎng)頁(yè)看起來(lái)密密麻麻，非常厚重，這是一種十分考驗(yàn)瀏覽者耐心的做法。

（3）色彩搭配上

紅配綠固然難看，但卻有較強(qiáng)的視覺(jué)吸引力。因此，色彩的搭配中的和諧與沖突是一門(mén)富有哲學(xué)意味的學(xué)問(wèn)。目前我國(guó)的某些網(wǎng)站，為了在色彩搭配上“不出錯(cuò)”而大幅度使用同色系、同色調(diào)的顏色搭配，如只有暖色調(diào)的網(wǎng)頁(yè)和冷冷清清的冷色調(diào)網(wǎng)頁(yè)。二者都不能有主有次地吸引瀏覽者的目光，反而會(huì)造成視覺(jué)審美疲勞，無(wú)心看下去。同樣的道理，太過(guò)豐富的色彩搭配容易喧賓奪主，過(guò)猶不及。

2.平面視覺(jué)元素在網(wǎng)頁(yè)設(shè)計(jì)中的正確運(yùn)用

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

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

（2）文字設(shè)計(jì)盡量簡(jiǎn)潔

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

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

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

三、平面視覺(jué)元素在網(wǎng)頁(yè)設(shè)計(jì)中形成的價(jià)值

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

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

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

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

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

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

四、結(jié)語(yǔ)

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

作者：王中岳 單位：湖南師范大學(xué)工程與設(shè)計(jì)學(xué)院