視覺傳達在網(wǎng)頁中的應用畢業(yè)論文

1、<p>　　視覺傳達在網(wǎng)頁設計中的運用研究</p><p><b>　　目錄</b></p><p><b>　　第１章緒論1</b></p><p>　?。保毖芯勘尘凹耙饬x1</p><p>　　１．２研究現(xiàn)狀及發(fā)展趨勢3</p><p>　?。保辰鉀Q的

2、主要問題及創(chuàng)新點3</p><p>　?。保凑撐牡慕M織結(jié)構(gòu)4</p><p>　　第２章關于視覺傳達與網(wǎng)頁設計4</p><p><b>　?。玻币曈X傳達4</b></p><p>　　２．２網(wǎng)頁的定義和特點5</p><p>　?。玻尘W(wǎng)頁設計中視覺傳達的設計原則及方法7<

3、/p><p>　　第３章分析三色幼兒園網(wǎng)站版式視覺效果8</p><p>　?。常狈治鼍W(wǎng)站視覺效果8</p><p>　?。常彩醉摪媸椒治?</p><p>　　第４章三色幼兒園網(wǎng)站色彩12</p><p>　?。矗苯逃W(wǎng)站色彩分析12</p><p>　?。矗步逃W(wǎng)站設計實現(xiàn)1

4、5</p><p>　　第５章網(wǎng)站文字17</p><p>　?。担本W(wǎng)站文字分析17</p><p>　　５．２整體網(wǎng)站效果19</p><p><b>　　第６章總結(jié)19</b></p><p><b>　　參考文獻20</b></p><p

5、><b>　　致謝21</b></p><p>　　視覺傳達在網(wǎng)頁設計中的運用研究</p><p>　　摘要：在科技、信息高速發(fā)展的２１世紀，網(wǎng)絡作為高科技與信息交互式媒介的產(chǎn)物，成為人類生活中不可或缺的重要連接紐帶。數(shù)字技術(shù)的發(fā)展成為網(wǎng)絡的一個橋梁，產(chǎn)生了網(wǎng)絡化傳播系統(tǒng)，從而使網(wǎng)絡成為繼報紙、廣播、電視后的第四媒介。隨著時代的發(fā)展，網(wǎng)站建設越來越接近于藝術(shù)而

6、不僅僅是一項技術(shù)。網(wǎng)頁的藝術(shù)設計日益被網(wǎng)站建設者所注重。視覺傳達設計是指利用視覺符號來傳遞各種信息的設計。設計師是信息的發(fā)送者，傳達對象是信息的接受，簡稱為視覺設計。視覺傳達包括．‘‘視覺符號”和“傳達”這兩個基本概念。網(wǎng)頁設計是一種建立在新型媒體之上的新型設計。它具有很強的視覺效果、互動性、互操作性、受眾面廣等其它媒體所不具有的特點。一個成功的網(wǎng)頁設計，首先在觀念上要確立動態(tài)的思維方式，其次，要有效地將藝術(shù)性引入網(wǎng)頁設計之中，加人們?yōu)g

7、覽網(wǎng)頁的興趣。本文主要解決如何把視覺傳達的念運用到網(wǎng)頁設計中去，通過對網(wǎng)頁設計中版式的首頁、前臺、后臺主要頁面進行分析；從企業(yè)網(wǎng)站的色彩需求，色彩特性、調(diào)和法則、設計原則和方法進行分析；從文字的簡潔性，識別性和在互聯(lián)網(wǎng)的傳播性來分析；最后從導航的前臺和后臺兩個方面分別加以分析，并運用設計學、心理學、傳</p><p>　　關鍵字：視覺傳達；網(wǎng)頁設計；運用；分析。</p><p><b

8、>　　第１章緒論</b></p><p>　?。保毖芯勘尘凹耙饬x</p><p>　　計算機和網(wǎng)絡技術(shù)的出現(xiàn)，毫無疑問的改變了世界，改變了人類的生活方式。而互聯(lián)網(wǎng)的出現(xiàn)則促成了網(wǎng)絡經(jīng)濟的形成，尤其是在電子商務由概念化走向?qū)嵱没倪^程中，它更是起到了決定性的作用。對于熟悉網(wǎng)絡的人來說，網(wǎng)頁的出現(xiàn)似乎是很久以前的事情了，但是認真追溯，實際上到現(xiàn)在為止，也只不過幾十年的時間。

9、而在整個的發(fā)展過程中，網(wǎng)絡技術(shù)是以驚人的速度發(fā)展變化的。網(wǎng)頁設計是一個全新的設計領域，是一門新興的設計和網(wǎng)絡的交叉學科，它既有繼承傳統(tǒng)設計概念的部分又有自己獨特的性格。它涉及的范疇不僅包括傳統(tǒng)的視覺傳達設計，更包括信息設計、交互設計，以及感觀設計等等。網(wǎng)頁中的信息傳遞是以一種全新的方式—超媒體的形式傳播的，相比較傳統(tǒng)的傳播媒體有著自身獨特的優(yōu)勢：超媒體不僅可以像傳統(tǒng)媒體一樣傳播文字和靜態(tài)圖像，更能夠傳播動態(tài)圖形甚至視頻、聲頻等信息；其次

10、，讀者在瀏覽信息的過程中，相比較傳統(tǒng)媒體單一的瀏覽順序，超媒體則為用戶提供了很大的自主性；另外，讀者在接受信息的過程中，在超媒體的壞境下可以運用操作工具參與或創(chuàng)造信息的接受活動，這種互動的優(yōu)勢也是傳統(tǒng)媒體不可比擬的。</p><p>　　網(wǎng)頁這種新的信息載體的出現(xiàn)為設計者提供了新的設計課題，同時也提供了一個新的設計空問。隨著網(wǎng)絡商業(yè)行為被廣泛的接受，越來越多的網(wǎng)民參與進來，人們使用網(wǎng)絡的目的也越來越多元化了，網(wǎng)頁

11、設計也向著更成熟的方向發(fā)展。在設計理念上，網(wǎng)頁已經(jīng)由最初純粹的“叫賣式’’的商業(yè)簡介，逐漸發(fā)展為更注重個性化的網(wǎng)頁設計風格，以體現(xiàn)商業(yè)的文化內(nèi)涵；在網(wǎng)頁制作技術(shù)上，也更注重可操作性、功能性以及可讀性的提高。越來越多的網(wǎng)頁設計作品出現(xiàn)在人們的視野。我們生活在一個信息社會，怎樣才能使我們每天接觸到的信息能夠更加快速地傳遞出去，并被有效地接受和理解，是人們非常關心的問題。而網(wǎng)頁作為新的信息載體，更承載著這樣的任務。近幾年隨著網(wǎng)絡的發(fā)展，網(wǎng)頁本

12、身以網(wǎng)絡為載體把各種信息以最快捷、方便的方式傳達給受眾。但是，人們對美的追求是不斷深入的，網(wǎng)頁設計同樣如此。在審美的角度考慮如何更多更有效的傳達網(wǎng)頁信息，給用戶留下更好的印象，提高網(wǎng)站的訪問數(shù)量，促進網(wǎng)站的良好運作，是目前網(wǎng)頁一個重要的發(fā)展趨勢。雖然目前針對網(wǎng)頁設計中信息傳遞的可識性與便捷性，己經(jīng)有了一些研究成果與實踐經(jīng)驗，但是能夠成功的吸收和應用這些成果的網(wǎng)頁設計作品還是不多見</p><p>　　從一些統(tǒng)計數(shù)

13、據(jù)可以發(fā)現(xiàn)，用戶對網(wǎng)絡的需求具有多層次的特點，對網(wǎng)絡服務的要求也在不斷提高。上網(wǎng)用戶以獲取各方面的信息，以及學習新技術(shù)為主要目的，因此，一些信息流量大、更新及時、瀏覽速度快、服務人性化的網(wǎng)站是最受用戶歡迎的。另外，目前商業(yè)網(wǎng)站的發(fā)展速度非常快，網(wǎng)站更新意識也在不斷加強，并存在著巨大的潛在需求。所以，隨著網(wǎng)站建設技術(shù)難度的降低，如何為用戶提供并傳達更具有價值的信息，以吸引更多的用戶，成為各網(wǎng)站之間的主要競爭內(nèi)容，而網(wǎng)頁則在其中扮演著重要的

14、角</p><p><b>　　色。</b></p><p>　?。保惭芯楷F(xiàn)狀及發(fā)展趨勢</p><p>　　網(wǎng)頁設計是一門新興的設計類和網(wǎng)絡的交叉學科，近幾年隨著網(wǎng)絡的發(fā)展而逐漸受到人們的重視，它本身以網(wǎng)絡為載體，把各種信息以最快捷、方便的方式傳達給受眾，在這種標準要求下，逐步產(chǎn)生了審美的需求。人們對美的追求是不斷深入的，網(wǎng)頁設計同樣如此。

15、網(wǎng)頁不光是把各種東西放上去，能看就行，這是遠遠不夠的！還要考慮如何使受眾能更好地和更有效率地接收網(wǎng)頁上的信息。這就需要從審美的方面入手，制作出清晰、整體性好的頁面使人瀏覽起來心情愉快，接收信息也會更加容易。網(wǎng)頁設計經(jīng)歷從最早的簡單以文本和數(shù)據(jù)等字符組成顯示界面的功能第一的審美原則，發(fā)展到追求創(chuàng)意和風格表現(xiàn)的現(xiàn)代網(wǎng)頁設計目標。其中，Ｎ，格（ｓｔｙｌｅ）的形成一詞在詞典上的解釋是“氣度、作風、某一期流行的一種藝術(shù)形式＂。具體到網(wǎng)頁設計的基礎

16、上，網(wǎng)頁設計師的風格就是在運用自己的所掌握的手段，包括所擁有的審美的素質(zhì)、應用軟件的能力、以及感受生活的敏銳的覺察力，來建立起自己獨特的設計形式、獨特的作風。在我國，網(wǎng)頁設計整體水平的提高，和這個新興職業(yè)的形成有著必然的關系，由專業(yè)藝術(shù)設計人員轉(zhuǎn)型進入網(wǎng)絡領域的視覺設計，提升了網(wǎng)頁視覺的創(chuàng)意和精美表現(xiàn)。但網(wǎng)頁設計要求設計人員</p><p>　?。保辰鉀Q的主要問題及創(chuàng)新點</p><p>

17、;　　企業(yè)網(wǎng)站的視覺傳達效果是建立在網(wǎng)頁設計基礎上的。一個成功的企業(yè)網(wǎng)站從嚴格意義上來講，網(wǎng)站不僅代表了一個企業(yè)的精神面貌和形象，更擔負著宣傳品牌和開拓市場的重任，那么怎樣才能打造出一個成功的企業(yè)網(wǎng)站昵？除去網(wǎng)站本身的結(jié)構(gòu)、內(nèi)容等各個方面都需要精益求精，給人一種吸引力之外，還有一些改進的方法和評判的標準。本文主要解決如何把視覺傳達的理念運用到網(wǎng)頁設計中去，通過對網(wǎng)頁設在中版式的布局，導航的安排，文字的設計，色彩的搭配等加以闡述，并運用設

18、計學、心理學、傳播學、美學等方法在藝術(shù)因素進行分析的基礎上，結(jié)合湖大科技網(wǎng)站案例從藝術(shù)、技術(shù)角度出發(fā)，結(jié)合人機界面評估知識，給出網(wǎng)頁設計方案。根據(jù)網(wǎng)頁的設計，分析網(wǎng)站實例的實現(xiàn)過程，并總結(jié)實現(xiàn)的技術(shù)特點、一般步驟和注意問題。本文的創(chuàng)新之處在于從傳統(tǒng)視覺傳達設計藝術(shù)的審美原則和創(chuàng)作思維手段出發(fā)，從網(wǎng)站的版式、色彩、文字、導航等方面加以闡述，結(jié)合網(wǎng)頁設計中的動態(tài)網(wǎng)頁技術(shù)，滿足用戶在視覺習慣、視覺心理、易操作性等方面的多樣化需求，試圖探索一條

19、藝術(shù)與技術(shù)高度相結(jié)合的道路。這些實踐層面的思考可應用性較強，具有一定的創(chuàng)新之處。</p><p>　?。保凑撐牡慕M織結(jié)構(gòu)</p><p>　　第1章緒論介紹了文章的研究背景及意義，研究現(xiàn)狀及發(fā)展趨勢，本文解決的主要問題及創(chuàng)新點，論文的組織結(jié)構(gòu)。</p><p>　　第２章介紹視覺傳達的含義及傳達過程，網(wǎng)頁的定義及特點，網(wǎng)頁設計中視覺傳達的設計原則及方法。</

20、p><p>　　第３章重點分析三色幼兒園網(wǎng)站版式視覺效果，主要從首頁、前臺主要頁面、后臺主要頁面來分析。</p><p>　　第４章重點分析三色幼兒園網(wǎng)站色彩視覺效果，從色彩特性、調(diào)和法則、設計原則和方法進行分析以及對企業(yè)網(wǎng)站色彩實現(xiàn)方案及效果進行闡述。</p><p>　　第５章分析了三色幼兒園網(wǎng)站文字效果，從文字的簡潔性、識別性和在互聯(lián)網(wǎng)的傳播來分析，以及最后的設計

21、實現(xiàn)。</p><p>　　第６章總結(jié)部分對本文的主要內(nèi)容與觀點進行總結(jié)，提出研究的不足之處與局限性，提出下一步的研究方向。</p><p>　　第２章關于視覺傳達與網(wǎng)頁設計</p><p><b>　?。玻币曈X傳達</b></p><p><b>　　１視覺傳達的含義</b></p>

22、<p>　　在人的五種感覺（視覺、聽覺、嗅覺、味覺、觸覺）中，視覺在正常狀態(tài)下認知環(huán)境事物的過程中擔當著重要的角色。人從外界獲得的信息量中有７０％一８０％是從視覺系統(tǒng)獲得的，因此通過視覺媒介柬接受外部信息成為人類認知活動的主體。視覺傳達（ｖｉｓｕａｌＣｏｍｍｕｎｉｃａｔｉｏｎ）是指通過視覺符號來發(fā)送和接受外部信息，其本質(zhì)是視覺信息的傳達。根據(jù)定義，“視覺符號”和“傳達”是兩個核心概念。視覺符號是指用以代替或代表某種特定事物

23、的信息媒介，而以視覺系統(tǒng)認知的符號即為視覺符號。視覺符號是實現(xiàn)信息存儲和記憶的工具．又是表謎思想情感的物質(zhì)于段。例如，色彩就可以作為視覺符號來表達某種特定信息。紅色代表喜慶，綠色代表希望，紫色代表浪漫等。具同樣功能的還有文字、圖形圖像等。</p><p>　　視覺符號作為信息的載體，具有形式表現(xiàn)、信息敘述與信息傳達的功能，是形式與內(nèi)容的統(tǒng)一體。美國符號學家和藝術(shù)學家蘇珊?朗格（ＳｕｓａｎｋＬａｎｇｅｒ）指出，設計

24、中符號的作用就在于“將經(jīng)驗形式化并過這種形式將經(jīng)驗客觀地呈現(xiàn)出來，以供人們觀照、邏輯直覺、認知和理解”。這就要求設計中所采用的視覺符號不僅要能夠完整、明確地指代信息內(nèi)容，還應具有一定的自身意義，即通過經(jīng)驗的、藝術(shù)的造型方式束規(guī)劃、美化符號形象。傳達（Ｃｏｍｍｕｎｉｃａｔｉｏｎ）在拉丁語中本來是“溝通”，“給予人們”的意思，這正好符合傳達的基本精神。傳達應包括發(fā)送方和受方，傳達的過程是發(fā)送方發(fā)出傳達的內(nèi)容成為接受方接受的內(nèi)容，接受方在收受

25、時產(chǎn)生某種理解和反應。同時，接受方在收受時又成為發(fā)送方，反饋出新的情報或意見。這個過程是一個相互豐富精神內(nèi)容的過程。</p><p>　?。玻保惨曈X傳達的過程</p><p>　　現(xiàn)今傳達的定義是信息發(fā)送者利用符號向信息接受者傳遞特定信息的過程。運用到設計中，就是設計師利用視覺符號向瀏覽者傳遞信息，瀏覽者則通過對視覺對信息作出反應，并以此決定自己的思考和進一步行動的過程。這個過程由“設

26、計師”、“瀏覽者＂、“特定信息”以及“傳達效果＂四個因素共同構(gòu)成。視覺是有選擇性的認知系統(tǒng)，對周圍各種程度的刺激反應各不相同。在復雜的信息系統(tǒng)中，視覺注意力只會集中在具有強烈刺激性的視覺符號上，然而這種刺激性的視覺符號會引發(fā)人的種種生理及心理反應。因此，視覺傳達研究的是物質(zhì)世界通過視覺感在人心理上、生理上產(chǎn)生作用的理論和方法。視覺傳達的基礎應建立在“發(fā)送者（ｔｒａｎｓｍｉｔｔｅｒ）——媒體（ｍｅｄｉａ）——接受者（ｒｅｃｅｉｖｅｒ）”的

27、觀念上。視覺傳達的過程，對于信息發(fā)送者來說，是根據(jù)不同的傳達目標，將設計思想和設計概念轉(zhuǎn)變?yōu)橐曈X符號的過程，即概念視覺化的過程。對信息接收者來說，是相反的過程，即視覺概念化的過程。貫穿和聯(lián)結(jié)個過程的是信息，即發(fā)送者與接收者之間的載體和媒介。</p><p>　　２．２網(wǎng)頁的定義和特點</p><p>　?。玻玻本W(wǎng)頁的定義</p><p>　　網(wǎng)頁是存放在Ｗｂｅ服

28、務器上供客戶機用戶瀏覽的頁面—－ＨＴＭＬ文檔。網(wǎng)頁的學名稱作ＨＴＭＬ文件，ＨＴＭＬ的全稱是“ＨｙｐｅｒＴｅｘｔＭａｒｋｕｐ Ｌａｎｇｕａｇｅ，中文翻譯為“超文本標記語言”，是一種以在Ｉｎｔｅｍｅｔ上傳輸，并被瀏覽器認識和翻譯成頁面顯示出來的文件。要讓瀏覽器顯示出我們想要網(wǎng)頁表現(xiàn)出的樣式，必須要用ＨＴＭＬ語言加以設定版式的編排。瀏覽器是一個用于定位和閱覽ＨＴＭＬ文檔的程序。網(wǎng)頁包括以下基本內(nèi)容：文字、超鏈接、圖片、聲音、影像等等。<

29、/p><p>　?。玻玻簿W(wǎng)頁的特點</p><p><b>　　１．具有交互性</b></p><p>　　相對于文字、印刷、影視等媒體，網(wǎng)絡媒介的最大的獨特性就是在于其交互性。人們可以運用綜合的信息傳遞方式，借助視、聽、觸等方式來獲取更廣泛的資源。網(wǎng)頁的超鏈接功能使用戶享有高度的主控權(quán)，他們可以選擇自己真正所需要的信息，表達自己真正想表達的意

30、念與作品，重要的是用戶可以通過網(wǎng)頁參加討論組、聊天或者進行電子商務活動等等。例如：用戶可以對網(wǎng)上的某些信息做出自己的決定，并將其加入到網(wǎng)絡媒體中，反過來又成為網(wǎng)絡信息的一部分。因此，在網(wǎng)絡世界里，信息的傳達、發(fā)表不再是少數(shù)報社、出版商所擁有的特權(quán)。每個人都可以成為信息的消費者，同時也是信息的出版者。用戶不再僅僅是信息的接受者，他們擁有更大的選擇自由和參與機會。網(wǎng)頁中的交互性將有助于滿足大眾對更個性化的信息日益增長的需求，滿足用戶的參與性

31、，以及實現(xiàn)某種愿望、需求、目標和能力。</p><p><b>　?。玻畷r效性強</b></p><p>　　時效性是信息社會對信息傳達的最基本的要求。網(wǎng)頁以其快捷的傳輸速度充分體現(xiàn)著現(xiàn)代信息社會的時效性。雖然仍然有許多人都在抱怨網(wǎng)絡的傳輸速度太慢，但是相比較傳統(tǒng)的傳播媒介，互聯(lián)網(wǎng)在信息傳輸?shù)难杆偌皶r上依然具有明顯的優(yōu)勢，而時效性強是其一大優(yōu)勢。當報紙、雜志還在制版印

32、刷時，當廣播、電視還在后期制作時，通過互聯(lián)網(wǎng)發(fā)布的信息早已傳達到用戶的身邊?；ヂ?lián)網(wǎng)的迅速快捷為網(wǎng)頁信息的傳遞提供了前所未有的傳播捷徑。</p><p><b>　?。常录皶r</b></p><p>　　網(wǎng)頁發(fā)布后，最終結(jié)果仍然是以電腦數(shù)字化的形式出現(xiàn)的，所以信息的堆減和形式的調(diào)整都非常方便。設計人員可以在全部網(wǎng)頁傳遞到主機上之后，對其中的編排、色彩等做相應的調(diào)整，

33、以達到最好的視覺效果和傳達效應。此外由于網(wǎng)頁信息傳達所具備的交互性特點，使得網(wǎng)頁信息的發(fā)布成為不斷更新的循環(huán)周期。而網(wǎng)頁設計作品的發(fā)布也并不意味著設計的結(jié)束，網(wǎng)頁設計人員必須根據(jù)用戶的反饋信息和網(wǎng)站各個階段的經(jīng)營目標，配合網(wǎng)站不同時期的經(jīng)營策略，經(jīng)常的對網(wǎng)頁進行定期或不定期的調(diào)整和修改。</p><p>　?。矗皇軙r間、地域的限制</p><p>　　網(wǎng)絡信息的依托是Ｉｎｔｅｍｅｔ，所有

34、信息一旦進入互聯(lián)網(wǎng)，都處于同一時間和空間內(nèi)，不再受地域和時間的限制。網(wǎng)頁這一與生俱來的優(yōu)勢令其他傳播媒介望塵莫及。</p><p>　?。担畔⒎答伡皶r、準確在互聯(lián)網(wǎng)上信息反饋通過計數(shù)器、留言本、電子信箱及對用戶的跟蹤系統(tǒng)來完成。相對于傳統(tǒng)的市場調(diào)查而言，這種基于數(shù)字技術(shù)的信息反饋更加及時、準確、有效和全面。</p><p>　?。玻尘W(wǎng)頁設計中視覺傳達的設計原則及方法</p>

35、<p>　?。玻常本W(wǎng)頁主題明確、鮮明突出</p><p>　　網(wǎng)頁設計中首先要解決的問題是主題的定位。所謂主題也就是網(wǎng)站的題材。定位網(wǎng)站主題首先要明確建立網(wǎng)站的目的，這是從網(wǎng)站建設者的角度來考慮的。另一方面應詳細了解網(wǎng)站受眾群體的基本情況，明確他們的需要，以確定網(wǎng)站為使用者所提供的信息或經(jīng)驗。網(wǎng)站內(nèi)的全部信息必須根據(jù)主題進行選擇、鑒別和整理。信息傳達的目的性越明確，針對性越強，傳達的成功率也會越

36、高。網(wǎng)站主題明確后，設計的全過程都要圍繞這一主題展開。主題要做到鮮明突出、力求簡潔、要點明確，盡量以簡單明確的語言和畫面告訴大家本站點的主題，吸引對本站點有需求的人的視線，對于普通用戶也能留下一定的印象。在Ｉｎｅｔｍｅｔ上同行業(yè)的網(wǎng)站千千萬萬，瀏覽者常常是走馬觀花，一帶而過。只有極富特色、內(nèi)容翔實的網(wǎng)頁才能使其駐足閱讀。</p><p>　?。玻常簿W(wǎng)頁整體風格一致、形象統(tǒng)一</p><p&

37、gt;　　網(wǎng)站的主題和結(jié)構(gòu)確定之后、要為之尋求適合的表現(xiàn)形式，做到形式與內(nèi)容統(tǒng)一。應大體規(guī)劃出：字體大小與字體種類，圖片與文字的相互排列、對應位置，各大小標題與文章段落的對齊方式，導覽按鈕與文字超鏈接的表現(xiàn)形式?；镜脑O計藍圖使所有頁面擁有前后一致的設計風格，設計其他頁面時根據(jù)每頁的具體情況稍做修改即可。形式的統(tǒng)一可以通過頁面的構(gòu)圖、文字、色彩、圖像的運用來實現(xiàn)。</p><p>　?。玻常吃O計目的明確、形式

38、鮮明</p><p>　　網(wǎng)頁形式是為內(nèi)容服務的，但本身又有自己的獨立性和藝術(shù)規(guī)律。這里所指的形式是指網(wǎng)頁設計的版式、構(gòu)圖、布局、色彩以及它們所呈現(xiàn)出的風格特點。無論設計什么形式的網(wǎng)站，都應該有明確的設計目的，清晰的網(wǎng)頁設計形式。因為網(wǎng)頁設計的目的就是為了更好的體現(xiàn)和傳達網(wǎng)站的信息，使之更加形象、直觀、更易于為用戶所接受理解。所以，不同內(nèi)容的網(wǎng)頁要用不同的形式來表現(xiàn)。比如：政府機構(gòu)的網(wǎng)頁形式應簡潔、莊重以體現(xiàn)機構(gòu)

39、的特點。而商業(yè)網(wǎng)站則可以根據(jù)不同的商品特征采取不同的表現(xiàn)形式，而相對政府機構(gòu)的嚴肅莊重的特點，則可以多一些活潑與自由，色彩也可以更加豐富。文化藝術(shù)類網(wǎng)站的表現(xiàn)形式則更注重個性化的表現(xiàn)。</p><p>　?。玻常葱畔⒓磿r、更新及時</p><p>　　沒人對過時信息有興趣，所以資料一定要注意即時性。更新是互聯(lián)網(wǎng)永恒不變的主題，印在書面上的信息是不變的，而用戶想看到的是最新的內(nèi)容，如果用

40、戶每次都只能看到與上次相同的內(nèi)容，則會認為這個站點是永遠不更新的，從而不會再次訪問該網(wǎng)站。網(wǎng)頁更新包括內(nèi)容和形式兩個方面。在保持頁面統(tǒng)一性和連續(xù)性的前提下．經(jīng)常更新內(nèi)容，變換新的表現(xiàn)形式，有利于引起新的視覺刺激，吸引更多的視覺注視，增加訪問量。也就是說，網(wǎng)頁盡量要在每天發(fā)生一些新的變化，總是有新的內(nèi)容出現(xiàn)。但是究竟哪些內(nèi)容是更新的重點，并不是隨意確定的，要通過分析調(diào)查來訪者的數(shù)量和所關心的內(nèi)容的傾向來決定。當然，更新的內(nèi)容也需要在醒目的

41、位置將更新內(nèi)容的簡要通知告訴給用戶。</p><p>　　第３章分析三色幼兒園網(wǎng)站版式視覺效果</p><p>　?。常狈治鼍W(wǎng)站視覺效果</p><p><b>　?。保Y(jié)構(gòu)清晰</b></p><p>　　三色幼兒園網(wǎng)站整個設計可以說是比較簡單的，沒有過多的裝飾，也沒有復雜的結(jié)構(gòu)，給人的感覺就是清新明了，網(wǎng)站內(nèi)容一目

42、了然，不會讓人產(chǎn)生迷惑，初來三色幼兒園網(wǎng)站的用戶可以完全按照自己的理解來進行操作而不會產(chǎn)生錯誤。在這一點上是十分重要的。來三色幼兒園網(wǎng)站的用戶，都是查找孩子在校的相關信息的，如果網(wǎng)站的設計不能做到讓用戶感覺清楚明白的話，就會造成用戶的大量流失。因為沒有人會希望在理解一個網(wǎng)站上浪費太多的時間。網(wǎng)絡上的資源非常多，如果在使用網(wǎng)站之前還要先學習如何使用該網(wǎng)站的結(jié)構(gòu)，相信有不少用戶會去其它網(wǎng)站查找自己所需的資源，選擇放棄瀏覽該網(wǎng)站。</p

43、><p><b>　?。玻诵曰O計</b></p><p>　　用戶在線咨詢說到該公司的人性化設計是很有特色的，這也許因為這是一家商業(yè)公司，他的人性化設計才體現(xiàn)了他商業(yè)的特點。在打開公司網(wǎng)站我們就可以看到在網(wǎng)站的最左邊有一長列的登錄圖標，這些頭像是公司的各個重點產(chǎn)品，及不同孩子的個人的學號，它不像其他網(wǎng)站的注冊號。它不需要查找注冊號，只要用戶輸入自己孩子的學號，點擊它上

44、面的頭像就可以與對應的產(chǎn)品及部門聯(lián)系了。不但如此，它還町隨頁而的滾動，和頁面的變換而變動，無論用戶在頁面的什么地方和什么頁面遇到問題都可以與相關責任人聯(lián)系。</p><p><b>　?。常?lt;/b></p><p>　　推薦產(chǎn)品公司網(wǎng)站具有其獨特的吸引人的地方，首先就是其簡潔明快的首頁，整個頁面使用藍色作為毛色調(diào)，讓人在瀏覽的同時，會有一種放松感，整個頁面沒有過

45、多花峭的東西，每一個版塊都很明確在指導瀏覽者將看到的內(nèi)容。在內(nèi)容的布置方面，三色幼兒園網(wǎng)站做的樣盡心盡力，首頁上首先會吸引人的注意力的就是三色幼兒園網(wǎng)站的“推薦產(chǎn)品”版塊。在整個首頁上，都是采用小的圖片來點綴的方式，這就使得其在這眾多小圖片中顯得十分搶眼。這個版塊使用了動態(tài)展示——幾個產(chǎn)品在這一版塊一段時間內(nèi)幣段回放，以不同的產(chǎn)品的亮點吸引用戶。整個首頁主體的分欄布局也十分簡單明了，每一個分欄區(qū)都使用了不同的背景色以與其它分欄區(qū)別開來，

46、但同時，背景顏色的選取又十分地恰到好處，沒有讓人產(chǎn)生突兀之感，讓人看得十分舒服。在對內(nèi)容及版式的布局方面，三色幼兒園網(wǎng)站做到以用戶方便為主，按～般網(wǎng)站的模式，將分類放在了ｌｏｇｏ的下方，讓用戶能夠直接了解三色幼兒園網(wǎng)站的全部內(nèi)容，也可以讓用戶卜分方便地選擇自己感興趣的版塊進行瀏覽和操作。來三色幼兒園網(wǎng)站的用戶一般都是為了瀏覽三色幼兒園網(wǎng)頁中的自家寶貝相關資料，因此，三色幼兒園網(wǎng)站在首頁上就將三色幼兒園網(wǎng)頁中所有的</p>

47、<p>　?。ǎ保┦醉摰暮啙嵜髁?，不拖泥帶水；</p><p>　?。ǎ玻┦醉摳靼鎵K的更新都是實時的，不會存在有過時信息的停留，用戶由三色幼兒園網(wǎng)站首頁上所得到的信息都是最新的；</p><p>　?。ǎ常┎僮鞯娜诵曰?。對于一般用戶經(jīng)常用到的操作，三色幼兒園網(wǎng)站都十分細心地將其列于首頁的左側(cè)，免去了三色幼兒園網(wǎng)站用戶一層層尋找自己想要進行的操作的多余時間。</p>

48、<p>　?。ǎ矗桑援a(chǎn)品量較多。對于公司網(wǎng)站來說，ＩＴ產(chǎn)品量的大小直接影響到用戶的多少。如果用戶多次在網(wǎng)站中無法找到自己想要的資料，他就會放棄該網(wǎng)站，而如果在網(wǎng)站中總是可以找到自己想要的資料，那么，如果網(wǎng)站遇到不能找到用戶想要的信息，用戶會放棄瀏覽該站。因此ＩＴ產(chǎn)品量的多少對用戶來說，是十分重要的。雖然該公司的產(chǎn)品信息較多，但有些信息不全的情況。這是該網(wǎng)站需要加強的地方。由以上的分析來看，就三色幼兒園網(wǎng)站一個教育網(wǎng)站，能做到

49、這么多的功能基本滿足三色幼兒園網(wǎng)站滿足家長們的一般需求。接下來我們從設計的角度來分析及實現(xiàn)網(wǎng)站。</p><p><b>　?。常彩醉摪媸椒治?lt;/b></p><p>　　版式指的是瀏覽器看到的完整的一個版面（可以包含框架和層）。因為每不人的顯示器分辨率不同，所以同一個版面的大小可能出現(xiàn)不同尺寸。而布局，就是以最適合瀏覽的方式將圖片和文字排放在版面的不同位置。由于網(wǎng)

50、站性質(zhì)、內(nèi)容、使用對象等有所不同，網(wǎng)頁布局的形式也是千差萬別的?；镜臉?gòu)圖形式是：版面由上至下依次安排，網(wǎng)站名稱和標識、版面標題、版面內(nèi)容、腳注等。</p><p>　　一般版面左側(cè)通常設置為導航部分，這樣做的目的一方面是提供與其他版面的鏈接；另一方面也是為了減小右部版面內(nèi)容區(qū)的寬度，以使每行文字的長度適合閱讀。當然在實際的設計過程中，需要根據(jù)實際的情況來設定導航條的位置，其中包括考慮用戶的生理和心理機能的限制。

51、版式布局的模式一個企業(yè)網(wǎng)站一般要完成ｌ、樹立現(xiàn)代企業(yè)形象，增值企業(yè)無形資產(chǎn)；２、宣傳企業(yè)，創(chuàng)造銷售機會；３、加強客戶溝通宣傳企業(yè)產(chǎn)品；４、通過電子營銷可以減少環(huán)節(jié)，減少人員，節(jié)約費用，降低成本，有利于提高營銷效率；５、有利于了解顧客的意見，建立良好的顧客關系；６、有利于改善服務等功能。</p><p>　?。常玻笔醉摪媸降囊曈X傳達理念分析</p><p>　　要實現(xiàn)網(wǎng)站的以上功能根據(jù)視

52、覺傳達的理念要符合用戶的視覺路徑一般：從上到下，從左到右。好的視覺設計路徑應該是順應這樣的用戶習慣。當然，下圖的視覺路徑圖并非絕對的，瀏覽習慣因人而異。用戶習慣視覺路徑因為人們從接觸信息以來，信息的呈現(xiàn)就是以方塊式存在：報紙、書，單個字成點，一行字成線，一段字成面，而這個面當然是以方形呈現(xiàn)的效率最高。網(wǎng)站的視覺設計大部分其實都是在拼方塊。網(wǎng)站中的方塊能很好地引導用戶的視覺路徑，用戶可以通過區(qū)塊來分辨這個區(qū)域的信息是否是自己需要的，從而可

53、以迅速縮小范圍細致尋找或者瀏覽下一個區(qū)塊。視線經(jīng)過的所有關注點可以連接成一條完整的路徑，即視覺路徑。視覺路徑的形成是由人類的視覺特性所決定的．往往會體現(xiàn)出比較明顯的方感，使整個運動趨勢有一個主旋律。受生理結(jié)構(gòu)限制，人眼只能產(chǎn)生一個焦點，不能同時把視線停留在兩處或更多的地方，我們可以做的只是依照一定的順序瀏覽觀察。心理學的研究表明，在一個平面上，上半部讓人輕松和自在，下半部讓人穩(wěn)定和壓抑，而左半部讓人輕松和舒展，右半部讓人局限和拘謹。因此

54、，人們的視覺習慣于從左向右看，從上向下看，視覺注意力上部比下部強，左側(cè)比右側(cè)強。這樣左上部和中</p><p><b>　　1首頁版式設計實現(xiàn)</b></p><p>　　基于以上的分析，一個企業(yè)網(wǎng)站首頁必須有兩站ＬＯＧＯ、網(wǎng)址公司名、產(chǎn)品、客服行業(yè)信息等一系列元素。根據(jù)這些元素的屬性的相關性和重要性的不同我們首先使用ＰＨＯＴＯＳＨＯＰ軟件把首頁劃分成以下幾個方塊。各

55、個方塊完成了同信息的一個分類，信息的分類使其能更直觀的將用戶需要的信息傳遞給他們。整個網(wǎng)站的視覺流程就是，企業(yè)信息板塊，導航板塊，ＢＡＮＥＥＲ，用戶板塊產(chǎn)晶及新聞扳塊。網(wǎng)站用戶大部分都是這樣的視覺流程，用戶一進企業(yè)網(wǎng)站看到的就是企業(yè)的ＬＯＧＯ，企業(yè)的名字，接下來的導航板塊，用戶就可以立即找到自己感興趣的板塊或欄目，不會讓用戶因找不到自己感興趣的內(nèi)容而離開阿站。接下來ＢＡＮＥＥＲ，這個一般都是企業(yè)的形象廣告或是新品廣告。用戶板塊及最后的產(chǎn)

56、品及新聞板塊主要針對的網(wǎng)站的老用戶了。因為老用戶都在熟悉了網(wǎng)站之后都會直奔主題，看網(wǎng)站里的內(nèi)容了。根據(jù)以上的首頁功能劃分意圖，通過ＤＲＥＡＭＷＥＡＶＥＲ網(wǎng)頁設計軟件制作出詳細的設計，如圖３－１６所示。ＤｒｅａｒａＷｅａｖｅｒ是一個很酷的網(wǎng)頁設計軟件，它包括可視化編輯、ＨＴＭＬ代碼編輯的軟件包，并支持ＡｃｔｉｖｅＸ、ＪａｖａＳｃｒｉｐｔ、Ｊａｖａ、Ｆｌａｓｈ、Ｓ</p><p>　　而且它還能通過拖拽從頭到尾制作動

57、態(tài)的ＨＴＭＬ動畫，支持動態(tài)ＨＴＭＬ（ＤｙｎａｍｉｃＨＴＭＬ）的設計，使得頁面沒有ｐｌｕｇ－ｉｎ也能夠在Ｎｅｔｓｃａｐｅ和ＩＥ ４．０瀏覽器中正確地顯示頁面的動畫。同時它還提供了自動更新頁面信息的功能。ＤｒｅａｍＷｅａｖｅｒ還采用了Ｒｏｕｎｄｔｒｉｐ ＨＴＭＬ技術(shù)。這項技術(shù)使得網(wǎng)頁在ＤｒｅａｍＷｅａｖｅｒ和ＨＴＭＬ代碼編輯器之間進彳亍自由轉(zhuǎn)換，ＨＴＭＬ句法及結(jié)構(gòu)不變。這樣，專業(yè)設計者可以在不改變原有編輯習慣的同時，充分享受到可視化編輯帶來

58、的益處。ＤｒｅａｍＷｅａｖｅｒ最具挑戰(zhàn)性和生命力的是它的開放式設計，這項設計使任何人都可以輕易擴展它的功能。網(wǎng)頁效果蹦中的視覺焦點標志是一個企業(yè)、一個團體的概念化圖案，代表了企業(yè)或者行業(yè)團體的形象，其特點主要是，造型簡沾明了，視覺沖擊力強。在網(wǎng)頁設計中也會出現(xiàn)在顯要的位置，與企業(yè)名稱以共處。是網(wǎng)頁設計中視覺版面上的一個重要組成部分。三色幼兒園網(wǎng)站的標志放在整個版面的最上面，用戶一進入網(wǎng)站，首先看到的就是企業(yè)的標志，其視覺效果非常突出，形

59、成第一視覺焦點。產(chǎn)品展示欄動態(tài)顯示，引起用戶的注意，形成第二視覺焦點。整個版式是一個從上</p><p><b>　　2主要前臺頁面版式</b></p><p>　　前臺的主要頁面有產(chǎn)品頁、新聞頁、用戶頁面等。這些頁面構(gòu)成了一個企業(yè)網(wǎng)站的主要功能。主要的功能頁面是片ｊ戶點擊率最高的頁面，它的版式的樣式是用戶對網(wǎng)站的一個整體視覺印象</p><p&g

60、t;　　１主要前臺頁面版式分析</p><p>　　視覺傳選設計講究設計的表現(xiàn)性、功能性、蒙征性。而這些主要功能的頁面構(gòu)成了用戶對網(wǎng)站的一個整體視覺感受。我們把這些頁面的表現(xiàn)性統(tǒng)一起來，給片ｊ戶一個統(tǒng)一的視覺感受。</p><p>　?。仓饕芭_版式設計實現(xiàn)產(chǎn)品頁通過ＤＲＥＡＭWＥＡⅦＲ網(wǎng)頁設計軟件制作出詳細的設計。用戶頁通過ＤＲＥＡＭＷＥＡＶＥＲ網(wǎng)頁設計軟件制作出詳細的設計。</p

61、><p>　　3主要后臺頁面版式網(wǎng)站后臺就是可以對整個網(wǎng)站進行日常維護，日常更新等操作的平臺。登陸頁、產(chǎn)品管理頁、新聞管理頁是一個企業(yè)網(wǎng)站后臺管理的主要頁面，是網(wǎng)站管理員對其進行更新維護的。</p><p>　?。敝饕笈_頁面版式分析</p><p>　　網(wǎng)站的后臺不同于網(wǎng)站的前臺，需要體現(xiàn)企業(yè)的整體形象，但就其功能的復雜性，一個好的版式設計是實現(xiàn)網(wǎng)站快捷方便管理的關鍵

62、。我們把后臺頁面的導航頁和管理頁整合到一個ＤＥＦＡＵＬＴ．ＡＳＰ的頁面。當進入后臺就進入這個Ⅲ面，通過導航頁的導航調(diào)用不同的管理頁。圖３—２６后臺頁面板塊劃分管理導航欄和管理頁左右分布。視覺路徑從左到右，符合人眾的視覺刊慣方便了網(wǎng)站管理者對網(wǎng)站的管理。板塊劃分對視覺路徑的引導</p><p>　　２主要后臺頁面版式實現(xiàn)</p><p>　　后臺登陸頁足網(wǎng)站管理員登陸管理頁面的窗口，版面定位

63、應簡潔，無需做過多的美化設汁——過多的美化設計反而影響網(wǎng)站響應的速度。簡潔，明晰的設計反應速度更快，方便管理員登陸。</p><p>　　后臺登陸頁效果圖產(chǎn)品管理貝需對各類產(chǎn)品以綜合性管理，內(nèi)容繁多復雜，簡潔，明晰的表格把產(chǎn)品的各種內(nèi)容加以區(qū)分，實現(xiàn)網(wǎng)站管理員對產(chǎn)品的快捷管理。</p><p>　　第４章三色幼兒園網(wǎng)站色彩</p><p>　　４．１教育網(wǎng)站色彩分析

64、</p><p>　　色彩在網(wǎng)頁設計中也占有非常重要的地位。它是調(diào)適閱覽者視覺心理、引起人們注意的主要手段。由于網(wǎng)頁設計是通過計算機來實現(xiàn)的，就要考慮計算機色彩系統(tǒng)的功能。計算機色彩系統(tǒng)中提供的三原色為紅、綠、藍。通過這三種色光的混合，創(chuàng)造出了千變?nèi)f化的富有情趣、而又能引起視覺興奮的色彩來，以達到網(wǎng)頁吸引注意、傳達信息、贏得客戶的目的。</p><p>　?。矗保鄙实奶匦?lt;/p

65、><p>　　色彩的直接心理效應來自色彩的物理光刺激對人的生理發(fā)生的直接影響。顏色能影響腦電波，腦電波對紅色反應是警覺，對藍色的反應是放松。冷色與暖色是依據(jù)心理錯覺對色彩的物理性分類，對于顏色的物質(zhì)性印象，大致由冷暖兩個色系產(chǎn)生。冷色與暖色除去給我們溫度上的不同感覺以外，還會帶來其它的一些感受，例如，重量感、濕度感等。色彩本身是沒有靈魂的，它只是一種物理現(xiàn)象，但人們卻能感受到色彩的情感，這是因為人們長期生活在一個色彩

66、的世界中，積累著許多視覺經(jīng)驗，一旦知覺經(jīng)驗與外來色彩刺激發(fā)生一定的呼應時，就會在人的心理上引出某種情緒。紅色是強有力的色彩，是熱烈、沖動的色彩。代表熱情、活潑、熱鬧、溫暖、幸福、吉祥；橙色是一種富足的、快樂而幸福的色彩。代表光明、華麗、興奮、甜蜜、快樂；黃色象征著照亮黑暗的智慧之光；又象征著財富和權(quán)利，代表明朗、愉快、高貴、希望；綠色是一種寧靜、平和的色彩，代表新鮮、平靜、和平、柔和、安逸、青春；藍色是博大的色彩，是永恒的象征。代表深、

67、永恒、沉靜、理智、誠實、寒冷；白色代表純潔、純真、樸素、神圣、明快；灰色代表憂郁、消極、謙虛、平凡、沉默、中庸、寂寞；黑色代表崇高、堅實、嚴肅、剛健、粗莽</p><p>　?。矗保簿W(wǎng)頁色彩的調(diào)和基本法則</p><p>　　我們來看看怎樣調(diào)和色彩。調(diào)和色彩的基本法則是：頁面各部分色彩一定要構(gòu)成適當?shù)纳赎P系。組成統(tǒng)一的色調(diào)，表達某種情緒。這才會有自己的風格。怎樣才能做到這一點呢？確立

68、主調(diào)統(tǒng)率頁面的色彩關系。當頁面上有幾個色塊時，必須以其中一塊顏色為主，而且其面積，明度，位置大于其它色塊。不但要善于運用原色，而且還要善于運用金、銀、黑、白和灰這些中性色進行緩解，中和，以烘托出主題。增加共同點，會使設計更趨向協(xié)調(diào)。拉開距離，目的是為了主次分開，不要堆成一堆，別人看了都覺得討厭?？捎蟹椒ǎ夯蛘邚钠矫胬_，或者從純度和明度削弱。１．兩色一深一淺。２．同時變化原有明度３．純度對比，使一色鮮艷而一色朦朧４．同時變化原有純度&l

69、t;/p><p>　?。矗保尘W(wǎng)頁色彩設計存在的問題</p><p>　　打開一個網(wǎng)站，給用戶留下第一印象的既不是網(wǎng)站豐富的內(nèi)容，也不是網(wǎng)站合理的版式布局，而是網(wǎng)站的色彩。色彩對人的視覺效果非常明顯，一個網(wǎng)站設計成功與否，在某種程度上取決于設計者對色彩的運用和搭配。因為網(wǎng)頁設計屬于一種平面效果設計，在排除立體圖形、動畫效果之外，在平面圖上，色彩的沖擊力是最強的，它很容易給用戶留下深刻的印象。

70、因此，在設計網(wǎng)頁時，我們必須要高度重視色彩的搭配。</p><p>　　目前一些網(wǎng)頁往往使用多種顏色，使網(wǎng)頁效果看起來色彩豐富。盡管有些網(wǎng)頁內(nèi)容不多，設計者仍然將風格不同、顏色各異的圖片、文字等放在頁面上，其初衷是將網(wǎng)頁做的更具有視覺沖擊力、更具有設計特點，但是結(jié)果卻是適得其反。色彩的過度使用使頁面缺乏統(tǒng)一協(xié)調(diào)感和內(nèi)在美感，而更直接的結(jié)果是這種過渡的色彩包裝干擾了用戶瀏覽網(wǎng)頁的效率，以及網(wǎng)頁的下載速度。另外，一些

71、網(wǎng)頁色彩的使用沒有考慮到人的視覺因素的制約，如采用深色并帶有豐富色彩的圖片作為頁面背景，嚴重干擾了用戶識別信息主體的能力。還有一些網(wǎng)站采用的色彩并沒有根據(jù)相應的網(wǎng)站信息性質(zhì)來設計，這樣網(wǎng)站頁面沒有獨特的風格和鮮明的個性，當然也不會給用戶留下深刻的印象。</p><p>　　４．１．４網(wǎng)頁色彩的設計原則和方法</p><p>　?。保W(wǎng)頁色彩設計的原則</p><p>

72、;　　因為色彩與人的心理感覺和情緒有一定的關系，所以我們可以根據(jù)這一點在設計網(wǎng)頁時形成自己獨特的色彩效果，給瀏覽者留下深刻的印象。色彩搭配既是一項技術(shù)性工作，同時它也是一項藝術(shù)性很強的工作，因此，設計者在設計網(wǎng)頁時除了考慮網(wǎng)站本身的特點外，還要遵循一定的藝術(shù)規(guī)律，從而設計出色彩鮮明、性格獨特的網(wǎng)站。</p><p><b>　?。ǎ保┨厣r明</b></p><p>

73、　　一個網(wǎng)站的用色必須要有自己獨特的風格，這樣才能顯得個性鮮明，給瀏覽者留下深刻的印象。</p><p><b>　?。ǎ玻┐钆浜侠?lt;/b></p><p>　　就是說色彩的采用要符合相應的網(wǎng)站內(nèi)容。比如女性網(wǎng)站就要采用柔和的色彩等。網(wǎng)頁設計在遵從藝術(shù)規(guī)律的同時，還考慮人的生理特點，色彩搭配一定要合理，給人一種和諧、愉快的感覺，避免采用純度很高的單一色彩，這樣容易造成

74、視覺疲勞。</p><p><b>　　（３）講究藝術(shù)性</b></p><p>　　網(wǎng)站的色彩的采用，也要體現(xiàn)設計的藝術(shù)特點，體現(xiàn)網(wǎng)站的文化內(nèi)涵。網(wǎng)站設計也是一種藝術(shù)活動，因此它必須遵循藝術(shù)規(guī)律，在考慮到網(wǎng)站本身特點的同時，按照內(nèi)容決定形式的原則，大膽進行藝術(shù)創(chuàng)新，設計出既符合網(wǎng)站要求，又有一定藝術(shù)特色的網(wǎng)站。</p><p>　?。玻W(wǎng)頁色

75、彩設計的基本方法</p><p>　　選擇好適合網(wǎng)站性質(zhì)的色彩，才能成功推出優(yōu)秀的網(wǎng)頁設計作品。</p><p>　?。ǎ保┚W(wǎng)頁中單色的使用</p><p>　　盡管網(wǎng)站設計要避免采用單一色彩，以免產(chǎn)生單調(diào)的感覺，但通過調(diào)整色彩的飽和度和透明度也可以產(chǎn)生變化，使網(wǎng)站避免單調(diào)。另外黑色也是一種特殊的顏色，如果使用恰當廠設計合理，往往產(chǎn)生很強烈的藝術(shù)效果，</p&

76、gt;<p>　?。ǎ玻┚W(wǎng)頁中鄰近色的使用</p><p>　　所謂鄰近色，就是在色帶上相鄰近的顏色，例如綠色和藍色，紅色和黃色就互為鄰近色。采用鄰近色設計網(wǎng)頁可以使網(wǎng)頁避免色彩雜亂，易于達到頁面的和諧統(tǒng)一。</p><p>　　（３）網(wǎng)頁中對比色的使用</p><p>　　對比色可以突出重點，產(chǎn)生了強烈的視覺效果，通過合理使用對比色能夠使網(wǎng)站特色鮮明

77、、重點突出。在設計時一般以一種顏色為主色調(diào)，對比色作為點綴，可以起到畫龍點睛的作用。</p><p>　?。ǎ矗┚W(wǎng)頁中背景色的使用</p><p>　　背景色一般采用素淡清雅的色彩，避免采用花紋復雜的圖片和純度很高的色彩作為背景色，同時背景色要與文字的色彩對比強烈一些。</p><p>　?。ǎ担┚W(wǎng)頁中色彩的數(shù)量</p><p>　　網(wǎng)站用色

78、并不是越多越好，一般控制在三種色彩以內(nèi)，通過調(diào)整色彩的各種屬性來產(chǎn)生變化。</p><p>　?。矗步逃W(wǎng)站設計實現(xiàn)</p><p>　?。矗玻苯逃W(wǎng)站對用色的要求</p><p>　　教育網(wǎng)站用色的問題，其實不能一概而論。以前時候企業(yè)用的最多的是藍色，因為藍色象征了深邃、理性，給人以商業(yè)合作的值得信賴感，同時藍色本身不容易給視覺帶來疲勞、便于長時間瀏覽，所以

79、藍色用的很普遍。但是現(xiàn)在隨著越來越多的類似企業(yè)網(wǎng)站的涌現(xiàn)，企業(yè)更關注自身文化、理念、價值與產(chǎn)品類型、風格的個性，所以教育網(wǎng)站用色也越來越豐富：象征活力與熱情的紅色、開放性與隨和的橙色、高貴深邃的黑色…各樣的顏色都為教育網(wǎng)站采納，總之，能夠最好的傳達教育和教育價值、理念的顏色，就是該網(wǎng)站的最佳顏色。但是一個學校的ＶＩ標注色只有一種，我們不可能為了網(wǎng)站的標新立異而去改變一個學校的ＶＩ。既然企業(yè)網(wǎng)站對用色有如此多的要求，顯然一種風格是滿足不了

80、吸引那些看慣了各類企業(yè)網(wǎng)站的用戶的要求。因此我們設計多種的顏色風格，通過網(wǎng)站后臺來實現(xiàn)網(wǎng)站顏色風格的改變。</p><p>　?。财髽I(yè)網(wǎng)站用色的實現(xiàn)方案</p><p>　　企業(yè)網(wǎng)站用色方案多變。而ＣＳＳ的優(yōu)勢是ＣＳＳ采用導入的形式，可以有效給網(wǎng)頁減肥，從而提高網(wǎng)頁的訪問速度網(wǎng)站的訪問速度提高了。容與表現(xiàn)分離，有了ＣＳＳ，網(wǎng)頁的內(nèi)容（ＸＨＭＴＬ）與表現(xiàn)就可以分開了表現(xiàn)的統(tǒng)，可以使網(wǎng)頁的表現(xiàn)

81、非常統(tǒng)一，并且容易修改，同時用ＣＳＳ可以減少網(wǎng)頁的代碼量，增加網(wǎng)頁的瀏覽速度，減少硬盤容量。下列是三色幼兒園配色后臺管理方案。通過這種方式，網(wǎng)站管理者可以通過配色模板來實現(xiàn)在線修改整個網(wǎng)站的色彩視覺效果，滿足企業(yè)網(wǎng)站在不同時期的色彩搭配需求，滿足用戶不同時期的心理需求，防止審美疲勞。</p><p>　　表４一ｌ配色模板管理表</p><p><b>　　配色模板管理</b

82、></p><p><b>　　管理導航：</b></p><p>　　配色模板管理酋頁ｌ添加配色模板Ｉ配色模板導出ｌ配色樓板導入</p><p><b>　　模板說明：</b></p><p>　　紅色說明為站本站已使用了的ＣＳＳ</p><p>　　選拌模板名稱，效

83、果圖模板類型操作</p><p>　　黃色系統(tǒng)提供修改模板設置；淺綠系統(tǒng)提供修改模板設置；灰色系統(tǒng)提供修改模板設置；橙色系統(tǒng)提供修改模板設置；藍色系統(tǒng)提供修改模板設置；淺灰系統(tǒng)提供修改模板設置；黃色系統(tǒng)提供修改模板設置；淡紅系統(tǒng)提供修改模板設置；綠色修改模板啦置；</p><p>　　淡綠系統(tǒng)提供修改模板設置；青色系統(tǒng)提供修改模版設置；黑色系統(tǒng)捉供系統(tǒng)提供修改模扳設置。</p>

84、<p>　?。橙變簣@網(wǎng)站用色效果</p><p>　　三色幼兒園是重慶地區(qū)的一家知名幼兒園，擁有多種教育模式，該公司網(wǎng)站展示的主要是孩子的成長信息，同時也是維護老師和家長溝通交流的平臺。網(wǎng)頁發(fā)布后，最終結(jié)果仍然是以電腦數(shù)字化的形式出現(xiàn)的，所以信息的堆減和形式的調(diào)整都非常方便。設計人員可以在全部網(wǎng)頁傳遞到主機上之后，對其中的色彩等做相應的調(diào)整，以達到最好的視覺效果和傳達效應。</p>

85、<p>　　此外由于網(wǎng)頁信息傳達所具備的交互性特點，使得網(wǎng)頁信息的發(fā)展成為不斷更新的循環(huán)周期。而網(wǎng)頁設計作品的發(fā)布也并不意味著設計的結(jié)束，網(wǎng)頁設計人員必須根據(jù)用戶的反饋信息和網(wǎng)站各個階段的教學目標，配合網(wǎng)站教育教學策略，經(jīng)常的對網(wǎng)頁進行定期或不定期的調(diào)整和修改。根據(jù)教師、家長的需求．設計出符合孩子的色彩方案，根據(jù)需要及州更換色彩效果，滿足家長的多樣化需求。</p><p>　　類似色相較于同類色色彩之

86、間的可搭配度要大些，顏色豐富、富于變化。以上頁面主要取的是色環(huán)中的橙色、橙色通過明度、純度、面積大小的不同實現(xiàn)變化和統(tǒng)一的。雖然主色調(diào)的橙色在頁面中使用面積最大，但是我們看到由于它的明度非常高，飽和度就降低了，因此在頁面中處在不明顯的角色。而綠色的純度最高，且使用面積次之，頁面顯示較顯眼，因此用于次級導航位置上。整個頁面主次的視覺引導分明。不是每種主色調(diào)都是極其顯眼的位置，通常多扮演著用于突出主體的輔助性配角。而重要角色往往在頁面中用的

87、份量極少，卻又起到突出主體的作用。</p><p><b>　　自謂輻色調(diào)點暗色</b></p><p>　　同種色被稱為最穩(wěn)妥的色彩搭配方法，給人的感覺是相當協(xié)調(diào)的。它們通常出入于同一個色調(diào)里，通過明度的黑白灰或者純度的不同束硝微加以區(qū)別的，產(chǎn)生了極其微妙的韻律美。為了不至于止整個頁面呈現(xiàn)過于單調(diào)平淡，有些頁向則是加入極葜小構(gòu)其他顏色做點綴。該頁面使用了同種色系氅的

88、橙色及不同色調(diào)不同色相的橙色，通過明度、純度的微妙變化產(chǎn)生緩和的節(jié)奏美感。</p><p>　　網(wǎng)站色彩效果主要分為三種</p><p><b>　　主色調(diào)</b></p><p><b>　　輔色調(diào)點暗色</b></p><p><b>　　背景色</b></p>

89、<p>　　該網(wǎng)頁背景使用了純白的效果，增加了視覺空間感。在導航欄、內(nèi)容區(qū)域、信息板塊的各個大標題塊，都使用了不同的技術(shù)手法來表達，產(chǎn)生孩子們簡潔、大方的視覺效果，統(tǒng)一了整個頁面的設計語言，也是區(qū)別于其他網(wǎng)站頁面的個性體現(xiàn)，達到讓人印象深刻的目的。純色能夠柔和視覺，增強空間感，體現(xiàn)節(jié)奏和韻律美感，統(tǒng)一整個頁面的目的。除了統(tǒng)一當然也可以起到變化頁面視覺形式的作用。該設計語言可做需要的時候適當?shù)氖褂谩?lt;/p>&

90、lt;p><b>　　第５章網(wǎng)站文字</b></p><p><b>　?。担本W(wǎng)站文字分析</b></p><p>　　網(wǎng)站文字分析不可否認的是，現(xiàn)在的網(wǎng)頁設計還是以傳遞信息為主，因此文字在網(wǎng)頁中的所占比重還是最大的，并且文字可以避免圖片、色彩有時產(chǎn)生的傳遞信息不明以及引發(fā)歧義的現(xiàn)象，以其最佳的直觀傳達方式使瀏覽者能順利、方便地接受信息。

91、網(wǎng)頁中的文字主要有兩種類型：一是具有提示和引導功能的文字，如網(wǎng)頁中的標題、廣告和欄目名稱等；另一種是篇幅較長的閱讀性材料和說明性文字，如網(wǎng)絡文章的正文、主題內(nèi)容的詳細說明等。從功能上看，前者在于誘發(fā)視覺的關注，而后者則強調(diào)易讀性。因此，設計前一定要弄清其文字的主要功能，使信息的傳達目的得以有效實現(xiàn)。對于很多的網(wǎng)站來說，字在整個網(wǎng)站的內(nèi)容中占了８０％以上甚至更多，或者換個角度上說，網(wǎng)站可以沒有顏色，沒有圖片，但唯獨不能沒有文字。先看看網(wǎng)站

92、以外的中文字體設計，英文的正文字體有很多可以選擇，但中文的正文字，總的來說就兩種：宋體和黑體。在傳統(tǒng)的版式設計中，設計師們都喜歡做英文的排版，為什么？從視覺上來看，英文的組合很容易形成線和面的關系，而且字母有節(jié)奏感，比如ａｂｙ這三個字母放一起有高矮區(qū)別。中文字相對來說，單調(diào)、孤立、不流暢。企業(yè)網(wǎng)站的字體設計相對于其他網(wǎng)站字體設計，應考慮企</p><p>　?。担保保淖值暮啙嵭?lt;/p><

93、;p>　　將文章可有可無的信息減去，比如上面的例子“您的聯(lián)系人名單中還沒有聯(lián)系人，請先添加聯(lián)系人！”可以改為“立即添加聯(lián)系人！”，這樣文字減少了很多，增強了畫面的簡潔性，使用戶操作起來一日了然。</p><p>　?。玻恼露温浔M量控制在四行內(nèi)，如果一段內(nèi)容太多那肯定會打消用戶看下去的決心，多分段是提高用戶瀏覽欲望的一個有用方法。</p><p>　?。常３肿煮w一致性，不要一會用黑

94、體，一會用宋體等，字體太多不但不利于用戶瀏覽，而且會讓整個頁面感覺很混亂。文字字體不統(tǒng)一結(jié)果就會導致畫面混亂，所以不要太長，字數(shù)最好控制在１０００字左右。用戶上網(wǎng)一般是瀏覽式的，所以應該盡量讓用戶在快速瀏覽時抓住網(wǎng)頁的大體內(nèi)容。</p><p><b>　?。参淖值淖R別性</b></p><p>　　考慮目標用戶的知識水平，依據(jù)目標人群的知識水平設計文字內(nèi)容。如果網(wǎng)頁

95、文字面對的多數(shù)入門級別的用戶那么文字應該盡量直白，不要使用專業(yè)名詞。如“ｓＰ”經(jīng)?？梢栽谀繕丝蛻魹槿腴T級別用戶的網(wǎng)站上看到。不搞一些特殊的文字，讓用戶一看就明白是什么意思。比如不要出現(xiàn)其他國家的文字，行業(yè)語言等。關注用戶行為方式．用網(wǎng)絡上的熱門語言，如在臺灣網(wǎng)絡被叫為“網(wǎng)路”，但在人陸就不能這樣叫。因為會讓用戶認為這是新的名詞。確實用到專業(yè)術(shù)語．則提供鏈接讓用戶可以點擊進去了解該專業(yè)術(shù)語的概念等。</p><p>

96、;<b>　?。担舱w網(wǎng)站效果</b></p><p>　　整體效果-如圖5-2-1圖所示</p><p><b>　　第６章總結(jié)</b></p><p>　　網(wǎng)頁從產(chǎn)生到現(xiàn)在短短幾十年的時間里，其發(fā)展速度是驚人的。發(fā)展中的網(wǎng)頁當然不可避免的存在各種各樣的問題和弊端，這包括許多方面（功能、形式、審美、文化等等）。本文主要

97、從網(wǎng)頁中的視覺信息傳達入手，站在接受者的角度，重點討論并研究了如何提高視覺信息傳遞效率的問題。信息有效傳遞的研究涉及許多領域和學科的相關知識。不僅僅是視覺審美方面的形式研究，更需要結(jié)合心理機制的相關內(nèi)容進行分析。當然在網(wǎng)頁的設計過程中，符號學和信息學的相關理論的支持也是必不可少的。</p><p>　　本文主要做了以下幾方面的工作：</p><p>　?。保ㄟ^對國內(nèi)外網(wǎng)頁設計的調(diào)查和分析

98、，提出目前網(wǎng)頁設計，尤其是國內(nèi)網(wǎng)頁中存在的問題和信息傳遞的低效。網(wǎng)頁的主要功能（傳遞信息）被模糊。造成了大量設計資源的浪費，以及上網(wǎng)用戶的時間和精力的損耗。</p><p>　　２．結(jié)合設計實例，分析存在問題的具體體現(xiàn)和原因，并提出理論依據(jù)。做出最終效果方案。</p><p>　?。常谶@些理論和原則的指導下，探討提高網(wǎng)頁中視覺信息傳達效率更合理有效的設計原則及方法。基于網(wǎng)絡的視覺傳達設計

99、盡管有著諸多的優(yōu)勢，但也并不是十全十美的，與其它設計一樣，網(wǎng)絡的視覺傳達設計也是種羈絆設計，有其局限性：</p><p><b>　?。保粍狱c選</b></p><p>　　由于網(wǎng)絡的交互特性，大眾可以自由地選擇瀏覽的內(nèi)容，而且網(wǎng)上內(nèi)容極為豐富，大眾有著寬松的選擇余地，所網(wǎng)絡媒體是一種被動點選，沒有傳統(tǒng)媒體的強迫性閱讀特點。這既是種優(yōu)勢同時又可以說是一種局限。<

100、;/p><p><b>　　２．版式局限</b></p><p>　　網(wǎng)頁作為互聯(lián)網(wǎng)媒體的具體頁面，相當于一本書的一頁，由于受計算機顯示器的局限，設計的版式過小，創(chuàng)意受制于小空間。它的設計倒足與書籍設計相仿雖然平面空間受局限，但網(wǎng)絡正處于不斷發(fā)展之中無數(shù)的可變數(shù)還有待人們探索發(fā)現(xiàn)。</p><p><b>　?。常夹g(shù)局限</b&g

101、t;</p><p>　　藝術(shù)與技術(shù)的關系在各個設計領域內(nèi)都存在，不過在嶄新的基于網(wǎng)絡載體的視覺傳達設計中，文字、圖形、影像等視覺傳達設計的基本元素在網(wǎng)絡上的體現(xiàn)，比傳統(tǒng)媒體的局限性更大，這主要是因為網(wǎng)絡的信息傳輸量受硬件的限制，所以網(wǎng)絡的視覺傳達設計元素應盡量做到“小而精?！彪m然網(wǎng)頁設計中視覺傳達設計還有許多不足，但作為一種新的視覺表現(xiàn)形式，能在短的時間內(nèi)迅速發(fā)展起來，不但兼容了傳統(tǒng)平面設計的特征，又具備其所沒

102、有的優(yōu)勢，將為今后信息交流的一個非常重要的途徑.</p><p><b>　　參考文獻</b></p><p>　?。郏保輨⒓?，習瑋設計藝術(shù)概論北京：清華大學出版社，２００４</p><p>　?。郏玻蓠T任軍，網(wǎng)絡視覺傳達探討科技情報開發(fā)與經(jīng)濟，２００５，１５（１４）</p><p>　?。郏常荩鄯ǎ萘_蘭?巴特符號學美

103、學董學文，王葵譯沈陽：遼寧人民出版社，１９８７</p><p>　?。郏矗荻觳邆鞑W導論成都：四川大學出版社，１９９５</p><p>　?。郏担輳埨^渝設計色彩重慶：重慶大學出版社，２００２</p><p>　?。郏叮輳垜棙s設計符號學北京：化學工業(yè)出版社，２００４</p><p>　?。郏罚輺|美紅視覺傳達基礎設計廣州：嶺南美術(shù)出版社，１９９

104、８</p><p>　?。郏福菪炜?，苗彤，趙暉網(wǎng)頁?視覺與設計北京：人民郵電出版社，２００１</p><p>　?。郏梗萋櫳?，網(wǎng)頁設計中平面視覺傳達分析吉林商業(yè)高等專科學校學報，２００４，４</p><p>　?。郏保埃萆驎喳愓摪媸皆O計與信息傳達裝飾，２００４，３</p><p>　?。郏保保萃跬“媸綐?gòu)成廣州：廣東人民出版社，２０００<

105、/p><p>　?。郏保玻萸鹦切且曈X傳達設計心理福州：福建美術(shù)出版社，２０００</p><p>　?。郏保常莼敏旈_疆視覺傳達設計流程安徽：安徽美術(shù)出版社，１９９５</p><p>　?。郏保矗萃跞辗遥￡纱旱?lt;/p><p>　?。郏?５］齊麗娟，電子商務網(wǎng)站設計與管理．北京：北京大學出版，２００２</p><p><

106、;b>　　致謝</b></p><p>　　在論文即將完成之際，回想這兩年在學習生活中，我衷心感謝我的導師**。*老師待人正直誠懇、關愛學生；在學術(shù)上，他深厚的理論素養(yǎng)、淵博的知識、嚴謹?shù)闹螌W態(tài)度，極大地感染了我們，我想這一切都會讓我們感動銘記和受益終身的。在研究生階段，老師對我的專業(yè)學習、課題研究、論文選題和撰寫都給與了極大的關注和悉心指導，在此謹致以誠摯的敬意和衷心的感謝！</p>