探析平面視覺元素對網(wǎng)頁設(shè)計(jì)長遠(yuǎn)發(fā)展的促進(jìn)作用

林琳

摘要：在科技技術(shù)不斷發(fā)展的時代背景之下，網(wǎng)絡(luò)與我們?nèi)粘Ｉ钤桨l(fā)的緊密，網(wǎng)頁作為一種全新的信息傳播方式，也在我們?nèi)粘９ぷ饕约皩W(xué)習(xí)過程中提供了較大的幫助，在群眾文化水平不斷發(fā)展的時代背景之下，群眾對于網(wǎng)頁設(shè)計(jì)的整體要求也有了明顯的提升，應(yīng)用平面視覺元素進(jìn)行設(shè)計(jì)則能讓整個頁面更加具有良好的視覺感受，所以本文也就平面視覺元素對網(wǎng)頁設(shè)計(jì)長遠(yuǎn)發(fā)展的促進(jìn)作用進(jìn)行了研究。

關(guān)鍵詞：平面視覺元素;網(wǎng)頁設(shè)計(jì);促進(jìn)作用

中圖分類號：TP393.092 文獻(xiàn)標(biāo)識碼：A 文章編號：1005-5312（2019）24-0164-02

一、引言

處在互聯(lián)網(wǎng)時代背景之下，網(wǎng)站也已經(jīng)成為了新興視覺傳播載體，承載了較多的資源以及用戶信息，用戶借助于網(wǎng)站訪問就能夠獲得最新的咨詢以及網(wǎng)絡(luò)服務(wù)。在網(wǎng)站建設(shè)過程中，網(wǎng)頁可謂是其最為基礎(chǔ)的單元，網(wǎng)頁設(shè)計(jì)師注重的則應(yīng)該是如何進(jìn)行界面設(shè)計(jì)，讓其整個網(wǎng)頁內(nèi)容變得更加的完整且豐富。網(wǎng)頁設(shè)計(jì)主要指的是將網(wǎng)頁各個組成元素進(jìn)行合理的設(shè)計(jì)與編排，這樣就能將信息有效的傳達(dá)出來，而主要的內(nèi)容則有版式設(shè)計(jì)、圖片處理、文本編排以及色彩搭配等多方面。就目前各網(wǎng)站網(wǎng)頁設(shè)計(jì)現(xiàn)狀來看，其設(shè)計(jì)質(zhì)量參差不齊，也缺少了視覺沖擊力，為了能夠讓用戶獲得更為良好的視覺體驗(yàn)，設(shè)計(jì)人員則需要意識到平面視覺元素的重要性。

二、平面視覺元素在網(wǎng)頁設(shè)計(jì)中的體現(xiàn)

在互聯(lián)網(wǎng)信息技術(shù)不斷發(fā)展的時代背景之下，之前原有的平面視覺元素在網(wǎng)頁設(shè)計(jì)之中的使用也被賦予了全新的內(nèi)涵，為了能夠幫助設(shè)計(jì)者更好地意識到平面視覺元素對網(wǎng)頁設(shè)計(jì)長遠(yuǎn)發(fā)展的促進(jìn)作用，筆者就平面視覺元素在網(wǎng)頁設(shè)計(jì)中的體現(xiàn)進(jìn)行了如下分析：

1.網(wǎng)頁文字。在網(wǎng)頁設(shè)計(jì)過程中，網(wǎng)頁文字可謂是整個設(shè)計(jì)的主體，也是完成信息傳達(dá)最為重要的手段之一，在網(wǎng)頁設(shè)計(jì)過程中，文字本身就占據(jù)著較大的面積，所以從某些方面來說網(wǎng)頁文字表現(xiàn)質(zhì)量會直接對網(wǎng)頁設(shè)計(jì)成效造成影響。在網(wǎng)頁設(shè)計(jì)不斷發(fā)展的環(huán)境下，網(wǎng)頁文字功效也發(fā)生了變化，不再知識傳遞信息的媒介作用，其作為視覺語言本身就具有表意、形意以及符號功能等特征，而這三種特征若能有效應(yīng)用起來，就能讓整個網(wǎng)頁設(shè)計(jì)具備較為良好的視覺表現(xiàn)力，這也是平面視覺元素在網(wǎng)頁設(shè)計(jì)中的應(yīng)用體現(xiàn)。

2.網(wǎng)頁圖形。在現(xiàn)如今這個“讀圖”時代背景之下，網(wǎng)頁設(shè)計(jì)必不可少的構(gòu)成就是網(wǎng)頁圖形設(shè)計(jì)，相比較于文字而言，圖形在視覺傳達(dá)上的功效更加的強(qiáng)烈，所以在整個網(wǎng)頁版面設(shè)計(jì)與構(gòu)成元素之中也承擔(dān)著較為重要的決策，能夠彰顯出整個網(wǎng)頁的風(fēng)格特色，同時也能直接因其視覺關(guān)注，所以可以說是引導(dǎo)文字閱讀以及烘托視覺效果的重要視覺元素。

3.網(wǎng)頁色彩。在網(wǎng)頁設(shè)計(jì)過程中，色彩這一種視覺元素在具有一定的語言特征，具體表現(xiàn)在以下幾個方面：首先，理想型特征，具體而言就是網(wǎng)頁設(shè)計(jì)師在設(shè)計(jì)過程中可以按照自身意愿來進(jìn)行色彩設(shè)計(jì)與布置，這樣就能讓整個網(wǎng)頁畫面呈現(xiàn)出設(shè)計(jì)師自身所理想的色彩。其次，象征性特征，這一特征主要指的是不同的色彩能夠讓人心里以及態(tài)度等多方面受到影響，讓色彩具備一定的性格標(biāo)簽，就讓能整個網(wǎng)頁版面也呈現(xiàn)出一定的寓意。最后，和諧型特征，這一特征主要注重的是在整個網(wǎng)頁設(shè)計(jì)完成之后，其色彩所呈現(xiàn)出來的整體效果，所以這一種特征從某些方面來說本身也是形成網(wǎng)頁色彩個性的狀態(tài)，能夠很好地烘托網(wǎng)頁主題，所以重點(diǎn)則表現(xiàn)在方法使用這一點(diǎn)上。

三、平面視覺元素在網(wǎng)頁設(shè)計(jì)中的創(chuàng)新應(yīng)用

1.文字的創(chuàng)新設(shè)計(jì)。上述分析中就有提到，在網(wǎng)頁設(shè)計(jì)過程中網(wǎng)頁文字是其中十分重要的構(gòu)成，而為了能夠?qū)⑵矫嬉曈X元素對網(wǎng)頁設(shè)計(jì)的長遠(yuǎn)發(fā)展的促進(jìn)作用有效的發(fā)揮出來，首先就需要加強(qiáng)文字的創(chuàng)新應(yīng)用。在設(shè)計(jì)過程中，設(shè)計(jì)人員可以結(jié)合整個版面需求來對文字與問題進(jìn)行合理的設(shè)計(jì)，例如，對于字體的設(shè)計(jì)，設(shè)計(jì)人員就需要從界面總體以及瀏覽者瀏覽舒適度等多方面進(jìn)行分析，通常情況下設(shè)計(jì)師會使用默認(rèn)字體，畢竟網(wǎng)頁兼容性不強(qiáng)的環(huán)境下，若設(shè)計(jì)了特殊效果的字體，瀏覽者并不一定就能夠看到預(yù)期的效果。文字本身就具有易變?nèi)涡砸约耙鬃x性，也是整個網(wǎng)站頁面設(shè)計(jì)之中的重點(diǎn)內(nèi)容，設(shè)計(jì)師在進(jìn)行文字設(shè)計(jì)的時候，對于文字配色方案一定要提高重視，讓其配色方案能夠準(zhǔn)確、清晰且可讀，對于文字的顏色、大小以及背景顏色對比度等多方面也需要進(jìn)行合理的控制。例如，在文字設(shè)計(jì)過程中，背景周圍元素一定不能對文字閱讀造成影響，所以盡可能在設(shè)計(jì)過程中使用圖形文字、游動文字;而對于文字的距離則需要進(jìn)行合理的設(shè)置，加強(qiáng)對細(xì)節(jié)的重視，對文字與圖形之間的交叉以及錯合進(jìn)行合理的把控與檢查，這樣才能給人在視覺上留下美感，讓瀏覽者在瀏覽網(wǎng)頁的時候產(chǎn)生身心愉悅之感。

2.圖形圖像與圖片的創(chuàng)新設(shè)計(jì)。在網(wǎng)絡(luò)之中，圖形圖像與圖片可謂是除了文字之外最早進(jìn)入到網(wǎng)絡(luò)之中的多媒體形象，其傳達(dá)的信息相較于文字而言更加的直觀且具有寓意，而且圖片在網(wǎng)頁設(shè)計(jì)之中的應(yīng)用還促使整個網(wǎng)頁界面得到了美化。在傳統(tǒng)平面設(shè)計(jì)過程中，設(shè)計(jì)人員對于原圖圖像分辨率、尺寸等多方面都具有較高的質(zhì)量要求，尤其是在進(jìn)行四色印刷的時候更是如此;但是，在網(wǎng)絡(luò)化時代背景之下的圖片卻呈現(xiàn)出了全新的特點(diǎn)，其對于圖片分辨率并沒有過高的要求，反而還耕地，因?yàn)榫W(wǎng)絡(luò)上的圖片通常都是顯示在計(jì)算機(jī)顯示器上，所以會受到顯示器分辨率限制，及時圖片本身具有較高的精度也無法準(zhǔn)確顯示。為此，在網(wǎng)頁設(shè)計(jì)過程中圖片分辨率通常只需要72p。此外，圖片文件也應(yīng)該盡可能的小，畢竟網(wǎng)頁圖片在應(yīng)用網(wǎng)絡(luò)進(jìn)行傳輸?shù)臅r候，很容易受到寬帶網(wǎng)絡(luò)等方面的限制，所以文件尺寸最好能夠在一定程度上縮小。

3.色彩的創(chuàng)新設(shè)計(jì)。在網(wǎng)頁設(shè)計(jì)過程中，色彩是其中十分重要的視覺元素之一，將不同的色彩組合在一起就能夠呈現(xiàn)出美觀的網(wǎng)頁界面。網(wǎng)頁設(shè)計(jì)人員在設(shè)計(jì)過程中，一定要意識到其本身就是構(gòu)建在國際互聯(lián)網(wǎng)平臺上的，所以在網(wǎng)頁色彩設(shè)計(jì)的時候，一定要滿足國際色彩需求標(biāo)準(zhǔn)，即我們常提到的網(wǎng)頁安全色。在設(shè)計(jì)的時候合理的應(yīng)用色彩來讓瀏覽者獲得良好的心理體驗(yàn)，先分析總體風(fēng)格然后再基于此設(shè)計(jì)出主色調(diào)和輔助色，這樣才能有效發(fā)揮出平面視覺元素對于網(wǎng)頁設(shè)計(jì)的促進(jìn)作用。對于這一點(diǎn)，可以在設(shè)計(jì)過程中從以下幾點(diǎn)著手：（1）使用一種主色彩。在進(jìn)行網(wǎng)頁色彩設(shè)計(jì)的時候，設(shè)計(jì)人員可以先選定一種色彩來作為主色彩，然后對色彩的飽和度以及透明度進(jìn)行調(diào)整，同時產(chǎn)生一種新的色彩，然后將其應(yīng)用于網(wǎng)頁之中。借助于這一種色彩創(chuàng)新的方式，能夠讓整個色彩保持統(tǒng)一，同時給人以一種層次感。如圖1所示，網(wǎng)頁設(shè)計(jì)師就是在設(shè)計(jì)過程中將紅色作為了主色彩，然后基于此來對整個網(wǎng)頁頁面進(jìn)行文字以及圖像設(shè)計(jì)，讓整體維持良好的和諧性。（2）使用兩種色彩。在進(jìn)行網(wǎng)頁色彩設(shè)計(jì)的時候，使用兩種色彩進(jìn)行網(wǎng)頁色彩設(shè)計(jì)，其需要設(shè)計(jì)人員先選定一種色彩，然后再選擇所選色彩的對比色，通過這種色彩設(shè)計(jì)方式來讓整個網(wǎng)頁頁面變得更加的豐富且多彩，而且還不會花峭，屬于一種十分有效的色彩創(chuàng)新應(yīng)用技巧。如圖2所示，設(shè)計(jì)人員在設(shè)計(jì)過程中將黃色作為了主色彩，然后將綠色這一對比色作為另一種設(shè)計(jì)色彩，通過這種方式來進(jìn)行合理的色彩把控。（3）使用同一種色系。在進(jìn)行網(wǎng)頁色彩視覺元素設(shè)計(jì)的時候，還可以使用同一色系來進(jìn)行合理的設(shè)計(jì)，具體而言就是使用一個感覺的色彩來進(jìn)行網(wǎng)頁設(shè)計(jì)，例如，可以使用暖色系來進(jìn)行設(shè)計(jì)，即紅色、黃色等，這樣就能給人以一種十分溫柔柔和的感覺;也可以使用冷色系，像是藍(lán)色、綠色以及紫色等。（4）將黑色與一種色彩聯(lián)合使用。在進(jìn)行網(wǎng)頁色彩視覺元素設(shè)計(jì)的時候，除了上述幾種色彩視覺元素創(chuàng)新應(yīng)用方式之外，設(shè)計(jì)師還可以在設(shè)計(jì)過程中將黑色與一種色彩聯(lián)合起來使用。可是，在進(jìn)行聯(lián)合使用的時候，還需要結(jié)合整體情況對文字、圖片等多方面進(jìn)行綜合考慮，例如，使用大紅色的字體來配上黑色的邊框就會給人一種十分“跳躍”的感受。為此，在設(shè)計(jì)過程中，還需要對主頁底色深淺程度進(jìn)行合理的設(shè)計(jì)，假設(shè)底色十分的深，文字的顏色則需要盡可能的淺，這樣就能借用深色背景來有效襯托出淺色的文字內(nèi)容;反之，假設(shè)底色十分的淡，就可以將文字顏色設(shè)計(jì)為深顏色，借助于淺色背景來烘托深色的內(nèi)容或者是圖片。如圖3所示，設(shè)計(jì)人員在設(shè)計(jì)的時候就將紅色與黑色聯(lián)系在了一起進(jìn)行設(shè)計(jì)，而在選用深紅色作為底色之后，設(shè)計(jì)人員的文字設(shè)計(jì)就選用了淺白色，通過這種方式來讓整個設(shè)計(jì)變得和諧，而瀏覽則也不會感覺刺痛。總之，在進(jìn)行網(wǎng)頁色彩設(shè)計(jì)的時候，設(shè)計(jì)人員可以適當(dāng)對純度以及面積進(jìn)行調(diào)整，這樣才能讓整個色彩設(shè)計(jì)變得更加的創(chuàng)新。

4.版式的創(chuàng)新設(shè)計(jì)。在網(wǎng)頁設(shè)計(jì)過程中，要想有效發(fā)揮出平面視覺元素的促進(jìn)作用，在設(shè)計(jì)過程中還需要注重版式這一視覺元素的創(chuàng)新設(shè)計(jì)。網(wǎng)頁版面設(shè)計(jì)主要指的是在有限的屏幕空間中將多媒體元素有效的組合在一起，同時將各種構(gòu)成元素進(jìn)行調(diào)和、均衡、律動的視覺導(dǎo)向以及留白等多方面按照主題需求來進(jìn)行合理的關(guān)系設(shè)計(jì)與安排，這樣才能將各種視覺元素進(jìn)行有效的關(guān)聯(lián)，真正實(shí)現(xiàn)合理配置，從而讓整個網(wǎng)頁版式設(shè)計(jì)變得更加的美觀且舒適，有效實(shí)現(xiàn)平面視覺元素對網(wǎng)頁設(shè)計(jì)的長遠(yuǎn)促進(jìn)作用。

四、結(jié)語

綜上所述，在步入互聯(lián)網(wǎng)時代環(huán)境后，群眾生活以及工作和網(wǎng)絡(luò)的聯(lián)系也越發(fā)的緊密，無時無刻都在借助于網(wǎng)絡(luò)獲得最新資訊，而網(wǎng)站要想吸引更多的讀者，一定要更加的新穎獨(dú)特，所以網(wǎng)頁界面設(shè)計(jì)在這一過程中的重要性也在不斷突出。無論是任何一個網(wǎng)頁其本身都包含了較多的網(wǎng)頁元素，網(wǎng)頁界面設(shè)計(jì)不單單知識將網(wǎng)頁之中的元素進(jìn)行簡單的構(gòu)成，需要結(jié)合主題來將其進(jìn)行藝術(shù)組合與設(shè)計(jì)，從而給人帶來較為良好的視覺體驗(yàn)。為此，網(wǎng)頁設(shè)計(jì)人員一定要意識到平面視覺元素對于網(wǎng)頁設(shè)計(jì)長遠(yuǎn)發(fā)展的促進(jìn)作用，結(jié)合實(shí)際合理應(yīng)用平面視覺元素進(jìn)行設(shè)計(jì)。

參考文獻(xiàn)：

[1]董海斌，王麗梅，孫浩章.網(wǎng)頁界面設(shè)計(jì)中的平面視覺元素[J].包裝工程，2010（04）.

[2]和曉娟.平面視覺元素在網(wǎng)頁設(shè)計(jì)中的應(yīng)用研究[J].電腦編程技巧與維護(hù)，2014（10）.

[3]藍(lán)機(jī)滿.網(wǎng)頁設(shè)計(jì)中平面視覺元素的應(yīng)用[J].數(shù)字技術(shù)與應(yīng)用，2012（07）.

[4]王秀杰.談平面視覺元素在網(wǎng)頁界面設(shè)計(jì)中的運(yùn)用[J].商，2014（02）.