摘 要：本文重點闡述了網(wǎng)頁設(shè)計中視覺藝術(shù)構(gòu)成分析，并從排版視覺藝術(shù)構(gòu)成、文字視覺藝術(shù)構(gòu)成、圖片視覺藝術(shù)構(gòu)成、色彩視覺藝術(shù)構(gòu)成等四個方面對此問題進行闡述，希望通過本文的分析大家能對此問題有一個清晰的了解。

關(guān)鍵詞：排版；文字；圖片；色彩

0 前言

隨著互聯(lián)網(wǎng)的興起網(wǎng)頁設(shè)計已經(jīng)成為各大平臺、公司主頁、交流群彰顯文化、彰顯主題、彰顯個性的重要構(gòu)成，好的網(wǎng)頁設(shè)計不僅囊括一流的操作感，同時應(yīng)當囊括藝術(shù)設(shè)計氛圍，而網(wǎng)頁的藝術(shù)傳達主要以視覺感官為主，因此本文重點闡述了網(wǎng)頁設(shè)計中視覺藝術(shù)構(gòu)成分析，對排版視覺構(gòu)成、文字視覺構(gòu)成、圖片視覺構(gòu)成、色彩視覺構(gòu)成，希望對這一方面的藝術(shù)塑造有所幫助。

1 排版視覺藝術(shù)構(gòu)成

網(wǎng)頁頁面設(shè)計的第一重點在于排版，現(xiàn)在排版理論可以分為三個方向，即從點、線、面展開排版，以往的藝術(shù)形式中，都是以點帶線，以線畫面，但在網(wǎng)頁設(shè)計中恰好相反，是以面為主要構(gòu)成，以線為重點分割，以點作為輔助，比如在一個網(wǎng)頁頁面中，最重要的是版面設(shè)計的主體基調(diào)，如搜狐的版面當中最大的窗口面是當天發(fā)生的重要新聞，這個新聞版面占據(jù)整個網(wǎng)頁的六分之一的位置，非常醒目并且配合剪輯畫面，能夠讓人一眼清晰地了解到最新新聞的內(nèi)容，給予一個“大面”抓住瀏覽者的眼球，其次才是版塊的劃分，如生活版、軍事版、歷史版等等，這就使線的分割，每一個線路都非常明確能夠讓瀏覽者能夠快速找到自己感興趣的話題，從而進入到連接當中欣賞內(nèi)容，最后才是圍繞劃分內(nèi)容做得一些輔助和補充。例如，觀看磨一話題時在旁邊能夠瀏覽到相關(guān)的話題，通過超鏈接進入。再比如，會有一些輔助性的淘寶、蘇寧的網(wǎng)商的廣告，諸如此類分散的點構(gòu)成了整體的輔助效果，充實了頁面設(shè)計。因此，網(wǎng)頁設(shè)計版面的視覺效果應(yīng)當從“面、線、點”三個方向逐一排序，讓瀏覽能夠把握到主次順序，使整個視覺效果不會被淹沒在冗雜無關(guān)注點的文字新聞當中。

2 文字視覺藝術(shù)構(gòu)成

文字視覺藝術(shù)的重點在于吸引，近年來興起的標題黨就是最好的視覺藝術(shù)呈現(xiàn)，文字視覺藝術(shù)做成標題形式，能夠迅速地抓住關(guān)注著的眼球，并且最大程度的吸引關(guān)注著。例如，“農(nóng)夫山泉買礦泉水”這樣的廣告標題不能吸引任何關(guān)注，但將其改成“農(nóng)夫山泉是大自然的搬運工”則迅速在瀏覽者的腦海中產(chǎn)生了疑問，希望能夠點擊了解，這就形成了吸引的視覺效果。再比如，最近很紅火的一個親子標題“我陪別人的老公在家，我老公帶著別人的媳婦去了游樂場”，其實是“媽媽帶著兒子在家溫習(xí)功課，爸爸帶著女兒去游樂園”這樣的文字標題有讓人遐想的隱晦空間，所以也時常使用的手段之一。因此，文字視覺效果不僅是最方便吸引眼球方式，同時也是最快捷最有效的方式。另外，文字視覺藝術(shù)還包含“引導(dǎo)視覺藝術(shù)”，舉例說明。例如，“領(lǐng)導(dǎo)人的秘密生活”這一標題，大家在網(wǎng)上圍觀的過程中會將視線集中在領(lǐng)導(dǎo)和秘密兩個詞匯上，因為中國的特殊性質(zhì)，“領(lǐng)導(dǎo)”近年來成為百姓關(guān)注的重點，再加上“秘密”的延續(xù)引申就會收到引導(dǎo)觀眾的效果，這是利用了觀眾的好奇心理，同時增強了觀眾對于網(wǎng)頁的探索熱度，諸如此類的手法比如“變換式”、“遙控式”等等都可以歸納到文字視覺藝術(shù)的領(lǐng)域當中。

3 圖片視覺藝術(shù)的構(gòu)成

圖片視覺藝術(shù)和色彩視覺藝術(shù)是對視覺沖擊感最強的表現(xiàn)方式，其重點在于如何配置插圖將圖片和所要表達的文字進行完整的融合，并且要控制圖片與文字的比例，圖片太大則會顯得網(wǎng)頁特別好混亂，圖片過小則會顯得網(wǎng)頁特別臃腫，圖片清晰度不高則會讓觀眾對網(wǎng)頁內(nèi)容產(chǎn)生質(zhì)疑，現(xiàn)在網(wǎng)頁圖片設(shè)計要做到三點，第一風(fēng)格統(tǒng)一、主色調(diào)一致，統(tǒng)一風(fēng)格的圖片能夠起到連續(xù)性的帶動作用，色調(diào)一致的圖片能夠加強人對圖片的連續(xù)性的感官，并且能夠起到引導(dǎo)的作用；第二傳遞信息清晰明快，選擇的圖片要最大限度地凸顯文字中表達的內(nèi)涵，要做到圖文并茂，若是圖不答意則會使觀賞者產(chǎn)生錯亂的情緒，很難持續(xù)吸引觀賞者，最要做到突出重點，即圖片要符合標題的內(nèi)涵，并且每張圖片能夠有清晰的重點，這些重點連接而成能夠形成完整的故事，從而保障網(wǎng)頁宣傳內(nèi)容的合理性，最大程度的吸引視覺效果。第三傳遞過程中表達設(shè)計者或網(wǎng)頁主旨內(nèi)容，圖品雖然要有自身的風(fēng)格，與文字形成正確的統(tǒng)一性，但也要注意與網(wǎng)站的目的符合。例如，新聞網(wǎng)站中應(yīng)當多以新聞圖片為主，熱賣網(wǎng)站中應(yīng)當多以商品圖片為主，等等，方式與效果的統(tǒng)一不僅能夠進一步加強網(wǎng)頁頁面設(shè)計的整體性，同時能夠加強人們對此網(wǎng)站的視覺整體效果，讓網(wǎng)站的視覺表達更加傳神更加具體。

4 色彩的視覺藝術(shù)構(gòu)成

色彩的視覺藝術(shù)構(gòu)成比較難把握，因為不同地域、不同內(nèi)容、甚至不同人對于色彩的需求都是不同的。因此，正常的網(wǎng)頁設(shè)計要做到的就是色彩迎合大眾，但同時色彩的渲染時整個網(wǎng)頁的渲染。因此，色彩要緊緊圍繞網(wǎng)頁的主要色調(diào)，這就需要在色彩視覺表達設(shè)計當中做到兩個點，第一要符合當下色彩的融合形式，符合社會大眾的需求，同時要圍繞網(wǎng)站主體進行色彩運用，因此我們可以從兩個方面分析：

首先，整個頁面的色彩選擇，確定一個主色調(diào)，這一色調(diào)應(yīng)有利于體現(xiàn)網(wǎng)站主題宗旨.現(xiàn)在多數(shù)的網(wǎng)頁色彩設(shè)計，一般以淺顏色為背景的居多。例如，淺灰色、淺黃色、淺藍色、淺綠色，以淺顏色為底，柔和、淡雅，配上深顏色的字，如黑色，讀起來自然、流暢，符合人常規(guī)的視覺認知習(xí)慣，也有利于突出頁面的重點，更容易為大多數(shù)人認可和掌握其他一些次要內(nèi)容。例如，背景圖片、線條適宜采用不搶眼的顏色，以免喧賓奪主。只有少量精心選擇的元素，為了突出強調(diào)，可采用明亮艷麗的色彩，這些色彩亮點會產(chǎn)生強烈的視覺沖擊，但如果用得太多，就會形成一種均勻的噪聲，而達不到強調(diào)的效果。

其次，網(wǎng)頁背景的色調(diào)搭配上一定要注意不能有強烈的對比，特別是同時使用色彩對比的顏色大面積顏色適宜采用低純度，過于豐富的背景色彩會影響前景圖片和文字的選色，嚴重時會使文字溶于背景中，不易辨識，所以背景一般應(yīng)單純?yōu)橐恕?/p>

最后，色彩的設(shè)計應(yīng)當盡量選取“原色”搭配為主，原色的視覺感受比較清晰，同時不像其他調(diào)成色彩在搭配的過程中產(chǎn)生排斥與反襯托的作用，一般網(wǎng)頁設(shè)計過程中會選擇兩個原色作為網(wǎng)頁的主色調(diào)，三種以內(nèi)的變色作為網(wǎng)頁的搭配設(shè)計，無論是排版框架、文字色彩還是圖片的基礎(chǔ)色調(diào)都不會超出這五種色彩之外，這樣能夠形成統(tǒng)一的風(fēng)格進一步強化網(wǎng)頁設(shè)計的主體性。

5 結(jié)語

網(wǎng)站的視覺設(shè)計要符合大眾化思想，同時也要符合自身的主題，不能以偏概全的進行相待然的設(shè)計，當然適當?shù)耐怀雠c心意必不可少，但應(yīng)當從實際出發(fā)，從需求出發(fā)，盡量與自身主題融合。

參考文獻：

[1] 唐良瑞，蔡安妮，孫景鰲.從認知心理及人機界面談網(wǎng)頁設(shè)計[J].工程圖學(xué)學(xué)報，2010，21（2）：31-37.

[2] 唐良瑞，焦瑋.從消費者心理分析網(wǎng)頁設(shè)計[J].現(xiàn)代計算機，2010（3）：50-53.

[3] 鬲波飛.網(wǎng)頁設(shè)計之視覺信息傳達分析[J].湖南大學(xué)學(xué)報（社會科學(xué)版），2011，15（4）：15-19.

[4] 趙殿澤.構(gòu)成藝術(shù)[M].沈陽：遼寧美術(shù)出版社，2015.

作者簡介：趙宏陽，女，就讀于哈爾濱師范大學(xué)傳媒學(xué)院，研究方向：新媒體藝術(shù)與設(shè)計。