路其遠(yuǎn)

[摘 要] 在網(wǎng)絡(luò)技術(shù)、計(jì)算機(jī)技術(shù)高速發(fā)展的今天，各網(wǎng)站將面臨愈加嚴(yán)峻的行業(yè)競爭，提升網(wǎng)頁頁面設(shè)計(jì)藝術(shù)性，以吸引受眾，是當(dāng)前網(wǎng)站建設(shè)工作的重點(diǎn)。簡要就視覺傳達(dá)在網(wǎng)頁頁面設(shè)計(jì)工作中的實(shí)際作用進(jìn)行分析，并立足于此，從網(wǎng)頁頁面設(shè)置、網(wǎng)頁色彩搭配的角度探討如何在網(wǎng)頁頁面設(shè)計(jì)中實(shí)現(xiàn)視覺傳達(dá)應(yīng)用效果的提升，以期為廣大網(wǎng)頁設(shè)計(jì)工作者提供頁面設(shè)計(jì)參考。

[關(guān) 鍵 詞] 視覺傳達(dá);網(wǎng)頁頁面設(shè)計(jì);作用;運(yùn)用

[中圖分類號] G642 [文獻(xiàn)標(biāo)志碼] A [文章編號] 2096-0603（2018）16-0098-01

網(wǎng)頁頁面設(shè)計(jì)是否科學(xué)、合理，將直接影響受眾的觀感與閱讀興趣，各網(wǎng)站建設(shè)工作人員需重視網(wǎng)頁頁面設(shè)計(jì)工作，秉承藝術(shù)設(shè)計(jì)指導(dǎo)原則，學(xué)習(xí)并靈活應(yīng)用多種視覺傳達(dá)設(shè)計(jì)技巧，鮮明表達(dá)主題，提升頁面內(nèi)容、形式的融合度，更為美觀地呈現(xiàn)網(wǎng)頁內(nèi)容，方便瀏覽者快速把握頁面主題，并在腦海中形成深刻影響。

一、視覺傳達(dá)設(shè)計(jì)在網(wǎng)頁頁面設(shè)計(jì)中的作用

網(wǎng)頁是網(wǎng)站建設(shè)的基礎(chǔ)單位，因此，網(wǎng)頁頁面設(shè)計(jì)質(zhì)量將直接決定該網(wǎng)站是否能受到瀏覽者的支持。當(dāng)前，我國網(wǎng)站數(shù)量呈井噴式增長，但由于網(wǎng)頁頁面設(shè)計(jì)技術(shù)不過關(guān)、網(wǎng)站建設(shè)門檻較低，大多數(shù)網(wǎng)站的網(wǎng)頁頁面設(shè)計(jì)都十分平庸，未融入藝術(shù)頁面設(shè)計(jì)理念，導(dǎo)致網(wǎng)站傳播面受限。

而視覺傳達(dá)設(shè)計(jì)理念是現(xiàn)代化網(wǎng)頁設(shè)計(jì)應(yīng)遵從的關(guān)鍵性理念內(nèi)容，其在網(wǎng)頁設(shè)計(jì)中具有十分重要的應(yīng)用優(yōu)勢。首先，視覺傳達(dá)設(shè)計(jì)應(yīng)用能有效提升網(wǎng)頁頁面的美觀度，即在保證信息傳達(dá)完整的基礎(chǔ)上，為受眾創(chuàng)建具有美且愉悅的網(wǎng)頁瀏覽環(huán)境，以吸引受眾。其次，基于視覺傳達(dá)設(shè)計(jì)理念進(jìn)行網(wǎng)頁頁面設(shè)計(jì)，可在科學(xué)、統(tǒng)一排版的同時(shí)，提升頁面豐富度，注入更多生氣，靈活傳達(dá)頁面信息。此外，視覺傳達(dá)設(shè)計(jì)理念應(yīng)用還能突出網(wǎng)頁頁面內(nèi)容主題，借助畫面為瀏覽者提供閱讀路徑，強(qiáng)調(diào)頁面主要內(nèi)容，擴(kuò)大視覺力量，以方便瀏覽者閱讀，提升頁面吸引力。

二、視覺傳達(dá)設(shè)計(jì)在網(wǎng)頁頁面設(shè)計(jì)中的運(yùn)用分析

（一）基于視覺傳達(dá)設(shè)計(jì)實(shí)現(xiàn)網(wǎng)頁頁面布局設(shè)計(jì)

1.網(wǎng)頁頁面造型元素布局

網(wǎng)頁頁面中版面空間中涵蓋大量造型元素，包括點(diǎn)、線、面以及空白。設(shè)計(jì)師需從頁面整體性、協(xié)調(diào)性以及統(tǒng)一性的角度出發(fā)，合理安排、組織以上造型元素，以避免頁面過于雜亂無章，繼而傳遞出特定美感。由于造型元素位于頁面不同位置時(shí)，其所產(chǎn)生的視覺效果與傳遞的心理感受存在差異，例如，若確定版面幾何中心，并以該中心為基點(diǎn)進(jìn)行造型元素對稱排版，則將使網(wǎng)頁頁面愈加莊重、平衡。

除卻點(diǎn)、線、面這些基礎(chǔ)造型元素，空白元素布置也十分重要，合理設(shè)置空白大小、形式以及比例。巧妙留白不僅能調(diào)整文字、圖片等內(nèi)容的關(guān)系，還有助于網(wǎng)頁主題烘托、情感渲染，優(yōu)化頁面空間層次。例如，若網(wǎng)頁頁面的主要內(nèi)容為詩歌《詠梅》，則設(shè)計(jì)師在設(shè)計(jì)時(shí)需配合網(wǎng)頁主題情感與內(nèi)容，盡量留下空白，以貼合詩歌情感，烘托主題。

2.網(wǎng)頁頁面內(nèi)容布局

內(nèi)容占據(jù)網(wǎng)頁頁面絕大部分，通常涵蓋圖片、文字等，若不注重合理的內(nèi)容布局設(shè)計(jì)，則容易造成頁面雜亂無章之感，影響瀏覽者獲取內(nèi)容主題。設(shè)計(jì)師需站在瀏覽者角度，在做到圖文并茂的同時(shí)，也確保頁面內(nèi)容相得益彰，且彼此間形成互補(bǔ)的視覺關(guān)系。例如，設(shè)計(jì)師在對頁面圖片內(nèi)容與文字內(nèi)容進(jìn)行布局設(shè)計(jì)時(shí)，需盡可能控制文字內(nèi)容量，避免文字過多而造成頁面沉悶、缺乏生氣。而在布置圖片時(shí)，需以文字布局為基點(diǎn)，使兩者形成密切配合關(guān)系，互為襯托，共同為頁面主題表達(dá)作服務(wù)。

（二）基于視覺傳達(dá)設(shè)計(jì)實(shí)現(xiàn)網(wǎng)頁頁面色彩搭配設(shè)計(jì)

色彩是網(wǎng)頁的另一大元素，設(shè)計(jì)師在搭配頁面色彩時(shí)，需遵循整體性、適應(yīng)性原則，前者主要指統(tǒng)一網(wǎng)站多個(gè)網(wǎng)頁頁面的色彩應(yīng)當(dāng)大體一致，以構(gòu)成頁面間聯(lián)系。而后者則主要是指設(shè)計(jì)師需明確色彩所表達(dá)的情感差異以及色彩能帶給瀏覽者的心理感受，以此選擇與主題相符的色彩進(jìn)行設(shè)計(jì)。例如，教育類網(wǎng)站設(shè)計(jì)時(shí)，設(shè)計(jì)師可選擇藍(lán)色、灰色等含蓄、內(nèi)斂的色調(diào)。而兒童類網(wǎng)站設(shè)計(jì)則可選擇紅色、粉色、綠色等活潑、有生氣的色彩作為網(wǎng)頁色彩主調(diào)。

在網(wǎng)頁頁面主色確定后，設(shè)計(jì)師還需合理搭配多種色彩，以在符合主題的基礎(chǔ)上，提升網(wǎng)頁頁面美感。鑒于此，設(shè)計(jì)師需遵循首先確定網(wǎng)頁頁面色彩主調(diào)，而后以此為中心，搭配多種輔助色，使兩者相輔相成地為頁面主題烘托服務(wù)。其中，輔助色應(yīng)用，主要是為協(xié)調(diào)主題色，緩沖主題色功能與情感，應(yīng)選擇與主題色相近的色彩。如，若頁面主題色為綠色，設(shè)計(jì)師既可選擇多種濃度層次的色彩，也可選擇與之色區(qū)相近的黃色、藍(lán)色。另外，色彩搭配還涵蓋無色彩與有色彩的靈活搭配，這與上述頁面留白相似又不完全一致，即設(shè)計(jì)師需在網(wǎng)頁頁面中適當(dāng)進(jìn)行留白，既用作烘托色彩、突出色彩，又可提升頁面藝術(shù)感，提升頁面對比度，生動(dòng)鮮明地展示頁面?zhèn)€性。

面臨激烈的互聯(lián)網(wǎng)競爭，網(wǎng)站建設(shè)者、網(wǎng)頁頁面設(shè)計(jì)工作者需提升緊迫感，以吸引瀏覽者訪問為最終目標(biāo)，思考并探討如何通過主題鮮明的網(wǎng)頁頁面?zhèn)鬟_(dá)主題與內(nèi)容，才能在同類型網(wǎng)站中脫穎而出。鑒于此，設(shè)計(jì)工作者應(yīng)注重視覺傳達(dá)理念的學(xué)習(xí)，掌握多種視覺傳達(dá)設(shè)計(jì)技巧，并應(yīng)用于實(shí)踐，優(yōu)化調(diào)整頁面布局、色彩搭配，滿足瀏覽者對網(wǎng)頁頁面提出的藝術(shù)效果、瀏覽效果等多方面要求。

參考文獻(xiàn)：

[1]盧俊.淺析視覺傳達(dá)在網(wǎng)頁頁面設(shè)計(jì)中的有效運(yùn)用[J].教育現(xiàn)代化，2018，5（5）：297-298，305.

[2]鄭璇.基于視覺信息傳達(dá)的網(wǎng)頁設(shè)計(jì)研究[J].電腦知識與技術(shù)，2018，14（1）：224-225.

[3]畢海波.論新聞網(wǎng)站網(wǎng)頁設(shè)計(jì)中平面視覺元素的傳達(dá)[J].新聞戰(zhàn)線，2017（20）：141-142.