第一篇：網(wǎng)頁設(shè)計中的視覺構(gòu)成研究論文

摘要：隨著社會向信息化方向的發(fā)展，各類高科技技術(shù)在蒸蒸日上地進步著，并有效地推動了各個領(lǐng)域的可持續(xù)進步，提升了我國的經(jīng)濟及生活的發(fā)展水平。特別是有關(guān)網(wǎng)頁設(shè)計的方面，它與設(shè)計、美學、網(wǎng)絡(luò)等方面的內(nèi)容有關(guān)，所設(shè)計出來的內(nèi)容要比平面設(shè)計全面，可以有效地提升人們的工作效率，給人帶來一定的視覺享受，并為工作提供了便利條件。網(wǎng)頁設(shè)計的關(guān)鍵是視覺構(gòu)成，這是網(wǎng)頁的主要構(gòu)成部分，其相關(guān)人員要對其進行嚴格地分析，進而使網(wǎng)頁更加完善。文章通過對網(wǎng)頁設(shè)計內(nèi)的視覺構(gòu)成進行簡單的陳述，并結(jié)合人們?yōu)g覽網(wǎng)頁的視覺行為習慣，探討出如何在視覺構(gòu)成上能更好、合理有效地把網(wǎng)頁信息傳達出去，進而推進網(wǎng)頁設(shè)計技術(shù)的進步。

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

網(wǎng)頁設(shè)計的主要目的是把設(shè)計出的網(wǎng)頁內(nèi)容運用到各個領(lǐng)域，帶給人們另類視覺享受，通過將各式各樣的視覺元素形成藝術(shù)設(shè)計效果并傳達給客戶，滿足他們視覺上的需求。而對視覺構(gòu)成上的解析是把網(wǎng)頁發(fā)展起來的關(guān)鍵，同時亦是網(wǎng)頁設(shè)計的一個主要因素。所以，在進行網(wǎng)頁設(shè)計時，設(shè)計者不單要考慮頁面上所存的一些內(nèi)容，還應(yīng)結(jié)合顧客的審美觀、思考方式、認知習慣、心理習慣等，在點、線、面、文字、圖片、顏色等方面進行合理有效地搭配，最后給顧客呈現(xiàn)出一種令人滿意的視覺效果，讓他們能夠下意識的接納所設(shè)計出的網(wǎng)頁，而后把該網(wǎng)頁應(yīng)用到實踐活動中，進而把網(wǎng)頁設(shè)計的目的發(fā)揮出來。

1基礎(chǔ)概念概述

視覺構(gòu)成主要講求的內(nèi)容是形式美、傳播迅速及對視覺造成的沖擊力，而避免人的意識、精神及傳統(tǒng)文化等因素上的運用習慣。令人滿意的視覺構(gòu)成要知道怎樣合理地運用各個視覺元素及功能的使用技巧，最主要的便是不管在何種領(lǐng)域或媒體中都能在設(shè)計的過程中把握設(shè)計的原則，才能認真地控制其意義的形成，讓設(shè)計出的作品能夠?qū)崿F(xiàn)傳播的效果及目的。網(wǎng)頁設(shè)計若想達到很好的傳播效率就必須很好地運用其內(nèi)在的關(guān)鍵元素。視覺構(gòu)成所遵循的主要原則有界定圖框（是指把設(shè)計框架定好，也決定了視覺的表現(xiàn)范圍、表現(xiàn)方式、水平構(gòu)圖方向或是垂直的）、視覺重量（主要是指心理的定勢、圖的大小、線條的比重、上下左右間的比重、顏色的深淺等等）、視線動向（指人們的閱讀習慣及興趣愛好而把視覺首先放在哪，但也可通過方向線條、色彩的深淺、動向來引導人們的閱讀視線）、人們本能上對于一切美好事物的探求。視覺構(gòu)成的設(shè)計目的主要有：構(gòu)成心曠神怡的吸引力（只有吸引瀏覽者的關(guān)注力，才能引起他們的興趣及好感，才能夠達到更好的傳播效果）、有利于意義的傳播（具有針對性的網(wǎng)頁設(shè)計，可使其意義能夠更好地傳達出去，降低無效的設(shè)計內(nèi)容）、方便人們的閱讀（盡量減少那些阻礙閱讀的各個因素，使閱者能夠順暢的瀏覽）、中心思想的傳達（通過各種設(shè)計或引導，來使閱讀者能夠把視線放在重點上）。網(wǎng)頁設(shè)計中的視覺構(gòu)成主要講的內(nèi)容是對整個版面的設(shè)計，它包含了點、線、面、色、字、圖等的有效組合及搭配，怎樣把它們有效地搭配在一塊，做好這個版面的設(shè)計，給瀏覽者留下一個好的印象是探討視覺構(gòu)成的重點。網(wǎng)頁中的文字、顏色及圖片都是由各個點、線條及面構(gòu)成的，它們在視覺構(gòu)成中是相互依存的關(guān)系，不能以單獨的形式存在，也不可能單獨達成某一讓人滿意的視覺效果。因而，在進行網(wǎng)頁設(shè)計時應(yīng)將它們有效合理地結(jié)合在一起，并選取符合中心內(nèi)容的文字、圖片及顏色，從而把設(shè)計出的網(wǎng)站能夠給人一種煥然一新之感。

2在視覺構(gòu)成上提升網(wǎng)頁設(shè)計視覺效果

通過以上所述，筆者已簡要地了解到視覺構(gòu)成的意義、所遵循的原則、設(shè)計目的以及在網(wǎng)頁設(shè)計中的重要作用，也可以說視覺效果是判斷網(wǎng)頁設(shè)計效果的主要依據(jù)。所以，有關(guān)設(shè)計的專業(yè)人士要先對視覺構(gòu)成有一個深入的了解，以及在網(wǎng)頁設(shè)計中有哪些視覺構(gòu)成，盡最大努力地在視覺構(gòu)成上提升該網(wǎng)頁所帶給人們的視覺效果，進而推進網(wǎng)頁設(shè)計這一行業(yè)的進一步發(fā)展。本文論述了點、線、面間的有效結(jié)合，圖片、文字及色彩的合理搭配以及版面的本質(zhì)特性與顧客的認識、了解習慣的相互結(jié)合等等，其具體內(nèi)容如下：

2.1點、線、面三者間的有效結(jié)合視覺構(gòu)成的主要組成部分便是點、線、面，而網(wǎng)頁上的所有內(nèi)容也都是由這三者進行合理、有效地搭配而成的，所以，要提升網(wǎng)頁所要達到的視覺效果，就應(yīng)先從這三者的相互結(jié)合上進行分析。比如：點的使用，設(shè)計者可通過把點進行聚合或分散處理，進而實現(xiàn)靜動結(jié)合的效果，滿足顧客的實用需求。此外，也可通過點間的相互結(jié)合構(gòu)成線條，線與線間的交叉運用，線條的虛實結(jié)合、明暗漸變等等，把網(wǎng)頁版面的大概外框繪畫出來，以實現(xiàn)版面所要達到的最基礎(chǔ)效果。

2.2圖片、文字及顏色間的合理搭配

在進行網(wǎng)頁設(shè)計時，圖片、文字及顏色也是視覺構(gòu)成的主要因素，而相同的圖片、文字及顏色進行不同方式的搭配，所要達到的效果也是不同的，同時，不同的圖文色彩所搭配出的網(wǎng)頁效果也是截然不同。因而，設(shè)計者想要提升網(wǎng)頁設(shè)計的視覺效果，就需把更多的時間及精力投入到圖片、文字與顏色間的合理搭配之上。同時在進行選擇時應(yīng)與主題保持一致，并具有一定的代表性，能把網(wǎng)頁的中心思想表現(xiàn)出來。如在對顏色的選擇上，選出的顏色應(yīng)符合科學道理。有關(guān)柔情的網(wǎng)站一般會選擇暖色調(diào)，有關(guān)科學研究的網(wǎng)站一般會選用藍色，有關(guān)環(huán)保的網(wǎng)站一般會選擇綠色為主等來渲染所要表達的主題。此外，選擇的顏色還應(yīng)進行合理的搭配才能夠表現(xiàn)出該網(wǎng)站的中心思想，如相同/相似的色調(diào)、擁有對比效果的色調(diào)、主輔色調(diào)等等的選擇和搭配，設(shè)計者都應(yīng)仔細斟酌，才能保證所選內(nèi)容與網(wǎng)頁主題相同，進而達到更好的視覺效果以吸引更多顧客的眼球。

2.3版面的本質(zhì)特性與顧客的認識、了解習慣相結(jié)合顧客不同，他們的思維方式、審美觀、理解習慣也將會有所不同，要想讓他們每個人都對所設(shè)計出的網(wǎng)頁滿意，還需把他們的認識、了解習慣科學合理地運用到網(wǎng)頁設(shè)計之中。設(shè)計者不單需要良好的職業(yè)素質(zhì)，還應(yīng)把顧客的需求、認識了解習慣運用其中，才能把各類網(wǎng)頁設(shè)計內(nèi)的視覺構(gòu)成的必要因素系統(tǒng)科學地組合到一塊，達成設(shè)計網(wǎng)頁的良好效果，以此實現(xiàn)顧客的需求。

3結(jié)語

總而言之，要想把網(wǎng)頁設(shè)計成功，對其視覺構(gòu)成的探討是至關(guān)重要的一個環(huán)節(jié)，我們應(yīng)考慮到不同種類的視覺構(gòu)成要素，把不同的顏色、靜動效果、圖片、認知習慣等等科學系統(tǒng)有效地綜合在一起，才能夠讓他們從視覺上采納所設(shè)計出的網(wǎng)頁，并將其應(yīng)用到工作的各個領(lǐng)域之中。因而，設(shè)計者在進行網(wǎng)頁設(shè)計時，要結(jié)合其自身的視覺構(gòu)成，在滿足顧客需求的先決條件下，給他們另類的視覺享受。并且，我們還應(yīng)更深層次的對其視覺構(gòu)成進行研究，并把研究出的結(jié)果及時地落到實處，從而提升網(wǎng)頁設(shè)計的辦事效率，為我國互聯(lián)網(wǎng)技術(shù)的發(fā)展做出努力，進而推進我國經(jīng)濟水平的提升。

參考文獻

［1］霍俊燕.視覺效應(yīng)在網(wǎng)頁設(shè)計中的應(yīng)用［J］.湖南大眾傳媒職業(yè)技術(shù)學院學報，2016（1）：58-60.［2］吳乃群,史耀軍.網(wǎng)頁界面設(shè)計中視覺傳達的解讀［J］.藝術(shù)研究，2007（3）：69-70.［3］鬲波飛.網(wǎng)頁設(shè)計之視覺信息傳達分析［J］.湖南大學學報：社會科學版，2001（S2）：187-189.［4］歐亞梅.網(wǎng)頁設(shè)計中的視覺節(jié)省研究［J］.武漢工程職業(yè)技術(shù)學院學報，2012（4）：36-39.［5］古新良.論網(wǎng)頁設(shè)計中藝術(shù)設(shè)計的視覺呈現(xiàn)［J］.計算機光盤軟件與應(yīng)用，2013（7）：262，264.

第二篇：論網(wǎng)頁設(shè)計中的視覺傳達范文

論網(wǎng)頁設(shè)計中的視覺傳達

摘要：通過對網(wǎng)頁設(shè)計中信息的傳達與審美需求，分析其各種視覺構(gòu)成要素，如：文字、圖片、顏色等，結(jié)合人們在瀏覽信息時的視覺習慣，探討網(wǎng)頁視覺信息如何更有效、更為合理的表現(xiàn)與傳達。

關(guān)鍵詞：網(wǎng)頁設(shè)計；構(gòu)成要素；視覺傳達；審美需求

近年來，隨著計算機技術(shù)的迅猛發(fā)展和人們生活水平的不斷提高，互聯(lián)網(wǎng)越來越廣泛的深入到人們的日常生活、工作當中。與此同時，信息傳播業(yè)也面臨著一場深刻的變革?；ヂ?lián)網(wǎng)代表著一種嶄新的信息交流方式，它使信息的傳播突破了傳統(tǒng)的政治、經(jīng)濟、地域及文化的阻隔，使信息傳達的范圍、速度與效率都產(chǎn)生了質(zhì)的飛躍?；ヂ?lián)網(wǎng)絡(luò)作為一種全新的大眾傳媒,具有迅捷、及時、價廉、交互性好、傳播面廣的特點,為視覺傳達設(shè)計的傳播提供了良好的條件。視覺傳達設(shè)計以大眾傳媒為載體,兩者之間具有緊密的聯(lián)系。同時,基于互聯(lián)網(wǎng)絡(luò)傳播的視覺傳達設(shè)計又會受到互聯(lián)網(wǎng)技術(shù)的制約，新工具、新媒體的發(fā)明和出現(xiàn),對于設(shè)計來說,有著不言自明的重要意義。網(wǎng)頁設(shè)計中的視覺規(guī)律

由于網(wǎng)頁風格的不同，人們在瀏覽網(wǎng)頁的同時會產(chǎn)生不同的視覺和心理感受，這種感受大部分來源于網(wǎng)頁頁面的視覺傳達，為了使網(wǎng)頁獲得最大的視覺傳達功能，使網(wǎng)絡(luò)真正成為可讀性強的媒體，設(shè)計師在進行網(wǎng)頁設(shè)計時必須考慮到人們視覺流向的心理和生理特點，由此確定各種視覺構(gòu)成元素之間的關(guān)系和秩序。因此，設(shè)計時應(yīng)該研究各種視覺造型元素之間的關(guān)系，如距離、位置、面積等問題。

視覺規(guī)律的形成是由人類的視覺特性所決定的。瀏覽者的閱讀行為在瀏覽不同性質(zhì)的網(wǎng)站和肩負不同的閱讀任務(wù)時候都表現(xiàn)出基本上恒定的習慣，首先是水平運動，常常是掃過網(wǎng)頁內(nèi)容的最上半部分，因此，上部和中上部被稱為“最佳視域”，也就是最優(yōu)選的地方。然后，向下移，瀏覽下面區(qū)域。最后，從網(wǎng)頁左邊的部分進行垂直掃描。

在網(wǎng)頁設(shè)計中，靈活而合理地運用視覺流程和最佳視域，組織好自然流暢的視覺導向，直接影響網(wǎng)頁傳播的準確性與有效性。所以，在網(wǎng)頁設(shè)計中，既要立足信息的傳達，又要符合人們的視覺和思維習慣，設(shè)計網(wǎng)頁時注意各種信息要素的合理分布，使各類信息要素的位置、間隙、大小保持一定的節(jié)奏感和美感。網(wǎng)頁設(shè)計中的審美需求

人們對美的追求是不斷深入的，網(wǎng)頁設(shè)計同樣如此。網(wǎng)頁不光是把各種東西放上去，能看就行，更要考慮如何使受眾能更好地和更有效率地接收網(wǎng)頁上的信息。這就需要從審美的方面入手，制作出清晰、整體性好的頁面,使人瀏覽起來產(chǎn)生愉悅感，更容易接受信息。在網(wǎng)頁設(shè)計中，更多的是追求平面視覺傳達效果，將各種元素有效的結(jié)合，這種結(jié)合要遵循一定的原則，如我們經(jīng)常所說的變化統(tǒng)一、條理與反復、對比和調(diào)和、均齊與平衡等，以及對網(wǎng)頁中文字、圖形、色彩的設(shè)計。

2.1網(wǎng)頁的內(nèi)容與形式的表現(xiàn)必須統(tǒng)一和具有秩序

形式表現(xiàn)必須服從內(nèi)容要求，當我們把大量的信息放到網(wǎng)頁上去的時候，既要考慮整體感，又要注重細節(jié)的編排。這就要求設(shè)計師清晰的思考內(nèi)容與形式如何最佳的結(jié)合，如何使頁面看起來既整體，又豐富。

2.2突出主題要素

每個網(wǎng)頁都應(yīng)有明確的主題，并按照視覺心理規(guī)律和形式將主題主動地傳達給觀賞者，使

主題在適當?shù)沫h(huán)境里被人們即時地理解和接受。

作為主題要素，必須注意編排的位置，使其成為人們?yōu)g覽時的視覺焦點，從而產(chǎn)生深刻的印象。如果沒有這個主題要素，瀏覽者的視線將會無所適從，或者導致視線流動偏離設(shè)計的初衷。網(wǎng)頁設(shè)計中各構(gòu)成要素在組合時，要注意其結(jié)構(gòu)的輕重大小、虛實、多少等對比因素，加強視覺力度，以強化頁面的整體吸引力。網(wǎng)頁中的各構(gòu)成要素

3.1風格定位

對于設(shè)計某個網(wǎng)站來說，要做的第一步工作就是確定網(wǎng)站整體的風格，不同的網(wǎng)站需要有不同的風格，其風格要與主題內(nèi)容相統(tǒng)一。目前，網(wǎng)頁的種類很多，較為常見的有：新聞機構(gòu)類、政府機關(guān)類、科教文化類、娛樂藝術(shù)類、電子商務(wù)類、個性化網(wǎng)頁類。這些不同性質(zhì)的網(wǎng)頁應(yīng)體現(xiàn)不同的風格，比如，娛樂類網(wǎng)頁風格應(yīng)體現(xiàn)活潑生動一些，政府機關(guān)類網(wǎng)頁應(yīng)體現(xiàn)出比較莊重、嚴肅的感覺。在統(tǒng)一的風格頁面中，添加圖片、文字、動畫等元素，來豐富頁面內(nèi)容，在添加這些元素的過程中也要注意色調(diào)的統(tǒng)一，這就需要設(shè)計師具備良好的美術(shù)修養(yǎng)。

3.2版面排版

網(wǎng)頁的版式設(shè)計同報刊雜志等平面媒體的版式設(shè)計有很多共同之處，它在網(wǎng)頁的藝術(shù)設(shè)計中占據(jù)著重要的地位。但網(wǎng)頁的排版與書籍雜志的排版又有很多差異。印刷品都有固定的規(guī)格尺寸，網(wǎng)頁則不然，它的尺寸是由讀者來控制的。這使網(wǎng)頁設(shè)計者不能精確控制頁面上每個元素的尺寸和位置。而且，網(wǎng)頁的組織結(jié)構(gòu)不像印刷品那樣為線性組合，這給網(wǎng)頁的版式設(shè)計帶來了一定的難度。當我們確定了網(wǎng)頁總體風格之后，我們要根據(jù)現(xiàn)有的圖片、文字等素材進行頁面劃分，文字作為最原始、最有力的信息傳遞方式，在網(wǎng)頁設(shè)計中也是至關(guān)重要的。

3.3色彩的運用

在網(wǎng)頁設(shè)計中，好的色彩搭配是網(wǎng)頁設(shè)計成功的一半。在一個色彩搭配具備專業(yè)水平的網(wǎng)站，即使只使用很少的圖形，仍會帶給瀏覽者深刻的印象和舒適的視覺感受。一般來說，色彩，在一個頁面不應(yīng)超過三個，其中擇一為主色調(diào)；應(yīng)恰當使用顏色蘊含的文化心理信息。色彩的運用遵循“總體協(xié)調(diào)，局部對比”的原則，也就是主頁的整體色彩應(yīng)該是和諧統(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)平面設(shè)計的特征，又具備其所沒有的優(yōu)勢，成為今后信息交流的一個非常有效的途徑。作為一種綜合性的設(shè)計，這就要求設(shè)計師具備全面的專業(yè)素質(zhì)，懂得如何處理好內(nèi)容與形式的關(guān)系，如何設(shè)計出讓瀏覽者過目不忘的優(yōu)秀網(wǎng)頁，使人產(chǎn)生美的共鳴。

參考文獻

[1]魯?shù)婪颉ぐ⒍骱Ｄ?藝術(shù)與視知覺（新編）[M].長沙：湖南美術(shù)出版社，2008.[2]薛紅艷.設(shè)計的視覺語言[M].北京：化學工業(yè)出版社，2006

[3]黃海燕、張輝.網(wǎng)頁設(shè)計和平面設(shè)計[J].包裝工程，2004（1）.[4]袁璐.論網(wǎng)頁藝術(shù)設(shè)計的人性化[J].武漢科技學院學報，2005（11）.[5]蘇玉蒼.網(wǎng)頁視覺藝術(shù)的探討[J].甘肅科技，2005（3）.

第三篇：平面構(gòu)成在網(wǎng)頁設(shè)計中的運用

平面構(gòu)成在網(wǎng)頁設(shè)計中的運用

易 星

目前，中國互聯(lián)網(wǎng)的發(fā)展已經(jīng)形成相當規(guī)模，據(jù)中國互聯(lián)網(wǎng)網(wǎng)絡(luò)信息中心（CNNIC）報告顯示，預計中國網(wǎng)民數(shù)量在未來5年后將要超過美國，互聯(lián)網(wǎng)已是繼報紙、廣播、電視等之后的第六大媒介。

隨著互聯(lián)網(wǎng)的發(fā)展，各類網(wǎng)站有如雨后春筍般。然而，有的站點日訪問量高達幾千萬人次，而有的站點訪問者寥寥無幾。究其原因，訪問量大的站點，除資源豐富外，網(wǎng)站的策劃和精美的外觀也是吸引訪問者的重要因素。所以將美的形式規(guī)律和平面構(gòu)成的手法結(jié)合到網(wǎng)頁設(shè)計中，是當前網(wǎng)頁設(shè)計的重要理論依據(jù)。

一、當網(wǎng)頁設(shè)計遇上平面構(gòu)成

（一）了解網(wǎng)頁設(shè)計

網(wǎng)頁有如門面，小到個人主頁，大到政府及國際組織等，是構(gòu)成一個網(wǎng)站的最基本單位。而網(wǎng)頁實際上只是一個純文本文件，它通過各種標記對頁面上的元素進行描述（如顏色、大小），網(wǎng)頁上傳到互聯(lián)網(wǎng)之后再由用戶的瀏覽器對這些標記進行解釋并生成頁面，于是便有了現(xiàn)在千姿百態(tài)、百花齊放的互聯(lián)網(wǎng)絡(luò)。

打開一個網(wǎng)站，首先映入眼簾的是該網(wǎng)頁的界面，如按鈕的擺放、文字的組合、色彩的應(yīng)用等等，這些都是網(wǎng)頁設(shè)計的范疇。其實在網(wǎng)絡(luò)剛興起時，沒有太多視覺設(shè)計的概念，很多網(wǎng)站都是程序員用HTML語言設(shè)計出只有功能取向的網(wǎng)頁，那時候網(wǎng)頁無法一邊寫一邊觀看，只能寫好后到瀏覽器上執(zhí)行，所以程式設(shè)計常常無法和基本的美觀結(jié)合在一起。然而，在一個個可視化的網(wǎng)頁編輯器相繼問世，特別是許多平面設(shè)計師投入網(wǎng)頁設(shè)計的行列后，整個網(wǎng)頁視覺設(shè)計的行業(yè)起了重大的變化！

隨著這幾年網(wǎng)絡(luò)的飛速發(fā)展及人們對美的不斷追求，網(wǎng)頁設(shè)計逐漸受到人們的重視，形式了一門新興的學科。簡單的講，網(wǎng)頁設(shè)計就是從審美入手，結(jié)合平面設(shè)計的特點，運用平面構(gòu)成中的基本形式到網(wǎng)頁中，讓網(wǎng)頁更加富有美感。例如將平面構(gòu)成中的節(jié)奏與韻律、骨格與肌理溶入到網(wǎng)頁中，會使內(nèi)容繁多的頁面更加有條理、主次分明，因此對平面構(gòu)成的掌握與了解是關(guān)系到網(wǎng)頁成功與否的重要基礎(chǔ)。

（二）了解平面構(gòu)成

藝術(shù)設(shè)計是人類文明的重要部分，涵蓋了當代人類生活的各個領(lǐng)域。構(gòu)成是一個近代造型概念，含義是指將不同或相同形態(tài)的幾個單元重新組合成為一個新的單元，是以研究視覺語言的特性、構(gòu)成原理以及審美規(guī)律為目的，重在研究和分析視覺的形態(tài)、空間、運動、比例等因素的變化和形式。

平面構(gòu)成的認識源于自然科學和哲學認識論的發(fā)展，是建立在量子力學基礎(chǔ)之上的微觀認識論，這種由宏觀到微觀認識的深化，逐漸影響了造型藝術(shù)的發(fā)展。構(gòu)成觀念早在西方繪畫中就可見其影子，如立體主義繪畫、俄國的構(gòu)成主義、荷蘭的新造型主義，到后來的德國包毫斯設(shè)計學院的不斷完善發(fā)展，形成一個完整的現(xiàn)代設(shè)計基礎(chǔ)的教學體系，奠定了構(gòu)成設(shè)計觀念在現(xiàn)代設(shè)計應(yīng)用中的地位和作用。二十世紀七十年代以來，平面構(gòu)成作為一門設(shè)計基礎(chǔ)課程，已廣泛應(yīng)用于工業(yè)設(shè)計、建筑設(shè)計、平面設(shè)計等領(lǐng)域。

（三）何為網(wǎng)頁平面構(gòu)成

平面設(shè)計在網(wǎng)頁設(shè)計中占有相當大的比重，而平面設(shè)計的重要理論基礎(chǔ)則是平面構(gòu)成，所以說，平面構(gòu)成也是網(wǎng)頁設(shè)計的重要理論依據(jù)和知識基礎(chǔ)。

在一堆雜志中，人們往往會拿起色彩豐富、圖片艷麗、結(jié)構(gòu)清晰的那本。同樣，一個布局合理、重點突出、富有美感的網(wǎng)頁，它不但能吸引用戶點擊，更能夠完美表達網(wǎng)頁的創(chuàng)意思維。所以，平面構(gòu)成的出現(xiàn)，不得不讓我們對單調(diào)、乏味、缺乏美感的HTML頁面進行反思，為了拓展網(wǎng)頁設(shè)計的藝術(shù)視覺，豐富網(wǎng)頁設(shè)計的思維及表現(xiàn)手段，我們引進了網(wǎng)頁平面構(gòu)成的理論，這有點類似于傳統(tǒng)平面設(shè)計中的構(gòu)成理論，一般包含風格策劃、頁面構(gòu)圖、布局與色彩等方面，我們不妨將平面構(gòu)成理論作為網(wǎng)頁設(shè)計的理論指導，即“網(wǎng)頁平面構(gòu)成”。把網(wǎng)頁設(shè)計看成是平面設(shè)計的一種審美方式的延伸，而點線面作為平面構(gòu)成中的基本元素，在網(wǎng)頁中巧妙地互相穿插、互相襯托、互相補充構(gòu)成最佳的頁面效果，完美表達設(shè)計意境。因此，網(wǎng)頁設(shè)計作為一種視覺設(shè)計，特別講究編排和布局，雖然主頁設(shè)計不同于平面設(shè)計，但它們有著許多相近之處，如：對比、漸變和節(jié)奏美、韻律美，圖/底關(guān)系或通過文字與圖形的組合形成空間上的立體感。所以，靈活運用平面構(gòu)成中的各種手法，通過頁面各元素之間的有序排列使瀏覽者達到某種共鳴產(chǎn)生一種和諧的美感。

平面構(gòu)成是一種設(shè)計語言，已為當今社會各個藝術(shù)設(shè)計領(lǐng)域所應(yīng)用，它以一個全新的造型觀念，給我們的網(wǎng)頁設(shè)計注入新鮮的血液。

二、為網(wǎng)頁設(shè)計注入新的血液

（一）人性化的網(wǎng)頁設(shè)計與策劃

“人們總以為設(shè)計有三維：美學、技術(shù)和經(jīng)濟，然而更重要是第四維：人性?！?-----美國設(shè)計師普羅斯

人類的藝術(shù)設(shè)計是一種審美活動，設(shè)計的任務(wù)是要實現(xiàn)設(shè)計者或用戶的意圖。網(wǎng)頁設(shè)計是指設(shè)計師將客戶要表現(xiàn)的主題和達到的效果，組合頁面元素，通過藝術(shù)手法創(chuàng)造出符合大眾審美觀的界面。開始進行網(wǎng)頁設(shè)計前，需要做很多調(diào)查，如客戶的需求、站點的性質(zhì)等，這些要求的不同設(shè)計出的網(wǎng)頁也會不同，用現(xiàn)在最時髦的話來講就是更具有人性化。

在網(wǎng)絡(luò)的虛擬世界，互聯(lián)網(wǎng)提供了天下大同的機會，充斥著無數(shù)站點，然而大多數(shù)網(wǎng)站的設(shè)計都缺乏靈魂和主旨，頁面結(jié)構(gòu)都比較松散、混亂，其原因就在于缺乏有效的策劃。因此要想使你的網(wǎng)站從那些數(shù)不清的站點中脫穎而出，就必須對整個站點作好統(tǒng)籌規(guī)劃，對所有的內(nèi)容進行斟酌，再合理組織頁面結(jié)構(gòu)與色彩。

首先，了解一下同類站點的風格、特色，吸取他們的長處，找出自己的優(yōu)勢，做好市場調(diào)查，明確自己網(wǎng)站的主題、規(guī)模、主要特色及主要受眾目標，再確定整個網(wǎng)站的整體風格。其次，網(wǎng)頁的制作，設(shè)計者先要在紙上用筆畫出大概的設(shè)計草圖，等待客戶確認后，才用計算機繪圖軟件畫出平面效果圖（色彩與頁面結(jié)構(gòu)），之后才能投入實際的制作。

（二）網(wǎng)頁平面構(gòu)成手法

平面構(gòu)成是一種視覺形象的構(gòu)成，其形態(tài)的抽象性特征和產(chǎn)生不同視覺引導作用的構(gòu)成形式，組成嚴謹而富有節(jié)奏和動感的畫面，營造一種秩序之美、理性之美和抽象之美。其構(gòu)成形式主要有重復、近似、浙變、變異、對比、集結(jié)、發(fā)射、特異、空間、分割、肌理及錯視等等。它的研究對象主要是在平面設(shè)計中，如何構(gòu)造形象，怎樣處理形象與形象之間的關(guān)系，如何掌握美的形式規(guī)律，并按照美的形式法則，構(gòu)成設(shè)計所需要的圖形。

平面構(gòu)成中最基本的形態(tài)要素是點、線、面，其構(gòu)成要素有大小、方向、明暗、色彩等，以這些基本要素為條件，加以組合構(gòu)成，便會創(chuàng)造出無數(shù)理想的抽象造型。

網(wǎng)頁上的所有元素都可以看作構(gòu)成的基本要素。在一幅成功的作品里，需要點、線、面的共同組合來構(gòu)造整個頁面。通過三者的組合，可以突出頁面上的重要元素，突出設(shè)計的主題，增強美感，讓訪問者在感受美的過程中領(lǐng)會設(shè)計的主旨。

1、構(gòu)成的基本元素點、線、面及其在網(wǎng)頁設(shè)計中的運用

在頁面構(gòu)圖中凡是表現(xiàn)視覺圖形或文字，都可以簡化或趨近于點、線、面的視覺感受。網(wǎng)頁版面中的各種視覺元素正是以點、線、面的形式相互依存、相互作用，組合成各種視覺信息，形成千變?nèi)f化的視覺空間和感受。因此，只有協(xié)調(diào)處理好點、線、面之間的相互關(guān)系，才能設(shè)計出最佳視覺效果的網(wǎng)頁。

（1）點的運用

點是可見的最小的形式單元。在網(wǎng)頁中，點是相互比較而言的，任何一個單獨的細小的形象都可稱之為點：按鈕、字符、小色塊等等。在網(wǎng)頁中合理的安排點的布局，或者在頁面設(shè)計中將某些視覺形象進行點化處理，并運用恰當?shù)臉?gòu)成手法進行版面布局，不但可以協(xié)調(diào)畫面，甚至可以起以畫龍點 睛的作用。圖1為個人主頁，所以在形式上比較輕松活潑。網(wǎng)頁中大面積的空白與中間的四個點形成強烈的對比，而且在點的處理上采用傳統(tǒng)的中國水墨畫的手法，更富有意境。在點的位置安排上也體現(xiàn)了一種節(jié)奏與韻律，形成視覺上的跳躍。

圖１．點的運用（來自004km.cn）

由這兩個典型的例子可以看出，無論是什么樣的法則都源自設(shè)計者本能的審美觀的驅(qū)使，再應(yīng)用到實際當中，當然在設(shè)計時不必十分刻意追求什么法則。應(yīng)該從日常生活中，從自然界的事物中觀察美的規(guī)律，培養(yǎng)構(gòu)圖的藝術(shù)美感。

（五）網(wǎng)頁色彩構(gòu)成

1、色彩的基礎(chǔ)知識

“接天連葉無窮碧，映日荷花別樣紅。”-------楊萬里

每次讀這首詩，閉上眼睛仿佛就能看到：碧波萬頃，微風吹拂，滿塘荷葉輕輕搖曳，艷陽下的荷花鮮紅欲滴。這句詩里的“碧”、“紅”其實就是色彩。所以色彩對我們來講是不陌生的，因為我們生活的世界中無處不存在著色彩。色彩以一種特別的方式傳達信息，這些信息會影響觀看者的心理和感受，左右他們的判斷和選擇，色彩對于設(shè)計而言實在太重要。

首先熟悉一下色彩的基本概念，三原色——紅、黃、藍，三間色——橙、綠、紫，三種間色互為“補色”。將圖10中圓環(huán)中的任意一種顏色和黑色、白色、灰色按照不同比例混合就可以得到更多的顏色。例如，當色彩RGB值為（0，0，255）時為純藍色，飽和度100%。隨著飽和度的逐漸降低，顏色會越來越接近灰色。

2、色彩心理

色彩，在不知不覺中作用于人的心理，據(jù)說倫敦泰姆士河附近有一座黑色的橋，它因每年在橋上自殺的人數(shù)驚人而著名，后來人們將 它改成了綠色，自殺人數(shù)劇減。有專家分析，如果將它改成粉紅色、天藍色等更明亮的色彩就可能使自殺人數(shù)將趨于零。圖10．色環(huán)

當你看到色彩時，首先會勾引起對生活的聯(lián)想與情感作用。藍色來自天空和大海，它給人一種心胸開闊，文靜大方的情操。綠色是大自然的顏色，它能令人充滿青春活力。黃色飽含智慧與生命力，讓人顯得年輕有朝氣。看到白色，使人覺得純潔可愛，而紫色卻有著神秘高雅的感覺，這些對于網(wǎng)頁設(shè)計而言特別重要。我們經(jīng)常說“第一印象最重要”，用戶在訪問網(wǎng)站時的第一印象實際上是來自整個網(wǎng)頁的色彩！

所以色彩具有一定的含義和感情上的象征作用，人類確實存在色彩聯(lián)想的共通性。在炎熱的夏天人們更容易接收藍色的“百事可樂”，而在較為冷的天氣喝紅色的“可口可樂”人是不是更多一點。在我們談到這種象征印象時，不能過于主觀、片面地看問題，人們對色彩的聯(lián)想是相對，不同的色彩組合在一起也會起到不同的效果。

3、合理搭配色彩

色彩是藝術(shù)表現(xiàn)的要素之一。在網(wǎng)頁設(shè)計中，設(shè)計師根據(jù)和諧、均衡和重點突出的原則，及色彩對人們心理的影響，合理地加以運用。將不同的色彩進行組合、搭配來構(gòu)成豐富的頁面。單純的顏色 并沒有實際的意義，和不同的顏色搭配，它所表現(xiàn)出來的效果也不同。比如綠色和金黃、淡白搭配，可以產(chǎn)生優(yōu)雅，舒適的氣氛。藍色和白色混合，能體現(xiàn)柔順、淡雅、浪漫的氣氛。紅色和黃色、金色的搭配能渲染喜慶的氣氛。但也要考慮到網(wǎng)頁的適應(yīng)性，應(yīng)盡量使用網(wǎng)頁安全色。不同網(wǎng)站應(yīng)當使用不同的色彩方案，與站點的主題相吻合的色彩方案決不僅僅可以讓網(wǎng)站 “更加好看”，更重要的是在訪問者心目中建立對這個網(wǎng)站的感性認識。所以，色彩方案的選擇決不能草率，是網(wǎng)站建設(shè)的第一步。

按照色彩方案中色彩使用方式的不同，可以將色彩方案劃分為幾種常用類型，單色方案、相似色方案、對比色方案等。

（1）單色方案，是指在網(wǎng)頁設(shè)計中使用一種基本顏色，通過調(diào)整這種基本顏色的灰度和亮度來得到更多的顏色。單色方案是一種比較穩(wěn)重的方案，或者說比較保守的方案。給人整潔、經(jīng)典的感覺，商業(yè)網(wǎng)站也比較適合使用此種顏色方案，使訪問者容易建立對網(wǎng)站的信任感。

（2）相似色方案，在色彩圓環(huán)上彼此相鄰的幾種顏色構(gòu)成的配色方案就是相似色方案。例如橙色、橙紅色以及橙黃色就可以組成一個相似色方案。通常，相似色配色方案可以給人非常協(xié)調(diào)的感覺，因此在網(wǎng)站設(shè)計中非常實用。典型的運用方法就是，用一種顏色作為頁面背景，而另外一種在顏色環(huán)中與其相鄰的顏色作為前景色。

（3）對比色方案，把一個顏色和它補色的左右邊的色彩配合起來，可以得到強烈的視覺效果。運用這種方式容易塑造活潑、運動的網(wǎng)頁效果，在設(shè)計時要注意主體色彩的運用，即以一種或兩種色彩為主，其他色彩為輔。

4、色彩構(gòu)成在網(wǎng)頁設(shè)計中的細節(jié)體現(xiàn)

-----中國移動網(wǎng)與MTV網(wǎng)之色彩比較

圖11．中國移動網(wǎng)（來自004km.cn）

圖12．MTV網(wǎng)（來自004km.cn）由兩幅圖比較可以看出，企業(yè)的不同性質(zhì)決定了網(wǎng)頁的用色，首先，中國移動是一家面向全國用戶的大型企業(yè)，他所服務(wù)的對象決定了網(wǎng)頁用色必須考慮到所有用戶的接受能力，必須穩(wěn)重大方，可以看出整個界面采用冷靜開闊的藍色調(diào)，但是頁面色彩卻不單調(diào)，當用戶將鼠標移動到導航欄上，藍色的橫線變成了明快的翠綠色，就這一點小小的細微動作卻增強了用戶的交互性。但整體而言，色彩還是比較單一，穩(wěn)重有余而活力不足，作為一家年輕的企業(yè)，應(yīng)該要有年輕人的活力。所以在大片的藍色中夾雜了鮮艷的橘紅色作為點綴，立刻整個頁面就會顯得比較活潑，再用漸變色豐富了色彩的層次。整體來看是一個比較成功的功能與美感并存的企業(yè)網(wǎng)站。

另外再來看看第二幅圖，感覺立即不一樣了，全黑的底與白色的文字形成視覺上的沖擊力，而頁面中間被等分成四塊，分別用了淡、淺、深三種灰色引起視覺上的分割。并且在色彩上明顯比第一幅圖豐富，有桔色、黃色、綠色、青綠色、紫色等等。這是一家以娛樂服務(wù)為主的網(wǎng)站，他所面向的用戶是以年輕人為主，符合潮流，走在時尚前沿。在用色上也大膽出位，全黑色的底，象征年輕人的叛逆與不羈，以及時尚感較強的紫色和青綠色的搭配更能吸引人的視線。

在細節(jié)上的設(shè)計與處理最能體現(xiàn)一個網(wǎng)站是否成功，可以看出來兩個網(wǎng)頁都是比較注重在這方面 的用色，總的主色調(diào)不變，以豐富多彩的小色塊點綴，起到畫龍點睛的作用。所以一幅比較成功的網(wǎng)頁在色彩的設(shè)計上也要獨具匠心，充分合理的利用細節(jié)，結(jié)合色彩的感情，才可以使作品具有更加深刻的藝術(shù)文化內(nèi)涵，才能夠讓網(wǎng)頁設(shè)計的個性創(chuàng)造和審美意識得到淋漓盡致的展現(xiàn)，設(shè)計出的網(wǎng)頁會更加富有生命力。

三、不同審美文化中的網(wǎng)頁設(shè)計

（一）文化背景對網(wǎng)頁設(shè)計的影響

美學(Aesthetics)，德文原義為“感性學”，是一門研究人類審美活動的學科?！皩彙闭?，看也。通俗地說，就是人們對現(xiàn)實生活中各種美好現(xiàn)象的感受和欣賞，是人類最基本的精神文化活動，因而也最通俗、最具大眾化，在東西方都有著極為悠久的歷史。

21世紀是一個經(jīng)濟飛速發(fā)展的時代，是一個時時事事講求審美格調(diào)的時代，其實審美就是一個民族精神世界的流露。中國的審美觀是中國人的人格、修養(yǎng)、品行、文化、藝術(shù)的高度統(tǒng)一的綜合表現(xiàn)。具有時代的、民族的和階級的烙印。也就是說不同時代、不同民族和不同階級在文化藝術(shù)審美格調(diào)的追求上有著不盡相同的傾向和標準。且不說漢代人如何會在盧浮宮不屑一顧；古希臘人如何會在故宮拂袖而去，就是同為中國的唐漢兩代對美的欣賞都不一致。所以說，各國的地域環(huán)境、氣候條件、經(jīng)濟情況、人文思想不同所形成的審美觀也會不同，從網(wǎng)頁設(shè)計方面來看，各國都有自己的特色。

1、歐美風格的網(wǎng)頁設(shè)計

歐美國家進行工業(yè)化比較早，經(jīng)濟相對比亞洲發(fā)達。美國早在二十年代就已經(jīng)是世界上工業(yè)化程度化最高的國家，特別是二戰(zhàn)后，更成為世界上的經(jīng)濟大國。隨后進入90年代，計算機業(yè)迅速發(fā)展，高度的工業(yè)機械化對其網(wǎng)頁設(shè)計也有一定影響，除注重實用性之外特別在細節(jié)元素上的處理更顯精致，網(wǎng)頁的藝術(shù)表現(xiàn)更是別具一格，其中肌理的表現(xiàn)形式獨具特色。另外，美國是一個移民國家，有著一個多元化的社會，其短暫的歷史，自由的人性，在網(wǎng)頁設(shè)計中表現(xiàn)出豐富的幽默感與創(chuàng)造性。圖13中所示：整個網(wǎng)頁由機械化式的線條相互組合構(gòu)成，剛強有力，將金屬的質(zhì)感充分的表現(xiàn)出來。

圖13．歐美網(wǎng)頁中肌理的表現(xiàn)形式（來自004km.cn/fr）

德國則不同，氣候干燥而寒冷，地形復雜多山的自然環(huán)境造就了嚴肅的德國人，因而，德國設(shè)計更加體現(xiàn)其科學性和邏輯性，德國網(wǎng)站設(shè)計也充分體現(xiàn)了 “實用”和“簡潔就是美”的觀點，如圖15所示。

圖15．簡單實用的德國網(wǎng)頁（來自004km.cn）20），對字體、字型及字號的選擇除要符合審美標準 外還要考慮到顯示屏的大小，及整個頁面結(jié)構(gòu)的把握，是借助框架（也叫骨骼）或是其他，以及如何更有效的在手機上使用多媒體技術(shù)，使得網(wǎng)頁藝術(shù)設(shè)計的表現(xiàn)力更加豐富。

在未來，網(wǎng)頁的顯示模式將會發(fā)生翻天覆地的變化，不論是在電腦、手機、手表抑或是電視上，我們看到的網(wǎng)頁對美的追求會更加徹底，平面構(gòu)成中的重復、變異、韻律、連續(xù)以及圖/底關(guān)系處理等，是任何一種設(shè)計的基本原理，盡管處于不同文化背景中的設(shè)計師在運用這些視覺構(gòu)成元素時都不經(jīng)相同，但是，所有的文化都涉及到這些視覺基本要素，都離不開形式美的法則。美與技術(shù)并存將會在未來完美體現(xiàn)，所以，在未來網(wǎng)頁設(shè)計將真正走進每個人的生活，設(shè)計將會不再不拘于形式，更加的靈活，看重的是網(wǎng)頁設(shè)計的靈魂。因而，平面構(gòu)成也就必然成為網(wǎng)頁設(shè)計的重要基礎(chǔ)。

五、主要參考資料

①．毛溪，2003．平面構(gòu)成(第一版)．上海：上海人民美術(shù)出版社，122． ②．李凇，2000．中外美術(shù)對談錄（第一版）．中國工人出版社，2 ③．姜偉，2004．網(wǎng)頁美工傳奇（第一版）．機械工業(yè)出版社，2 ④．徐希景、陳筍，2003．網(wǎng)頁平面構(gòu)成的創(chuàng)意手法分析．福建商業(yè)高等?？茖W校學報，47 ⑤．劉永翔、唐良瑞，2004．網(wǎng)頁設(shè)計中的視覺構(gòu)成分析．北京工商大學學報，58 ⑥．楊萍，2005．抽象形、空間、肌理——平面構(gòu)成在教學實踐中的思考．黔南民族師范學院學報，78 15

第四篇：視覺設(shè)計論文

創(chuàng)新是視覺設(shè)計的靈魂

視覺設(shè)計是針對眼睛官能的主觀形式的表現(xiàn)手段和結(jié)果。與視覺傳達設(shè)計的異同：視覺傳達設(shè)計屬于視覺設(shè)計的一部分，主要針對被傳達對象即觀眾而有所表現(xiàn)，缺少對設(shè)計者自身視覺需求因素的訴求。隨著人類社會從工業(yè)化社會到信息化社會的發(fā)展，視覺設(shè)計經(jīng)歷了商業(yè)美術(shù)、工藝美術(shù)、印刷美術(shù)設(shè)計、裝潢設(shè)計、平面設(shè)計等幾大階段的演變，最終成為以視覺媒介為載體，利用視覺符號表現(xiàn)并傳達信息的設(shè)計。

創(chuàng)新是設(shè)計本質(zhì)的要求，也是時代的要求。作為“為傳達而設(shè)計”的視覺設(shè)計，如何正確充分地傳達信息是每一個設(shè)計者始終要面臨的中心問題。但是，在當今社會，僅僅把傳達信息的關(guān)鍵詞定位于正確和充分顯然是不夠的。必須要把視覺傳達設(shè)計的創(chuàng)新重視起來，從設(shè)計理念、視覺語言和技術(shù)表現(xiàn)方式的創(chuàng)新入手，正確充分地傳達信息。

江澤民同志曾經(jīng)說過，“創(chuàng)新是一個民族進步的靈魂，是一個國家興旺發(fā)達的不竭動力”。創(chuàng)新表現(xiàn)在人類社會歷史發(fā)展的每一個方面。就視覺設(shè)計來說，創(chuàng)新同樣也是靈魂，是本質(zhì)要求。不論是縱觀歷史，還是著眼現(xiàn)實，一幅優(yōu)秀的視覺傳達設(shè)計作品，都是在創(chuàng)新的基礎(chǔ)上，對其所表現(xiàn)設(shè)計主題的信息進行正確、充分地傳達。沒有創(chuàng)新的視覺設(shè)計，就千篇一律、失去內(nèi)涵、底蘊，甚至毫無價值。對于視覺設(shè)計而言，創(chuàng)新就要做到：創(chuàng)新設(shè)計理念、豐富設(shè)計語言、美化表現(xiàn)形式、增強感染力，堅持人性化發(fā)展方向。唯此，才能賦予視覺設(shè)計以內(nèi)涵、活力乃至生命力，推動視覺設(shè)計繁榮發(fā)展。

一、創(chuàng)新視覺設(shè)計理念

視覺設(shè)計的創(chuàng)新的根本是創(chuàng)新設(shè)計理念。在現(xiàn)代設(shè)計中,視覺設(shè)計的主要功能是調(diào)動所有平面的因素,達到視覺傳達準確的目的,同時給觀眾以視覺心理滿足。視覺傳達的方式變得越來越復雜和發(fā)達,設(shè)計師在視覺設(shè)計中,應(yīng)充分考慮受眾群體的視覺心理,清醒地認識到信息接受者不是機械的、被動的受納器,而是一個具有積極主動的內(nèi)驅(qū)力的主體,只有在充分理解和掌握有關(guān)視覺心理的知識之后,才能更好地在更大的范圍內(nèi)發(fā)揮各種現(xiàn)代制作技術(shù)的優(yōu)勢。其中,觀者的視覺經(jīng)驗對視覺信息的準確傳達起著重要的作用。設(shè)計者應(yīng)根據(jù)觀者的視覺經(jīng)驗充分調(diào)動觀者視覺心理的能動反應(yīng),使其“所看”與“所知”同時發(fā)生感覺,從而積極主動地參與到設(shè)計作品的理解和感悟之中,讓觀者通過欣賞與設(shè)計者的審美體驗相溝通,以此來達到信息傳達的目的。

一是對過去設(shè)計經(jīng)驗和知識進行創(chuàng)新。視覺設(shè)計應(yīng)以一種開放性思維探索新的經(jīng)驗，以一種全新的觀念看待熟悉的事物，從而創(chuàng)造出獨特的形式。簡言之，就是對過去的設(shè)計經(jīng)驗和知識的創(chuàng)新。創(chuàng)新根據(jù)性質(zhì)、程度的不同可以理解為繼承傳統(tǒng)式的創(chuàng)新和激進式的創(chuàng)新，后者發(fā)展到一定程度上甚至成為一種否定和反叛，尤其是對于長期以來自我潛意識所形成的一種固定思維框架的否定和反叛。用馬克思主義哲學觀來看，創(chuàng)新就是事物螺旋式上升的運動。在信息時代，人類生存方式上新觀念的介入，在思維的引導和情感的表達上，以往貫穿于視覺傳達設(shè)計中運用的法則正逐漸被打破，人類在跨越世紀的里程中力求找到合理化的視覺空間。個性化、多元化、民族化、國際化、綠色設(shè)計、人性化設(shè)計??，怎樣才是好的新的視覺設(shè)計？視覺設(shè)計怎樣才能正確體現(xiàn)未來的價值觀？面對新技術(shù)革命的浪潮的沖擊，面對設(shè)計的平庸化、程式化，設(shè)計師不得不面對現(xiàn)實，讓自己的設(shè)計理念和思維接受信息化時代的洗禮。設(shè)計師只有始終以明銳的目光、獨特的角度、多重的層面去觀察生活，更深層次地挖掘?qū)ι畹捏w驗與理解，在不斷肯定與否定的思索中碰撞出設(shè)計的火花，并執(zhí)著地堅持對設(shè)計理念的探尋，才能不斷地創(chuàng)造出優(yōu)秀的設(shè)計作品。

二是注重視覺設(shè)計的沖擊力。我們所看到的視覺設(shè)計作品都是將各種元素整合在一起的視覺設(shè)計作品，然而在實際的設(shè)計工作過程中，它卻是一個很復雜的過程。在此過程中，設(shè)計者要將所有創(chuàng)意分成若干個小的創(chuàng)意單元，然后添入圖形、文字、符號、色彩等元素來提高其視覺沖擊性。隨著人們對于視覺設(shè)計審美標準的不斷提高，設(shè)計師在突出視覺沖擊性的同時，還應(yīng)保持廣告整體內(nèi)部的各個組成語素的相互聯(lián)系。注重突出色彩、形狀、姿態(tài)之間的細節(jié)差異，來體現(xiàn)組成與結(jié)構(gòu)形式的視覺沖擊性。比如：如今使用較為廣泛的大型戶外廣告而言，設(shè)計師通常更注重突出其視覺沖擊性來吸引消費者的注意力。由于該種戶外廣告的特殊性，通常還會采用效果顯著的表現(xiàn)形式來增強其連續(xù)感。在此過程中，設(shè)計師會更注重對于文案、圖形以及色彩的變化來增強廣告的空間層次感，以給消費者一種耳目一新的視覺沖擊感。

三是追求新穎、奇特的創(chuàng)意。在現(xiàn)實生活中，大部分視覺視覺設(shè)計作品都是以視覺美感為基礎(chǔ)，然后通過對于各種元素的概括、夸張或取舍來得以實現(xiàn)的。這種形式的視覺語言雖然具有一定的功能美，但在后期不斷的使用過程中，消費者已經(jīng)對其司空見慣，甚至存在著習以為常、視而不見的現(xiàn)象，這也就使視覺設(shè)計發(fā)揮不出其應(yīng)有的功能。但是，如果能夠在視覺設(shè)計中注入一些新穎、標新立異的元素，如一些與自然規(guī)律相悖的元素，便能夠更好地吸引人們的關(guān)注。這種巧妙地利用消費者的好奇心理，通過新穎、奇特的表現(xiàn)畫面來帶給消費者微妙感覺的視覺傳達方式已經(jīng)成為現(xiàn)階段廣告設(shè)計的發(fā)展趨勢。由此可見，對于視覺設(shè)計的創(chuàng)新，新穎、奇特的創(chuàng)意設(shè)計已經(jīng)成為關(guān)鍵環(huán)節(jié)。

二、豐富視覺設(shè)計語言

視覺設(shè)計創(chuàng)新的重要途徑是不斷豐富設(shè)計語言。語言是人類交流思想的工具，是傳達意義的媒介。從某種意義上講，視覺設(shè)計就是“圖形語言化”和“語言化圖形”的過程。為了達到信息傳達的目標，設(shè)計師需要始終不渝地尋找、挖掘并創(chuàng)造出最佳的視覺語言，借以表現(xiàn)傳達自我的設(shè)計理念和藝術(shù)主張。19世紀和20世紀的很多藝術(shù)和設(shè)計運動都是以探索視覺語言新形式為基本目標的，一種新的形式往往就是由反傳統(tǒng)的藝術(shù)通過反對過往時代的藝術(shù)而創(chuàng)生的，“工藝美術(shù)運動”、“新藝術(shù)”、“現(xiàn)代主義”、“波普設(shè)計”和“后現(xiàn)代主義”等流派的設(shè)計運動在形式方面的試驗與革命，以及為尋找并獲得體現(xiàn)時代特征的形式和視覺語言而進行的探索都說明了這一點。豐富視覺設(shè)計語言要做到：

一是找尋時代視覺語言，突出時代特色。視覺設(shè)計的各種視覺語言，具有不同的訴求職能，它們相輔相成共同建立起美好的形色世界，即視覺傳達設(shè)計關(guān)系到各設(shè)計語言之間的美學性構(gòu)成。對于設(shè)計師來說，每一種視覺元素都是其表現(xiàn)自己設(shè)計作品的功能與風格的基本要素，在選擇這些視覺元素來傳達信息時，應(yīng)該突破一般視覺所習慣的東西，力求以簡約化、符號化的形式表現(xiàn)最豐富、最深刻的內(nèi)容。設(shè)計師要把握時代的脈搏，突出時代特色。經(jīng)濟在不斷的飛速發(fā)展，設(shè)計要適應(yīng)新環(huán)境，就必須豐富設(shè)計語言，找出設(shè)計語言的最新、最佳、最優(yōu)設(shè)計方法來解決設(shè)計中的不斷涌現(xiàn)出的問題，滿足人們的物質(zhì)需求和精神需求—審美、道德、文化、價值等等。因此，探索發(fā)現(xiàn)時代的經(jīng)濟、文化、觀念的特征，找尋時代的視覺語言，突出時代特色必然成為新時期“好的設(shè)計”的著力點，所以要求設(shè)計師通過新穎獨特的視覺語言和極具創(chuàng)意和內(nèi)涵的構(gòu)圖秩序傳達預想的意義。

二是開發(fā)和利用高科技的。視覺設(shè)計對于高科技的運用主要表現(xiàn)在對于新型材料和高科技技術(shù)產(chǎn)品的運用，同時在很大程度上也提高了視覺傳達的科技水準。如對于全自動化操作的電腦彩色噴繪技術(shù)的利用，在增加廣告視覺傳達表現(xiàn)空間的同時，也使廣告所突出的表現(xiàn)元素更為貼切、感人。同時，相關(guān)軟件的開發(fā)和利用也有效提高了關(guān)高視覺傳達的效果，設(shè)計師可以借此設(shè)計出圖形準確、效果好的二維、三維作品。人類的每一次科技進步勢必會給社會各個行業(yè)帶來巨大的變革。數(shù)字化多媒體技術(shù)在視覺設(shè)計中的應(yīng)用，也必然會給設(shè)計師帶來更大的創(chuàng)作自由度與空間，從而使視覺設(shè)計作品重現(xiàn)出良好的藝術(shù)效果與視覺感染力，這也使視覺傳達超出了其應(yīng)有的范疇，從而邁向更為廣闊的領(lǐng)域。因此，視覺設(shè)計也發(fā)生了由原來的靜態(tài)化、平面化和單一化逐漸向動態(tài)、立體化方向發(fā)展的轉(zhuǎn)變。同時，新思維、新技術(shù)以及新媒體的應(yīng)用也為視覺傳達提供了更為廣闊的空間，借此設(shè)計師可以隨心所欲地借用藝術(shù)視覺語言來反應(yīng)現(xiàn)實。毋庸置疑，對于高科技技術(shù)的開發(fā)應(yīng)用也已經(jīng)成為豐富視覺設(shè)計語言，推動視覺設(shè)計創(chuàng)新的重要手段。

三、美化視覺設(shè)計表現(xiàn)形式

視覺設(shè)計的魅力在于視覺設(shè)計表現(xiàn)形式的美化，視覺設(shè)計與美學的有機融合。藝術(shù)品最終的功能在于重現(xiàn)美感經(jīng)驗，而設(shè)計除了捕捉美感，更注重實用與使用的功能。所以設(shè)計活動與設(shè)計作品，通常比起藝術(shù)品更加與生活密切結(jié)合，這也是設(shè)計中的美學愈顯重要的根由。作為“為傳達而設(shè)計”的視覺設(shè)計,如何正確充分地傳達信息并將美學融會于設(shè)計中,是每一個設(shè)計者始終要面臨的中心問題。

視覺設(shè)計表現(xiàn)形式的美化即視覺設(shè)計必須遵循美學的原則,還要堅持創(chuàng)新。第一，是提升美的感受能力以及由此所開拓的技術(shù)。第二，事、物、情的感受能力以及由此所開拓的技術(shù)。第三，美感與詩意的結(jié)合能力及由此所開拓的技術(shù)。設(shè)計要捕捉美感，特別是視覺設(shè)計。視覺傳達設(shè)計擅以文字、符號、造形來捕捉美感，捕捉表達意象、意念與企圖，進而達到溝通與說服的效果，因此視覺傳達設(shè)計也可稱為商業(yè)設(shè)計，這層領(lǐng)域還包括：廣告設(shè)計、包裝設(shè)計、企業(yè)識別設(shè)計、櫥窗設(shè)計、展示設(shè)計、舞臺設(shè)計等等，主要以傳達訊息、注重“視覺”效果，以達說服消費者的目的。另一方面，視覺傳達設(shè)計的發(fā)展對空間設(shè)計、產(chǎn)品設(shè)計有相當程度的影響。如舞臺、景觀設(shè)計與之相輔相成，以及同產(chǎn)品語意表達的敏感性等等。視覺設(shè)計過程中，除了對造型美的感受能力之外，如何從日常生活事件中，找出“著力點”，這種能力就是心眼的開發(fā)。視覺傳達設(shè)計作品受到設(shè)計的目的性、材料性、溝通性的條件影響，設(shè)計者必須具有一種對于事務(wù)描述及溝通的能力，稱為“心眼”，也就是巧思、想點子的能力。這些能力包括了：文學性、溝通性、兩面性、生活性、議題性、語文性等。公益廣告、競選海報、立體包裝等運用媒體電視、網(wǎng)際網(wǎng)站等的設(shè)計作品之共同因素，第一就是運用視覺媒體材料，第二就是以溝通、說服為目的。所以可以說，視覺傳達設(shè)計是運用視覺因素來進行溝通、說服，視覺的要素，除了點線面體以及明度、彩度、色相的組合與探討之外，還須有心理層面與文化知識層面的探討。心理層面，即是指美感的捕捉，只是不同時期的定義不同而已。文化層面，需要運用受眾的文化習俗里熟悉的文化代碼來完成美感的捕捉，以實現(xiàn)視覺設(shè)計表現(xiàn)形式的美化。

四、增強視覺設(shè)計感染力

視覺設(shè)計的生命力在于視覺設(shè)計作品與受眾的共鳴，得到受眾的認可。視覺設(shè)計元素是否能引起觀者視覺經(jīng)驗的共鳴,取決于刺激物的結(jié)構(gòu)所擁有的力量與它喚起的有關(guān)記憶痕跡的力量相互作用的結(jié)果。因而,將視覺設(shè)計的視覺表現(xiàn)置于特定文化背景中來感染受眾的精神世界的確是一個不錯的選擇。視覺設(shè)計在體現(xiàn)民族化、地域化的同時,還應(yīng)利用傳統(tǒng)的、地域的圖形語言優(yōu)勢來表現(xiàn)現(xiàn)代的精神觀念,用解構(gòu)的民族化圖形與現(xiàn)代設(shè)計思想相結(jié)合,創(chuàng)造一種既有傳統(tǒng)文化元素又具現(xiàn)代意識的形象,以獨特的個性參與世界文化的發(fā)展。中國人有對萬物祈福的心理,并由此形成了特有的吉祥文化,希望事物朝著美好的方向發(fā)展,標志設(shè)計中有吉祥的寓意就容易被受眾接受。例如：中國聯(lián)通公司的標志設(shè)計，就是針對人們吉祥如意的心理期待,標志中的“中國紅”是蘊含著中國人幾千年情結(jié)的顏色,無形中又增加了企業(yè)形象的親和力,進一步拉近了與觀者的距離。香港著名設(shè)計師靳埭強的作品就具有濃厚的東方文化色彩。在作品中我們時時發(fā)現(xiàn)設(shè)計家對簡約空靈的水墨語言精妙的闡釋,還不時可見中國傳統(tǒng)文人智慧與現(xiàn)代商業(yè)文明的和諧對話。如果一幅畫、一個圖形、一種抽象的形式可以喚起觀賞者豐富的審美感受,那是視覺“調(diào)動”了觀者興趣，產(chǎn)生了共鳴。

因此，創(chuàng)新視覺設(shè)計，增強視覺設(shè)計的感染力、生命力,設(shè)計者必須感同身受，與觀賞者所處的環(huán)境條件相適應(yīng),以觀者的共有經(jīng)驗為根據(jù),充分考慮到觀賞者視覺心理的能動反應(yīng),與觀賞者一道,把與傳達信息有關(guān)的知、情、意等心理聯(lián)系起來并統(tǒng)一到“一種經(jīng)驗”中,從而形成互動。

五、把握視覺設(shè)計人性化的發(fā)展方向

一是視覺設(shè)計要堅持面向大眾化。隨著社會市場經(jīng)濟體制由賣方市場逐漸向買方市場的轉(zhuǎn)變，對于視覺設(shè)計，尤其是對于廣告視覺傳達的設(shè)計，越來越注重滿足更多消費者的消費需求。因消費者的心理觀念、消費觀念等都會隨著社會進程和外界環(huán)境的變化而發(fā)生變化，因此，在進行視覺設(shè)計時，應(yīng)把握住影響消費者觀念發(fā)生變化的因素，并借此來提高消費者對于廣告視覺傳達信息的認知程度。因此，對于廣告視覺傳達的設(shè)計應(yīng)站在消費者的角度，以其消費心理為出發(fā)點，在充分把握消費者消費心理的情況下，積極為他們塑造出良好的視覺傳達效果。值得一提的是，為使視覺設(shè)計滿足社會不同群體消費者的消費需求，在對廣告視覺傳達方式選擇時，應(yīng)從不同人群的視角出發(fā)，以便于他們對于廣告信息的接收和轉(zhuǎn)化，從而使更多的消費者得到心理上的滿足。

二是視覺設(shè)計要更加注重符號化、簡潔化。在快節(jié)奏的現(xiàn)代化信息社會中，人們時時刻刻都面臨著林林總總的視覺設(shè)計信息。因長期處于這樣一種頻繁的信息覆蓋氛圍中，人們已經(jīng)疲倦了對于廣告信息深層含義的挖掘，唯獨等夠感覺得到的是來自于感官上的短暫刺激。因此，在今后的視覺設(shè)計中，應(yīng)充分發(fā)揮自己的想象力，采用簡潔化的傳達方式來準確完成信息的視覺傳達。最好的辦法是加強對于簡潔文字、圖形符號信息的利用來完善信息的視覺傳達，并借助對于簡潔圖文符號的構(gòu)建來引發(fā)人們對于信息的深入思考。這種簡明的視覺傳達方式能夠有效刺激人們的視覺感官，同時也滿足了當前社會環(huán)境下對于視覺傳播形式的要求。這種將組成語素進行簡化的視覺傳達方式，能夠?qū)⑾鄬碗s的物理價值概念轉(zhuǎn)化為簡單的視覺符號元素，以實現(xiàn)消費者視覺感官與理性消費觀念的有效結(jié)合，從而真正達到高效視覺傳達的目的。

進入新世紀、新時代，技術(shù)正在重新構(gòu)造我們的現(xiàn)實，它已經(jīng)成為一種強大力量，在很大程度上控制和決定了社會、經(jīng)濟、文化及其未來的發(fā)展。計算機技術(shù)、網(wǎng)絡(luò)信息技術(shù)、多媒體技術(shù)使人們直接面臨“數(shù)字化生存”，與此同時，它們也沖擊著傳統(tǒng)的傳達方式，視覺設(shè)計正在經(jīng)歷著一場數(shù)字化的革命。而這些先進的技術(shù)、先進的探索設(shè)備、先進的研究方法和手段，也為設(shè)計師觀察事物的角度和思維方式提供了不斷延伸和擴展的機會。因此，只有主動地迎接信息時代的洗禮，從設(shè)計理念、設(shè)計語言、表現(xiàn)形式、增強感染力等方面入手，牢牢把握人性化發(fā)展方向，才能推動視覺設(shè)計在創(chuàng)新中發(fā)展，在發(fā)展中創(chuàng)新。

參考文獻：

［1］門德來．現(xiàn)代圖形設(shè)計創(chuàng)意與表現(xiàn)［M］．西安： 西安交通大學出版社，2002．

［2］李硯祖，蘆影．視覺傳達設(shè)計的歷史與美學［M］．北京：中國人民大學出版社，2000． ［3］尹定邦．設(shè)計概論［M］．長沙：湖南科學技術(shù)出版社，2003．(end)［4］熊琴琴.視覺傳達設(shè)計藝術(shù) [J]．藝術(shù)百家，2005（3）．

［5］李硯祖,蘆影.視覺傳達設(shè)計的歷史與美學[M]．北京：中國人民大學出版社，2000． ［6］尹定邦.設(shè)計概論[M].長沙:湖南科學技術(shù)出版社，2003． ［7］王愛之.世界平面設(shè)計史[M].中國青年出版社，2002．9 ［8］何爽.網(wǎng)絡(luò)多媒體技術(shù)與視覺傳達設(shè)計[J].大眾科學（科學研究與實踐），2007（7）． ［9］余義虎.視覺傳達設(shè)計多元特征與表現(xiàn)[J].甘肅聯(lián)合大學學報（社會科學版）［10］曹方.視覺傳達設(shè)計原理[M].江蘇美術(shù)出版社，2005．1 ［11］朱勝甲.淺析現(xiàn)代廣告的視覺傳達特點[J].科技信息,2009,(10):223.

第五篇：網(wǎng)頁設(shè)計論文

網(wǎng)頁設(shè)計基礎(chǔ)課程論文

摘要:隨著互聯(lián)網(wǎng)的不斷發(fā)展和中國網(wǎng)絡(luò)人口的日益增長，建立個人網(wǎng)站，不但可以更好的展示自己，而且可以提高自己在計算機應(yīng)用方面的能力,網(wǎng)站越發(fā)普及，網(wǎng)站建設(shè)也有新的要求,網(wǎng)站已發(fā)展為一種工具，一個企業(yè)對外信息展示的工具.以前網(wǎng)站上常見的大幅圖片，長達幾十鐘的flash動畫，已悄然而逝，瀏覽者再也不用為了查找一些信息而必須等待動畫的時間，可以簡單方便的找到自己想要的東西，是瀏覽者主要的目的，也是網(wǎng)站設(shè)計時應(yīng)該考慮的問題。以前只是一味的追求網(wǎng)站的外觀，其實網(wǎng)站是一個公司的對外信息窗口，因此在考慮美觀的同時也得考慮瀏覽者的感受，如有些色調(diào)是很亮麗，但是這些過于亮的色彩看的時間長了會讓你的眼睛不舒服，這樣瀏覽的人就不會長時間在網(wǎng)站上逗留，網(wǎng)站沒把公司的信息完全的傳達給客戶． 關(guān)鍵詞：網(wǎng)站網(wǎng)頁設(shè)計發(fā)展趨勢網(wǎng)站標準 正文：一:網(wǎng)頁設(shè)計發(fā)展趨勢: 1.更多的CSS3 + HTML5 這是期待已久的事情。在過去的幾年設(shè)計師已經(jīng)開始關(guān)注和使用CSS3+HTML5，但在以后CSS3+HTML5將會得到更廣泛的應(yīng)用。網(wǎng)頁設(shè)計師最終會拋棄Flash。Flash不再是昔日的王者，新技術(shù)（指CSS3+HTML5）將會取而代之 2簡單的配色方案

沒有比純色的背景更直觀更簡潔。純色可以有很多種表達方式。不要老是黑白灰神馬的，太不給力了。多點考慮綠、黃或者紅作為你的網(wǎng)頁主色調(diào)。當然，顏色最好保持使用2到3種。調(diào)整顏色的透明度，或許會給你意想不到的效果 3.移動互聯(lián)網(wǎng)時代的到來

智能手機，ipad和上網(wǎng)本隨處可見，將來這個將會更加明顯。這意味著你的設(shè)計需要考慮更多的設(shè)備。4.Parallax Scrolling 先來解釋下Parallax Scrolling，Parallax scrolling 是讓多層背景以不同的速度移動，形成運動視差 3D 效果，雖然純屬視覺效果，但在內(nèi)容滾動時形成的視覺體驗仍然非常出色。2011年的網(wǎng)頁設(shè)計趨勢熱點就是要創(chuàng)造這樣的深度視覺效果。5.設(shè)計需考慮更多的觸屏設(shè)備

觸屏技術(shù)應(yīng)用越來越廣泛，觸屏設(shè)備隨處可見。這意味著，你的導航設(shè)計不再只是鼠標導航，你必須要要考慮你的設(shè)計適合觸屏設(shè)備。6.深度判析

深度判析是關(guān)于在網(wǎng)頁設(shè)計使用維數(shù)，這樣可以使你的網(wǎng)頁變得更加真實。如果運用得恰當，那將會是一個虛擬的3D效果，就像3D電影阿凡達那樣。盡管3D技術(shù)還沒有去到網(wǎng)站設(shè)計，你仍然嘗試使用維數(shù)進行設(shè)計。7.大背景圖

大背景圖的網(wǎng)頁設(shè)計應(yīng)用在2011年將會更加明顯。這些背景圖像一般是高分辨率，覆蓋這個網(wǎng)站。高清照片是一個迅速抓住你的讀者的好方式，可以產(chǎn)生極具沖擊力的視覺效果-游客的視線會不自覺地落在寬大的背景上。8.不拘謹于頂級域名

嚴格意義上這一點與網(wǎng)頁設(shè)計無關(guān)，但這一點也是發(fā)展的趨勢，將出現(xiàn)更多創(chuàng)造性的域名。.com域名的吸引力越來越少，主要是你很難再找到一個比較短的.com域名。2011年人們開始將視線慢慢轉(zhuǎn)移到.me、.co和.cc等身上。想想域名的發(fā)展，搶先一步，不然你很可能再次錯失先機。9.QR: Quick Response 如果你注意現(xiàn)在越來越多的名片、雜志或者其他地方出現(xiàn)方形條形碼，證明你已經(jīng)看到2011年的這個趨勢熱門

10.縮略圖設(shè)計（Thumbnail Design）

Google已經(jīng)向瀏覽用戶推出它們的瀏覽預覽技術(shù)。過去我們只能通過點擊鏈接才能看到網(wǎng)頁的內(nèi)容，現(xiàn)在你只需點擊放大鏡然后將鼠標懸停在鏈接上就可以預覽該鏈接的網(wǎng)頁內(nèi)容。11.持續(xù)聯(lián)系/ Life Stream Lifestreaming, 一種在線記錄個人日常活動的網(wǎng)絡(luò)應(yīng)用，包括直接通過視頻feed或通過聚焦一個人的網(wǎng)絡(luò)在線內(nèi)容，比如博客日志，在社會性網(wǎng)絡(luò)上面的更新，在線相冊，聊天內(nèi)容甚至只是一些喜歡的網(wǎng)站的鏈接等等.二:網(wǎng)站標準是在W3C（W3C.org）的組織下，商業(yè)公司（Netscape、Microsoft等）也認識到統(tǒng)一標準的好處。網(wǎng)站標準開始被建立（1998年2月10日發(fā)布XML1.0為標志），并在網(wǎng)站標準組織（webstandards.org）的督促下推廣執(zhí)行。

為什么要建立網(wǎng)站標準: 我們大部分人都有深刻體驗，每當主流瀏覽器版本的升級，我們剛建立的網(wǎng)站就可能變得過時，我們就需要升級或者重新建造一遍網(wǎng)站。例如1996-1999年典型的“瀏覽器大戰(zhàn)”，為了兼容Netscape和IE，網(wǎng)站不得不為這兩種瀏覽器寫不同的代碼。同樣的，每當新的網(wǎng)絡(luò)技術(shù)和交互設(shè)備的出現(xiàn)，我們也需要制作一個新版本來支持這種新技術(shù)或新設(shè)備，例如支持手機上網(wǎng)的WAP技術(shù)。類似的問題舉不勝舉：網(wǎng)站代碼臃腫、繁雜浪費了我們大量的帶寬；針對某種瀏覽器的DHTML特效，屏蔽了部分潛在的客戶；不易用的代碼，殘障人士無法瀏覽網(wǎng)站等等。這是一種惡性循環(huán)，是一種巨大的浪費。如何解決這些問題呢？有識之士早已開始思考，需要建立一種普遍認同的標準來結(jié)束這種無序和混亂。商業(yè)公司（Netscape、Microsoft等）也終于認識到統(tǒng)一標準的好處，因此在W3C（W3C.org）的組織下，網(wǎng)站標準開始被建立（1998年2月10日發(fā)布XML1.0為標志），并在網(wǎng)站標準組織（webstandards.org）的督促下推廣執(zhí)行。

采用網(wǎng)站標準的好處:

對網(wǎng)站瀏覽者的好處：

1、文件下載與頁面顯示速度更快

2、內(nèi)容能被更多的用戶所訪問（包括失明、視弱、色盲等殘障人士）；

3、內(nèi)容能被更廣泛的設(shè)備所訪問（包括屏幕閱讀機、手持設(shè)備、搜索機器人、打印機、電冰箱等）；

4、用戶能夠通過樣式選擇定制自己的表現(xiàn)界面；

5、所有頁面都能提供適于打印的版本。對網(wǎng)站所有者的好處:

1、更少的代碼和組件，容易維護；

2、帶寬要求降低（代碼更簡潔），成本降低。舉個例子：當ESPN.com使用CSS改版后，每天節(jié)約超過兩兆字節(jié)（terabytes）的帶寬；

3、更容易被搜尋引擎搜索到；

4、改版方便，不需要變動頁面內(nèi)容；

5、提供打印版本而不需要復制內(nèi)容；

6、提高網(wǎng)站易用性。在美國，有嚴格的法律條款（Section 508）來約束政府網(wǎng)站必須達到一定的易用性，其他國家也有類似的要求。

參考文獻： 一：溫謙.HTML+CSS網(wǎng)頁設(shè)計與布局從入門到精通[M].北京:人民郵電出版社,2010.3 二：http://004km.cn

三：http://btgyjlbjx.nease.net(北極星網(wǎng)站域名）

課程論文

系院:土木工程學院

專業(yè):建筑工程 姓名:王奎

學號:105140340043 網(wǎng)頁設(shè)計基礎(chǔ)