網(wǎng)頁(yè)設(shè)計(jì)中視覺(jué)藝術(shù)構(gòu)成分析

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

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

0 前言

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

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

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

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

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

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

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

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

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

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

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

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

5 結(jié)語(yǔ)

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

參考文獻(xiàn)：

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

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

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

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

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