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