淺談網(wǎng)頁設(shè)計中視覺元素的功能及運(yùn)用

周妙盈

摘 要：視覺元素對于網(wǎng)頁設(shè)計來說是十分重要的，能夠充分的體現(xiàn)出設(shè)計者所想表達(dá)的內(nèi)容和風(fēng)格。所以，為了能夠使網(wǎng)頁充分的發(fā)揮出應(yīng)有的作用和效果，應(yīng)該注重視覺元素在設(shè)計中的合理應(yīng)用。本文將會針對視覺元素對于網(wǎng)頁設(shè)計的影響和功能進(jìn)行具體論述，希望能夠為設(shè)計者提供參考作用。

關(guān)鍵詞：網(wǎng)頁設(shè)計;視覺元素;功能;運(yùn)用

互聯(lián)網(wǎng)的應(yīng)用已經(jīng)滲透到了人們生活的各個領(lǐng)域之中，人們在進(jìn)行信息傳播和讀取的時候大多都需要通過網(wǎng)站頁面來進(jìn)行。不同的網(wǎng)站頁面由于功能和內(nèi)容的不同呈現(xiàn)出了明顯的差異性，為了能夠讓網(wǎng)頁的設(shè)計達(dá)到理想的效果，應(yīng)該注重其內(nèi)部視覺元素的應(yīng)用[1]。設(shè)計者應(yīng)該對于這些視覺要素進(jìn)行深入的了解，并且探究如何將其應(yīng)用到網(wǎng)頁設(shè)計之中。

一、網(wǎng)頁設(shè)計中視覺元素分析

視覺元素是可視化的一種表現(xiàn)形式，將視覺對象的集合點進(jìn)行呈現(xiàn)，成為人們接收外部信息傳遞的重要渠道。網(wǎng)頁設(shè)計主要有兩個方面，一方面是視聽，另一方面是二維平面。二維平面的視覺元素主要涵蓋著色彩、文字、版式以及各類圖形等，將這些元素進(jìn)行合成呈現(xiàn)出最終的風(fēng)格形式。此外，視聽元素則涵蓋著音頻、視頻以及動畫等元素，對用戶進(jìn)行視覺和聽覺上的刺激，引起廣大用戶的興趣，從而進(jìn)行視覺信息的傳遞。多種視覺元素共同參與才能夠推動網(wǎng)頁設(shè)計工作的進(jìn)行，通過信息的傳遞使得各個元素之間產(chǎn)生協(xié)調(diào)，從而形成符合人們視覺審美的網(wǎng)頁設(shè)計作品。

二、網(wǎng)頁設(shè)計中視覺元素的功能

2.1加強(qiáng)心理呼應(yīng)

人們在瀏覽網(wǎng)頁的過程中，時常能夠體會到不同風(fēng)格的網(wǎng)頁給予他們的不同感受。人們在瀏覽的過程中，一些理性的信息主要通過網(wǎng)頁中的文字所表現(xiàn)出來。而網(wǎng)頁中運(yùn)用的色彩調(diào)配、版式和圖案等元素則能夠傳遞給瀏覽者一些感性的信息。瀏覽者通常是遵循著網(wǎng)頁中的元素進(jìn)行瀏覽的，所以設(shè)計者為了能夠使兩個頁面呈現(xiàn)出視覺流動的狀態(tài)，需要善于利用各種視覺元素之間的關(guān)系。盡量的將文字中理性的信息與用戶使用過程中的心理聯(lián)系在一起，給用戶一個輕松的使用感受。此外，視覺元素的有效組合，也可以引導(dǎo)瀏覽者主動去獲取網(wǎng)頁所呈現(xiàn)出來的內(nèi)容，從而增加網(wǎng)頁瀏覽量。

2.2提供信息導(dǎo)向

瀏覽者在瀏覽網(wǎng)頁的時候想要獲取的信息通常只占用整個網(wǎng)頁中的一少部分，但是其很容易受到一些無用信息的干擾而浪費(fèi)了很多的時間。對于這種情況來說，應(yīng)該在設(shè)計頁面的時候更加明確的進(jìn)行引導(dǎo)，讓使用者能夠快捷的找到自己想要了解的信息[2]。在進(jìn)行網(wǎng)頁搜索的過程中經(jīng)常會出現(xiàn)很多無關(guān)性的內(nèi)容，和傳統(tǒng)性的紙媒有著很大的區(qū)別，因此，網(wǎng)頁在設(shè)計過程中可以在合適的位置進(jìn)行圖片視覺元素的添加，讓瀏覽者能夠在第一時間搜索到目標(biāo)。除此之外，為了能夠吸引更多的瀏覽者，可以增加一些色彩豐富或圖片類的視覺元素，但是盡量與本頁面保持統(tǒng)一的風(fēng)格，避免雜亂無章。

2.3輔助信息傳遞

對于一個網(wǎng)頁的主體來說，其主要由圖片和文字等信息共同組成，但是畢竟局限于二維平面之中，所以很難迅速的傳遞信息。根據(jù)這種情況可以有效的使用具有視聽效果的視覺元素，對使用者的瀏覽能夠起到一定輔助作用。例如，動畫能夠給頁面帶來豐富的動感性，幫助人們帶來視覺上的愉快體驗。這樣一來，用戶在瀏覽的時候能夠更加體會到網(wǎng)頁的趣味性，對網(wǎng)頁的印象也更加深刻。

2.4體現(xiàn)審美特征

網(wǎng)頁設(shè)計只有融入了審美特征和元素之后，才能夠體現(xiàn)出其審美性，在保證各個元素能夠協(xié)調(diào)配合之外，添加的文字和圖片都應(yīng)該遵循視覺審美的規(guī)律，不要讓風(fēng)格顯得過于雜亂。隨著網(wǎng)絡(luò)不斷進(jìn)入千家萬戶，在人們的日常生活與網(wǎng)絡(luò)之間存在了不可分割的聯(lián)系之后，人們在瀏覽網(wǎng)頁的過程中，除了想要迅速地獲得信息之外，更希望能夠通過瀏覽的過程能獲得更多的審美體驗[3]。所以為了滿足人們在此方面的需求，應(yīng)該注意整個網(wǎng)頁色彩的調(diào)配、文字排版和圖片使用等幾個方面，在網(wǎng)頁設(shè)計過程中需要迎合廣大受眾的需求，給予用戶良好的審美體驗，從根本上提升網(wǎng)頁的訪問量。

三、網(wǎng)頁設(shè)計中視覺元素的運(yùn)用

3.1 在界面布局上的運(yùn)用

除了上述的一些視覺元素之外，頁面的布局對于網(wǎng)頁的整體設(shè)計來說也是十分重要的。一些網(wǎng)頁在設(shè)計的過程中可能要運(yùn)用到很多的圖片和文字，如果它們在編排的時候雜亂無章的放在一起，很容易給人一種混亂的感受。應(yīng)該注重這些元素的有機(jī)結(jié)合，把一些突出想要表現(xiàn)的元素放在中央偏上的位置，讓人們迅速的能夠注意到。這樣一來，整個布局更加清晰明了，對于網(wǎng)頁所傳達(dá)的主題起到了突出的作用。

3.2在人機(jī)交互上的運(yùn)用

為了傳遞信息導(dǎo)向，在進(jìn)行網(wǎng)頁設(shè)計過程中需要加強(qiáng)對人機(jī)交互視覺元素的重視，網(wǎng)頁大部分是通過資源共享以及信息交流的形式呈現(xiàn)出來的，這一開放性元素的體現(xiàn)，主要是幫助廣大用戶群體可以在較短的時間內(nèi)搜索到自身所需要的相關(guān)網(wǎng)頁信息，從而在第一時間內(nèi)進(jìn)行資料的獲取。與此同時，在導(dǎo)航設(shè)計形式上需要確保和網(wǎng)頁風(fēng)格一致性，形成統(tǒng)一性的網(wǎng)頁色彩搭配，確保視覺上的平和性。此外，在頁面文字的設(shè)計上，大部分需要保證文字的正常性，同時也可以穿插些具有個性化的文字形式，以增加網(wǎng)頁的整體美感，從而吸引廣大用戶的瀏覽。

3.3在效果呈現(xiàn)上的運(yùn)用

在設(shè)計網(wǎng)頁的過程中應(yīng)該注重用戶審美的體驗。在選用色彩的時候根據(jù)色彩的不同功能進(jìn)行分類，其主要包括引導(dǎo)性、標(biāo)識性和功能性等。能夠讓瀏覽者準(zhǔn)確的根據(jù)頁面信息進(jìn)行操作的同時，也防止比例失調(diào)造成眼花繚亂的情況。除了頁面的主色調(diào)之外，還需要一些色彩作為輔助，這些起到輔助作用的色層應(yīng)該盡量選用一致的色調(diào)，且應(yīng)該比主色調(diào)的飽和度低一些，起到襯托的作用。一些圖片可能會給瀏覽者視覺帶來一定的刺激，這些顏色是應(yīng)該盡量避免的，應(yīng)盡量選用一些溫和且具有親和力的色彩。

結(jié)語

為了能夠讓使用者在瀏覽網(wǎng)頁的過程中迅速的獲取自身想要了解的信息，且能有一個舒適和愉快的體驗，應(yīng)該注重在網(wǎng)頁設(shè)計過程中視覺元素的合理編排，著重的關(guān)注合理排版和配色等。在具體進(jìn)行頁面布局的過程中，不應(yīng)該違背視覺傳達(dá)的原則，保持各種視覺要素存在緊密聯(lián)系的同時，能夠起到互通和信息傳遞的功能。在此基礎(chǔ)上，瀏覽者不僅體驗了網(wǎng)頁的功能性，還享受了完美的視覺效果。

參考文獻(xiàn)：

[1]朱婷婷，蔣飛燕.網(wǎng)頁設(shè)計的視覺信息傳達(dá)分析[J].美術(shù)教育研究，2019（09）：103-104+107.

[2]甄鳳其.網(wǎng)頁設(shè)計中視覺元素的功能與審美性研究[J].電腦編程技巧與維護(hù)，2017（17）：84-86.

[3]阮翔.視覺元素在網(wǎng)頁設(shè)計中的功能[J].電子制作，2015（24）：30.