網(wǎng)頁設(shè)計中的視覺構(gòu)成分析

【摘要】：隨著信息技術(shù)的不斷發(fā)展，越來越多的人依賴于計算機(jī)平臺進(jìn)行工作和生活，從而帶動了我國網(wǎng)頁設(shè)計技術(shù)的快速發(fā)展。網(wǎng)頁設(shè)計人員在設(shè)計過程中不僅要重視內(nèi)容的豐富性和靈活性，還要保證網(wǎng)頁的視覺設(shè)計效果，給網(wǎng)友帶來全新的視覺體驗(yàn)。因此，本文就網(wǎng)頁設(shè)計過程中的視覺構(gòu)成以及如何進(jìn)行網(wǎng)頁設(shè)計中的視覺設(shè)計進(jìn)行簡要分析。

【關(guān)鍵詞】：網(wǎng)頁設(shè)計;視覺構(gòu)成;視覺設(shè)計

0.引言

視覺是人類首先需要運(yùn)用到的感官知覺，網(wǎng)頁設(shè)計如果能夠在視覺上對網(wǎng)友造成吸引，那么必然會使得網(wǎng)頁設(shè)計達(dá)到事半功倍的作用[1]。因此，要求網(wǎng)頁設(shè)計人員能夠結(jié)合當(dāng)前社會人們的視覺審美需求，利用合理的設(shè)計和元素的搭配來增強(qiáng)網(wǎng)頁設(shè)計的視覺審美效果，實(shí)現(xiàn)網(wǎng)頁設(shè)計的成功。以下本文就網(wǎng)頁設(shè)計中的視覺構(gòu)成進(jìn)行簡要的分析。

1.網(wǎng)頁設(shè)計中的視覺構(gòu)成概述

所謂視覺構(gòu)成指的是視覺上的效果和審美，網(wǎng)頁設(shè)計中的視覺構(gòu)成還包括了信息技術(shù)的傳播速度帶給網(wǎng)友的視覺沖擊。視覺構(gòu)成與傳統(tǒng)意義上的感官和意識審美是不同的，其不需要經(jīng)過網(wǎng)友長遠(yuǎn)的思考或者通過激發(fā)網(wǎng)友的潛意識而形成某種視覺效果，其更加強(qiáng)調(diào)的是視覺的沖擊力[2]。因此，如何在網(wǎng)頁設(shè)計中達(dá)到這種視覺效果必須要求設(shè)計人員能夠結(jié)合視覺構(gòu)成的各相關(guān)要素，并采用有效的方法進(jìn)行視覺元素的組合，達(dá)到理想中的視覺傳播效果。

具體來看，網(wǎng)頁設(shè)計中的視覺構(gòu)成元素主要包括字、圖、色彩以及點(diǎn)線面的配合，同時，要加強(qiáng)視覺構(gòu)成的效果還必須要求設(shè)計人員能夠遵循一定的視覺構(gòu)成原則。其一，視覺構(gòu)成應(yīng)該要有一定的框架范圍和標(biāo)準(zhǔn)，要求設(shè)計人員在進(jìn)行視覺構(gòu)成設(shè)計之前應(yīng)該要對確定視覺的整體設(shè)計范圍和效果，確定視覺構(gòu)成的水平構(gòu)圖方式，以及視覺構(gòu)成的整體風(fēng)格和表現(xiàn)形式;其二，視覺構(gòu)成要求設(shè)計人員能夠重視視覺的重量原則[3]。所謂視覺重量原則指的是視覺構(gòu)成中各個元素的搭配和比重問題，如顏色深淺的搭配、空間大小的搭配以及線條長短比例的搭配等等，利用這些搭配的比重以及人們的心理定勢，也可以達(dá)到不一樣的視覺構(gòu)成效果;其三，視覺構(gòu)成要求能夠把握好視線動向原則。人們在瀏覽的過程中會朝著哪個方面進(jìn)行關(guān)注其實(shí)是可以控制和引導(dǎo)的，設(shè)計人員只需要根據(jù)人們的閱讀習(xí)慣，在人們較為關(guān)注的地方進(jìn)行合理的視覺構(gòu)成元素搭配和設(shè)計，就可以達(dá)到較好的視線引導(dǎo)效果，把握瀏覽者視線的動向。

可以看出的是，視覺構(gòu)成需要設(shè)計人員能夠在一定的設(shè)計目的的引導(dǎo)下進(jìn)行合理的設(shè)計。一般來說，網(wǎng)頁設(shè)計中的視覺構(gòu)成目的是幫助實(shí)現(xiàn)宣傳和推廣，例如我們經(jīng)常可以看到部分網(wǎng)頁的中間部分出現(xiàn)廣告的推廣情況，這就是利用了人們翻頁時必須要瀏覽到中間部位的心理定勢。此外，視覺構(gòu)成的目的還在于吸引網(wǎng)友的注意力，提高網(wǎng)友的滿意度，以便實(shí)現(xiàn)更好的推廣和宣傳。而對于部分針對性較強(qiáng)的網(wǎng)頁設(shè)計來看，加強(qiáng)視覺構(gòu)成的設(shè)計還可以幫助進(jìn)行意義上的推廣和傳播。如在官網(wǎng)中我們可以看到所有板塊的設(shè)計均是圍繞官方網(wǎng)站的主題內(nèi)容進(jìn)行的，有助于官方網(wǎng)站主題內(nèi)容和思想的傳播和推廣。

2.網(wǎng)頁設(shè)計中的視覺構(gòu)成設(shè)計

網(wǎng)頁設(shè)計的視覺構(gòu)成元素主要包括幾個部分，及色彩和圖文、點(diǎn)、線、面以及人們的思維定勢。因此，要實(shí)現(xiàn)網(wǎng)頁設(shè)計的視覺構(gòu)成必須要求設(shè)計人員能夠從這些方面著手，達(dá)到各種視覺構(gòu)成元素的有機(jī)結(jié)合，增強(qiáng)視覺構(gòu)成效果。

2.1 色彩和圖文的資源配置

色彩和圖文是網(wǎng)頁設(shè)計中的重要內(nèi)容，也是視覺構(gòu)成的重要元素，要實(shí)現(xiàn)網(wǎng)頁設(shè)計中的視覺構(gòu)成效果必須要求設(shè)計人員能夠合理利用色彩和圖文的搭配效果[4]。首先，在圖文的設(shè)計上，設(shè)計人員首先需要結(jié)合網(wǎng)頁的主題進(jìn)行具體問題具體分析。例如，網(wǎng)頁的主題是環(huán)境保護(hù)，那么采用的圖片和文字信息就應(yīng)該要圍繞環(huán)境保護(hù)進(jìn)行具體的設(shè)計，圖片可以以自然生態(tài)的圖片或者地球生物資源的分布等為主，而文字也要更加突顯環(huán)保的重要性。此外，顏色的濃淡、色彩比例的調(diào)配等均是設(shè)計人員在設(shè)計過程中需要特別注意的問題，同時要啊注意配合文字和網(wǎng)站的主題選擇適當(dāng)?shù)念伾尘啊ｎ伾倪x擇可以出于多方面的考慮，如綠色可以保護(hù)瀏覽者的眼睛，給人帶來生機(jī)感，也可以是為了凸顯主題內(nèi)容和進(jìn)行設(shè)置。此外，在網(wǎng)頁設(shè)計中，如何使用不同的顏色進(jìn)行搭配或者調(diào)整顏色搭配的比例也是重要的問題，設(shè)計人員需要根據(jù)實(shí)際的情況進(jìn)行具體的分析。

2.2 點(diǎn)線面的合理搭配

點(diǎn)、線和面是網(wǎng)頁設(shè)計中的關(guān)鍵組成部分，設(shè)計人員在進(jìn)行網(wǎng)頁設(shè)計過程中首先需要對整體布局進(jìn)行規(guī)劃，然后將其分成幾個區(qū)域部分，最后進(jìn)行線條和點(diǎn)的設(shè)計。在這個過程中，如何利用點(diǎn)的設(shè)計來將所有的主題結(jié)合在一起、如何利用線的穿插來體現(xiàn)區(qū)分內(nèi)容的重點(diǎn)，以及如何達(dá)成整個版面在內(nèi)容上和形式上的一致是設(shè)計人員需要具體研究的問題。

2.3 瀏覽者的思維定勢

要實(shí)現(xiàn)網(wǎng)頁設(shè)計的視覺構(gòu)成還需要設(shè)計人員能夠充分考慮到瀏覽者的思維定勢問題，并合理利用這些思維定勢進(jìn)行恰當(dāng)?shù)囊曈X構(gòu)成設(shè)計。思維定勢指的是人們的思維習(xí)慣和心理習(xí)慣，也包括人們的閱讀和瀏覽習(xí)慣，掌握瀏覽者的這些習(xí)慣和心理可以幫助設(shè)計者達(dá)到自己的網(wǎng)頁設(shè)計目標(biāo)，從而實(shí)現(xiàn)信息的傳播和宣傳[5]。例如，在以婚慶為主題的網(wǎng)頁設(shè)計中，有些用戶更加喜歡中式婚禮，那么設(shè)計人員在進(jìn)行網(wǎng)頁設(shè)計時就可以使用唯美紅色婚禮服的圖片的形式來吸引用戶的眼球，此外，設(shè)計人員還可以根據(jù)用戶的瀏覽習(xí)慣為其進(jìn)行相關(guān)“婚禮服”信息的廣告推送設(shè)置。這樣既可以保證視覺構(gòu)成符合用戶的審美，又可以根據(jù)用戶的思維習(xí)慣進(jìn)行產(chǎn)品的推廣。

3.結(jié)語

綜上所述，網(wǎng)頁設(shè)計中的視覺構(gòu)成元素主要指的是網(wǎng)頁中的圖片、文字、顏色以及點(diǎn)線面的分布等，同時網(wǎng)頁設(shè)計視覺構(gòu)成還與瀏覽者的思維定勢有關(guān)。因此，設(shè)計人員在進(jìn)行網(wǎng)頁設(shè)計時必須要根據(jù)網(wǎng)頁的主題進(jìn)行色彩和圖文的資源合理配置，并實(shí)現(xiàn)點(diǎn)線面的有機(jī)結(jié)合，同時根據(jù)瀏覽者的思維定勢心理進(jìn)行具體問題具體分析。（指導(dǎo)老師：安陽 ）

參考文獻(xiàn)：

[1]丁蓮. 網(wǎng)頁界面設(shè)計中視覺藝術(shù)要素的分析與研究[J]. 計算機(jī)光盤軟件與應(yīng)用，2012，10：52-53.

[2]殷實(shí). 以網(wǎng)頁設(shè)計中的版式設(shè)計為例進(jìn)行視覺審美分析[J]. 大舞臺，2012，09：158-159.

[3]謝濤，周新華. 3D視覺元素在網(wǎng)頁設(shè)計中的應(yīng)用與分析[J]. 藝術(shù)與設(shè)計（理論），2011，06：159-161.

[4]劉宴賓. 論SNS社區(qū)網(wǎng)站網(wǎng)頁設(shè)計中的版式設(shè)計視覺要素分析——以人人網(wǎng)為例調(diào)查研究[J]. 設(shè)計，2013，02：106-107.

[5]張立志. 平面視覺元素在網(wǎng)頁設(shè)計中的應(yīng)用分析與探索[J]. 信息與電腦（理論版），2015，05：67+70.