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

林琳

摘要：在科技技術不斷發(fā)展的時代背景之下，網(wǎng)絡與我們日常生活越發(fā)的緊密，網(wǎng)頁作為一種全新的信息傳播方式，也在我們日常工作以及學習過程中提供了較大的幫助，在群眾文化水平不斷發(fā)展的時代背景之下，群眾對于網(wǎng)頁設計的整體要求也有了明顯的提升，應用平面視覺元素進行設計則能讓整個頁面更加具有良好的視覺感受，所以本文也就平面視覺元素對網(wǎng)頁設計長遠發(fā)展的促進作用進行了研究。

關鍵詞：平面視覺元素;網(wǎng)頁設計;促進作用

中圖分類號：TP393.092 文獻標識碼：A 文章編號：1005-5312（2019）24-0164-02

一、引言

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

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

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

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

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

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

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

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

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

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

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

四、結語

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

參考文獻：

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

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

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

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