本站小編為你精心準(zhǔn)備了網(wǎng)頁設(shè)計(jì)中視覺構(gòu)成參考范文，愿這些范文能點(diǎn)燃您思維的火花，激發(fā)您的寫作靈感。歡迎深入閱讀并收藏。
摘要：通過對(duì)網(wǎng)頁設(shè)計(jì)中信息的傳達(dá)與審美需求，分析其各種視覺構(gòu)成要素，如：文字、圖片、顏色等，結(jié)合人們?cè)跒g覽信息時(shí)的視覺習(xí)慣，探討網(wǎng)頁視覺信息如何更有效、更為合理的表現(xiàn)與傳達(dá)。
關(guān)鍵詞：網(wǎng)頁設(shè)計(jì)；構(gòu)成要素；視覺傳達(dá)；審美需求
近年來，隨著計(jì)算機(jī)技術(shù)的迅猛發(fā)展和人們生活水平的不斷提高，互聯(lián)網(wǎng)越來越廣泛的深入到人們的日常生活、工作當(dāng)中。與此同時(shí)，信息傳播業(yè)也面臨著一場(chǎng)深刻的變革。互聯(lián)網(wǎng)代表著一種嶄新的信息交流方式，它使信息的傳播突破了傳統(tǒng)的政治、經(jīng)濟(jì)、地域及文化的阻隔，使信息傳達(dá)的范圍、速度與效率都產(chǎn)生了質(zhì)的飛躍?；ヂ?lián)網(wǎng)絡(luò)作為一種全新的大眾傳媒,具有迅捷、及時(shí)、價(jià)廉、交互性好、傳播面廣的特點(diǎn),為視覺傳達(dá)設(shè)計(jì)的傳播提供了良好的條件。視覺傳達(dá)設(shè)計(jì)以大眾傳媒為載體,兩者之間具有緊密的聯(lián)系。同時(shí),基于互聯(lián)網(wǎng)絡(luò)傳播的視覺傳達(dá)設(shè)計(jì)又會(huì)受到互聯(lián)網(wǎng)技術(shù)的制約，新工具、新媒體的發(fā)明和出現(xiàn),對(duì)于設(shè)計(jì)來說,有著不言自明的重要意義。
1網(wǎng)頁設(shè)計(jì)中的視覺規(guī)律
由于網(wǎng)頁風(fēng)格的不同，人們?cè)跒g覽網(wǎng)頁的同時(shí)會(huì)產(chǎn)生不同的視覺和心理感受，這種感受大部分來源于網(wǎng)頁頁面的視覺傳達(dá)，為了使網(wǎng)頁獲得最大的視覺傳達(dá)功能，使網(wǎng)絡(luò)真正成為可讀性強(qiáng)的媒體，設(shè)計(jì)師在進(jìn)行網(wǎng)頁設(shè)計(jì)時(shí)必須考慮到人們視覺流向的心理和生理特點(diǎn)，由此確定各種視覺構(gòu)成元素之間的關(guān)系和秩序。因此，設(shè)計(jì)時(shí)應(yīng)該研究各種視覺造型元素之間的關(guān)系，如距離、位置、面積等問題。
視覺規(guī)律的形成是由人類的視覺特性所決定的。瀏覽者的閱讀行為在瀏覽不同性質(zhì)的網(wǎng)站和肩負(fù)不同的閱讀任務(wù)時(shí)候都表現(xiàn)出基本上恒定的習(xí)慣，首先是水平運(yùn)動(dòng)，常常是掃過網(wǎng)頁內(nèi)容的最上半部分，因此，上部和中上部被稱為“最佳視域”，也就是最優(yōu)選的地方。然后，向下移，瀏覽下面區(qū)域。最后，從網(wǎng)頁左邊的部分進(jìn)行垂直掃描。
在網(wǎng)頁設(shè)計(jì)中，靈活而合理地運(yùn)用視覺流程和最佳視域，組織好自然流暢的視覺導(dǎo)向，直接影響網(wǎng)頁傳播的準(zhǔn)確性與有效性。所以，在網(wǎng)頁設(shè)計(jì)中，既要立足信息的傳達(dá)，又要符合人們的視覺和思維習(xí)慣，設(shè)計(jì)網(wǎng)頁時(shí)注意各種信息要素的合理分布，使各類信息要素的位置、間隙、大小保持一定的節(jié)奏感和美感。
2網(wǎng)頁設(shè)計(jì)中的審美需求
人們對(duì)美的追求是不斷深入的，網(wǎng)頁設(shè)計(jì)同樣如此。網(wǎng)頁不光是把各種東西放上去，能看就行，更要考慮如何使受眾能更好地和更有效率地接收網(wǎng)頁上的信息。這就需要從審美的方面入手，制作出清晰、整體性好的頁面,使人瀏覽起來產(chǎn)生愉悅感，更容易接受信息。在網(wǎng)頁設(shè)計(jì)中，更多的是追求平面視覺傳達(dá)效果，將各種元素有效的結(jié)合，這種結(jié)合要遵循一定的原則，如我們經(jīng)常所說的變化統(tǒng)
一、條理與反復(fù)、對(duì)比和調(diào)和、均齊與平衡等，以及對(duì)網(wǎng)頁中文字、圖形、色彩的設(shè)計(jì)。
2.1網(wǎng)頁的內(nèi)容與形式的表現(xiàn)必須統(tǒng)一和具有秩序
形式表現(xiàn)必須服從內(nèi)容要求，當(dāng)我們把大量的信息放到網(wǎng)頁上去的時(shí)候，既要考慮整體感，又要注重細(xì)節(jié)的編排。這就要求設(shè)計(jì)師清晰的思考內(nèi)容與形式如何最佳的結(jié)合，如何使頁面看起來既整體，又豐富。
2.2突出主題要素
每個(gè)網(wǎng)頁都應(yīng)有明確的主題，并按照視覺心理規(guī)律和形式將主題主動(dòng)地傳達(dá)給觀賞者，使主題在適當(dāng)?shù)沫h(huán)境里被人們即時(shí)地理解和接受。
作為主題要素，必須注意編排的位置，使其成為人們?yōu)g覽時(shí)的視覺焦點(diǎn)，從而產(chǎn)生深刻的印象。如果沒有這個(gè)主題要素，瀏覽者的視線將會(huì)無所適從，或者導(dǎo)致視線流動(dòng)偏離設(shè)計(jì)的初衷。網(wǎng)頁設(shè)計(jì)中各構(gòu)成要素在組合時(shí)，要注意其結(jié)構(gòu)的輕重大小、虛實(shí)、多少等對(duì)比因素，加強(qiáng)視覺力度，以強(qiáng)化頁面的整體吸引力。
3網(wǎng)頁中的各構(gòu)成要素
3.1風(fēng)格定位
對(duì)于設(shè)計(jì)某個(gè)網(wǎng)站來說，要做的第一步工作就是確定網(wǎng)站整體的風(fēng)格，不同的網(wǎng)站需要有不同的風(fēng)格，其風(fēng)格要與主題內(nèi)容相統(tǒng)一。目前，網(wǎng)頁的種類很多，較為常見的有：新聞機(jī)構(gòu)類、政府機(jī)關(guān)類、科教文化類、娛樂藝術(shù)類、電子商務(wù)類、個(gè)性化網(wǎng)頁類。這些不同性質(zhì)的網(wǎng)頁應(yīng)體現(xiàn)不同的風(fēng)格，比如，娛樂類網(wǎng)頁風(fēng)格應(yīng)體現(xiàn)活潑生動(dòng)一些，政府機(jī)關(guān)類網(wǎng)頁應(yīng)體現(xiàn)出比較莊重、嚴(yán)肅的感覺。在統(tǒng)一的風(fēng)格頁面中，添加圖片、文字、動(dòng)畫等元素，來豐富頁面內(nèi)容，在添加這些元素的過程中也要注意色調(diào)的統(tǒng)一，這就需要設(shè)計(jì)師具備良好的美術(shù)修養(yǎng)。
3.2版面排版
網(wǎng)頁的版式設(shè)計(jì)同報(bào)刊雜志等平面媒體的版式設(shè)計(jì)有很多共同之處，它在網(wǎng)頁的藝術(shù)設(shè)計(jì)中占據(jù)著重要的地位。但網(wǎng)頁的排版與書籍雜志的排版又有很多差異。印刷品都有固定的規(guī)格尺寸，網(wǎng)頁則不然，它的尺寸是由讀者來控制的。這使網(wǎng)頁設(shè)計(jì)者不能精確控制頁面上每個(gè)元素的尺寸和位置。而且，網(wǎng)頁的組織結(jié)構(gòu)不像印刷品那樣為線性組合，這給網(wǎng)頁的版式設(shè)計(jì)帶來了一定的難度。當(dāng)我們確定了網(wǎng)頁總體風(fēng)格之后，我們要根據(jù)現(xiàn)有的圖片、文字等素材進(jìn)行頁面劃分，文字作為最原始、最有力的信息傳遞方式，在網(wǎng)頁設(shè)計(jì)中也是至關(guān)重要的。
3.3色彩的運(yùn)用
在網(wǎng)頁設(shè)計(jì)中，好的色彩搭配是網(wǎng)頁設(shè)計(jì)成功的一半。在一個(gè)色彩搭配具備專業(yè)水平的網(wǎng)站，即使只使用很少的圖形，仍會(huì)帶給瀏覽者深刻的印象和舒適的視覺感受。一般來說，色彩，在一個(gè)頁面不應(yīng)超過三個(gè)，其中擇一為主色調(diào)；應(yīng)恰當(dāng)使用顏色蘊(yùn)含的文化心理信息。色彩的運(yùn)用遵循“總體協(xié)調(diào)，局部對(duì)比”的原則，也就是主頁的整體色彩應(yīng)該是和諧統(tǒng)一的，只有局部運(yùn)用一些強(qiáng)烈的色彩對(duì)比。新晨
不同網(wǎng)頁的主題可以用不同的色彩來表現(xiàn)。以下為幾種常用色系：
（1）藍(lán)色，是商業(yè)宣傳用色，能使網(wǎng)頁顯得非常有專業(yè)水準(zhǔn)。體現(xiàn)出一種專業(yè)和正式氛圍。藍(lán)色往往也被用為嚴(yán)肅莊重的場(chǎng)合，體現(xiàn)出一種凝重和肅穆。（2）綠色，是自然色，給人以清新自然的感覺，可以大大舒緩視覺上的壓力。綠色可以用于與環(huán)保相關(guān)的主題，如旅游風(fēng)景區(qū)網(wǎng)站。（3）紅色，是比較熱烈的顏色，會(huì)使網(wǎng)頁變得生機(jī)勃勃。紅色也是運(yùn)動(dòng)的色彩，有很強(qiáng)的視覺感染力和號(hào)召力。（4）黃色系也是宣傳色系中的一種。黃色給人輕松隨意的生活氣息，能夠體現(xiàn)出一種友善和多維的效果。同時(shí)，黃色又是一種非常鮮明的色彩，它可以與許多種顏色搭配起來使用。
此外,我們還可以適當(dāng)?shù)倪\(yùn)用一些黑、白、灰的顏色搭配使用，可以產(chǎn)生意想不到的效果。
一個(gè)頁面中盡量不要超過4種色彩，色彩太多找不到主題色，會(huì)顯得沒有主次，令人眼花繚亂。再者，需要注意的是文字的顏色與背景顏色的區(qū)分，對(duì)比太強(qiáng)或太弱都會(huì)影響瀏覽者的閱讀。
除了以上論述的幾種要素，還有頁面的布局、框架的構(gòu)成等也屬于網(wǎng)頁的構(gòu)成要素。
網(wǎng)頁作為一種新的視覺表現(xiàn)形式，它的發(fā)展雖然沒有多長(zhǎng)時(shí)間，但它兼容了傳統(tǒng)平面設(shè)計(jì)的特征，又具備其所沒有的優(yōu)勢(shì)，成為今后信息交流的一個(gè)非常有效的途徑。作為一種綜合性的設(shè)計(jì)，這就要求設(shè)計(jì)師具備全面的專業(yè)素質(zhì)，懂得如何處理好內(nèi)容與形式的關(guān)系，如何設(shè)計(jì)出讓瀏覽者過目不忘的優(yōu)秀網(wǎng)頁，使人產(chǎn)生美的共鳴。
參考文獻(xiàn)
[1]魯?shù)婪颉ぐ⒍骱Ｄ?藝術(shù)與視知覺（新編）[M].長(zhǎng)沙：湖南美術(shù)出版社，2008.
[2]薛紅艷.設(shè)計(jì)的視覺語言[M].北京：化學(xué)工業(yè)出版社，2006
[3]黃海燕、張輝.網(wǎng)頁設(shè)計(jì)和平面設(shè)計(jì)[J].包裝工程，2004（1）.
[4]袁璐.論網(wǎng)頁藝術(shù)設(shè)計(jì)的人性化[J].武漢科技學(xué)院學(xué)報(bào)，2005（11）.
[5]蘇玉蒼.網(wǎng)頁視覺藝術(shù)的探討[J].甘肅科技，2005（3）.