視覺(jué)傳達(dá)在網(wǎng)頁(yè)中的應(yīng)用

1、<p>　　視覺(jué)傳達(dá)在網(wǎng)頁(yè)設(shè)計(jì)中的運(yùn)用研究</p><p><b>　　目錄</b></p><p><b>　　第１章緒論1</b></p><p>　　１．１研究背景及意義1</p><p>　?。保惭芯楷F(xiàn)狀及發(fā)展趨勢(shì)3</p><p>　?。保辰鉀Q的

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

3、/p><p>　　第３章分析三色幼兒園網(wǎng)站版式視覺(jué)效果8</p><p>　?。常狈治鼍W(wǎng)站視覺(jué)效果8</p><p>　　３．２首頁(yè)版式分析9</p><p>　　第４章三色幼兒園網(wǎng)站色彩12</p><p>　?。矗苯逃W(wǎng)站色彩分析12</p><p>　　４．２教育網(wǎng)站設(shè)計(jì)實(shí)現(xiàn)1

4、5</p><p>　　第５章網(wǎng)站文字17</p><p>　　５．１網(wǎng)站文字分析17</p><p>　?。担舱w網(wǎng)站效果19</p><p><b>　　第６章總結(jié)19</b></p><p><b>　　參考文獻(xiàn)20</b></p><p

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

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

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

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

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

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

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

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

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

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

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

16、上，網(wǎng)頁(yè)設(shè)計(jì)師的風(fēng)格就是在運(yùn)用自己的所掌握的手段，畢業(yè)設(shè)計(jì)論文代做平臺(tái) 《580畢業(yè)設(shè)計(jì)網(wǎng)》 是專(zhuān)業(yè)代做團(tuán)隊(duì) 也有大量畢業(yè)設(shè)計(jì)成品提供參考 www.bysj580.com QQ3449649974</p><p>　　包括所擁有的審美的素質(zhì)、應(yīng)用軟件的能力、以及感受生活的敏銳的覺(jué)察力，來(lái)建立起自己獨(dú)特的設(shè)計(jì)形式、獨(dú)特的作風(fēng)。在我國(guó)，網(wǎng)頁(yè)設(shè)計(jì)整體水平的提高，和這個(gè)新興職業(yè)的形成有著必然的關(guān)系，由專(zhuān)業(yè)藝術(shù)設(shè)計(jì)

17、人員轉(zhuǎn)型進(jìn)入網(wǎng)絡(luò)領(lǐng)域的視覺(jué)設(shè)計(jì)，提升了網(wǎng)頁(yè)視覺(jué)的創(chuàng)意和精美表現(xiàn)。但網(wǎng)頁(yè)設(shè)計(jì)要求設(shè)計(jì)人員應(yīng)該具備有全面的科學(xué)與人文素養(yǎng)，全面系統(tǒng)的專(zhuān)業(yè)知識(shí)結(jié)構(gòu)，全新的認(rèn)知與判斷方式，更需要具備設(shè)計(jì)藝術(shù)的創(chuàng)造才能。從現(xiàn)有的大量網(wǎng)站建設(shè)和網(wǎng)頁(yè)設(shè)計(jì)能看出，我國(guó)的網(wǎng)頁(yè)設(shè)計(jì)處于發(fā)展提高階段，與國(guó)際專(zhuān)業(yè)網(wǎng)頁(yè)設(shè)計(jì)的標(biāo)準(zhǔn)仍然存在很大差距。對(duì)于網(wǎng)頁(yè)設(shè)計(jì)的方法研究和理論探索，總結(jié)出一套適合我國(guó)特色，繼承中華文化底蘊(yùn)和視覺(jué)審美標(biāo)準(zhǔn)，并與國(guó)際接軌的網(wǎng)頁(yè)設(shè)計(jì)學(xué)科方法論，不僅對(duì)提高

18、網(wǎng)頁(yè)設(shè)計(jì)水平，同時(shí)對(duì)于提高與網(wǎng)絡(luò)相關(guān)的設(shè)計(jì)產(chǎn)業(yè)同樣具有相當(dāng)重要的現(xiàn)實(shí)意義。</p><p>　?。保辰鉀Q的主要問(wèn)題及創(chuàng)新點(diǎn)</p><p>　　企業(yè)網(wǎng)站的視覺(jué)傳達(dá)效果是建立在網(wǎng)頁(yè)設(shè)計(jì)基礎(chǔ)上的。一個(gè)成功的企業(yè)網(wǎng)站從嚴(yán)格意義上來(lái)講，網(wǎng)站不僅代表了一個(gè)企業(yè)的精神面貌和形象，更擔(dān)負(fù)著宣傳品牌和開(kāi)拓市場(chǎng)的重任，那么怎樣才能打造出一個(gè)成功的企業(yè)網(wǎng)站昵？除去網(wǎng)站本身的結(jié)構(gòu)、內(nèi)容等各個(gè)方面都需要精益求精

19、，給人一種吸引力之外，還有一些改進(jìn)的方法和評(píng)判的標(biāo)準(zhǔn)。本文主要解決如何把視覺(jué)傳達(dá)的理念運(yùn)用到網(wǎng)頁(yè)設(shè)計(jì)中去，通過(guò)對(duì)網(wǎng)頁(yè)設(shè)在中版式的布局，導(dǎo)航的安排，文字的設(shè)計(jì)，色彩的搭配等加以闡述，并運(yùn)用設(shè)計(jì)學(xué)、心理學(xué)、傳播學(xué)、美學(xué)等方法在藝術(shù)因素進(jìn)行分析的基礎(chǔ)上，結(jié)合湖大科技網(wǎng)站案例從藝術(shù)、技術(shù)角度出發(fā)，結(jié)合人機(jī)界面評(píng)估知識(shí)，給出網(wǎng)頁(yè)設(shè)計(jì)方案。根據(jù)網(wǎng)頁(yè)的設(shè)計(jì)，分析網(wǎng)站實(shí)例的實(shí)現(xiàn)過(guò)程，并總結(jié)實(shí)現(xiàn)的技術(shù)特點(diǎn)、一般步驟和注意問(wèn)題。本文的創(chuàng)新之處在于從傳統(tǒng)視覺(jué)

20、傳達(dá)設(shè)計(jì)藝術(shù)的審美原則和創(chuàng)作思維手段出發(fā)，從網(wǎng)站的版式、色彩、文字、導(dǎo)航等方面加以闡述，結(jié)合網(wǎng)頁(yè)設(shè)計(jì)中的動(dòng)態(tài)網(wǎng)頁(yè)技術(shù)，滿(mǎn)足用戶(hù)在視覺(jué)習(xí)慣、視覺(jué)心理、易操作性等方面的多樣化需求，試圖探索一條藝術(shù)與技術(shù)高度相結(jié)合的道路。這些實(shí)踐層面的思考可應(yīng)用性較強(qiáng)，具有一定的創(chuàng)新之處。</p><p>　?。保凑撐牡慕M織結(jié)構(gòu)</p><p>　　第1章緒論介紹了文章的研究背景及意義，研究現(xiàn)狀及發(fā)展趨勢(shì)，本

21、文解決的主要問(wèn)題及創(chuàng)新點(diǎn)，論文的組織結(jié)構(gòu)。</p><p>　　第２章介紹視覺(jué)傳達(dá)的含義及傳達(dá)過(guò)程，網(wǎng)頁(yè)的定義及特點(diǎn)，網(wǎng)頁(yè)設(shè)計(jì)中視覺(jué)傳達(dá)的設(shè)計(jì)原則及方法。</p><p>　　第３章重點(diǎn)分析三色幼兒園網(wǎng)站版式視覺(jué)效果，主要從首頁(yè)、前臺(tái)主要頁(yè)面、后臺(tái)主要頁(yè)面來(lái)分析。</p><p>　　第４章重點(diǎn)分析三色幼兒園網(wǎng)站色彩視覺(jué)效果，從色彩特性、調(diào)和法則、設(shè)計(jì)原則和方法進(jìn)行

22、分析以及對(duì)企業(yè)網(wǎng)站色彩實(shí)現(xiàn)方案及效果進(jìn)行闡述。</p><p>　　第５章分析了三色幼兒園網(wǎng)站文字效果，從文字的簡(jiǎn)潔性、識(shí)別性和在互聯(lián)網(wǎng)的傳播來(lái)分析，以及最后的設(shè)計(jì)實(shí)現(xiàn)。</p><p>　　第６章總結(jié)部分對(duì)本文的主要內(nèi)容與觀(guān)點(diǎn)進(jìn)行總結(jié)，提出研究的不足之處與局限性，提出下一步的研究方向。</p><p>　　第２章關(guān)于視覺(jué)傳達(dá)與網(wǎng)頁(yè)設(shè)計(jì)</p><

23、;p><b>　?。玻币曈X(jué)傳達(dá)</b></p><p><b>　?。币曈X(jué)傳達(dá)的含義</b></p><p>　　在人的五種感覺(jué)（視覺(jué)、聽(tīng)覺(jué)、嗅覺(jué)、味覺(jué)、觸覺(jué)）中，視覺(jué)在正常狀態(tài)下認(rèn)知環(huán)境事物的過(guò)程中擔(dān)當(dāng)著重要的角色。人從外界獲得的信息量中有７０％一８０％是從視覺(jué)系統(tǒng)獲得的，因此通過(guò)視覺(jué)媒介柬接受外部信息成為人類(lèi)認(rèn)知活動(dòng)的主體。視覺(jué)傳達(dá)（

24、ｖｉｓｕａｌＣｏｍｍｕｎｉｃａｔｉｏｎ）是指通過(guò)視覺(jué)符號(hào)來(lái)發(fā)送和接受外部信息，其本質(zhì)是視覺(jué)信息的傳達(dá)。根據(jù)定義，“視覺(jué)符號(hào)”和“傳達(dá)”是兩個(gè)核心概念。視覺(jué)符號(hào)是指用以代替或代表某種特定事物的信息媒介，而以視覺(jué)系統(tǒng)認(rèn)知的符號(hào)即為視覺(jué)符號(hào)。視覺(jué)符號(hào)是實(shí)現(xiàn)信息存儲(chǔ)和記憶的工具．又是表謎思想情感的物質(zhì)于段。例如，色彩就可以作為視覺(jué)符號(hào)來(lái)表達(dá)某種特定信息。紅色代表喜慶，綠色代表希望，紫色代表浪漫等。具同樣功能的還有文字、圖形圖像等。</p&

25、gt;<p>　　視覺(jué)符號(hào)作為信息的載體，具有形式表現(xiàn)、信息敘述與信息傳達(dá)的功能，是形式與內(nèi)容的統(tǒng)一體。美國(guó)符號(hào)學(xué)家和藝術(shù)學(xué)家蘇珊?朗格（ＳｕｓａｎｋＬａｎｇｅｒ）指出，設(shè)計(jì)中符號(hào)的作用就在于“將經(jīng)驗(yàn)形式化并過(guò)這種形式將經(jīng)驗(yàn)客觀(guān)地呈現(xiàn)出來(lái)，以供人們觀(guān)照、邏輯直覺(jué)、認(rèn)知和理解”。這就要求設(shè)計(jì)中所采用的視覺(jué)符號(hào)不僅要能夠完整、明確地指代信息內(nèi)容，還應(yīng)具有一定的自身意義，即通過(guò)經(jīng)驗(yàn)的、藝術(shù)的造型方式束規(guī)劃、美化符號(hào)形象。傳達(dá)（Ｃ

26、ｏｍｍｕｎｉｃａｔｉｏｎ）在拉丁語(yǔ)中本來(lái)是“溝通”，“給予人們”的意思，這正好符合傳達(dá)的基本精神。傳達(dá)應(yīng)包括發(fā)送方和受方，傳達(dá)的過(guò)程是發(fā)送方發(fā)出傳達(dá)的內(nèi)容成為接受方接受的內(nèi)容，接受方在收受時(shí)產(chǎn)生某種理解和反應(yīng)。同時(shí)，接受方在收受時(shí)又成為發(fā)送方，反饋出新的情報(bào)或意見(jiàn)。這個(gè)過(guò)程是一個(gè)相互豐富精神內(nèi)容的過(guò)程。</p><p>　?。玻保惨曈X(jué)傳達(dá)的過(guò)程</p><p>　　現(xiàn)今傳達(dá)的定義是信息

27、發(fā)送者利用符號(hào)向信息接受者傳遞特定信息的過(guò)程。運(yùn)用到設(shè)計(jì)中，就是設(shè)計(jì)師利用視覺(jué)符號(hào)向?yàn)g覽者傳遞信息，瀏覽者則通過(guò)對(duì)視覺(jué)對(duì)信息作出反應(yīng)，并以此決定自己的思考和進(jìn)一步行動(dòng)的過(guò)程。這個(gè)過(guò)程由“設(shè)計(jì)師”、“瀏覽者＂、“特定信息”以及“傳達(dá)效果＂四個(gè)因素共同構(gòu)成。視覺(jué)是有選擇性的認(rèn)知系統(tǒng)，對(duì)周?chē)鞣N程度的刺激反應(yīng)各不相同。在復(fù)雜的信息系統(tǒng)中，視覺(jué)注意力只會(huì)集中在具有強(qiáng)烈刺激性的視覺(jué)符號(hào)上，然而這種刺激性的視覺(jué)符號(hào)會(huì)引發(fā)人的種種生理及心理反應(yīng)。因此

28、，視覺(jué)傳達(dá)研究的是物質(zhì)世界通過(guò)視覺(jué)感在人心理上、生理上產(chǎn)生作用的理論和方法。視覺(jué)傳達(dá)的基礎(chǔ)應(yīng)建立在“發(fā)送者（ｔｒａｎｓｍｉｔｔｅｒ）——媒體（ｍｅｄｉａ）——接受者（ｒｅｃｅｉｖｅｒ）”的觀(guān)念上。視覺(jué)傳達(dá)的過(guò)程，對(duì)于信息發(fā)送者來(lái)說(shuō)，是根據(jù)不同的傳達(dá)目標(biāo)，將設(shè)計(jì)思想和設(shè)計(jì)概念轉(zhuǎn)變?yōu)橐曈X(jué)符號(hào)的過(guò)程，即概念視覺(jué)化的過(guò)程。對(duì)信息接收者來(lái)說(shuō)，是相反的過(guò)程，即視覺(jué)概念化的過(guò)程。貫穿和聯(lián)結(jié)個(gè)過(guò)程的是信息，即發(fā)送者與接收者之間的載體和媒介。</p

29、><p>　?。玻簿W(wǎng)頁(yè)的定義和特點(diǎn)</p><p>　?。玻玻本W(wǎng)頁(yè)的定義</p><p>　　網(wǎng)頁(yè)是存放在Ｗｂｅ服務(wù)器上供客戶(hù)機(jī)用戶(hù)瀏覽的頁(yè)面—－ＨＴＭＬ文檔。網(wǎng)頁(yè)的學(xué)名稱(chēng)作ＨＴＭＬ文件，ＨＴＭＬ的全稱(chēng)是“ＨｙｐｅｒＴｅｘｔＭａｒｋｕｐ Ｌａｎｇｕａｇｅ，中文翻譯為“超文本標(biāo)記語(yǔ)言”，是一種以在Ｉｎｔｅｍｅｔ上傳輸，并被瀏覽器認(rèn)識(shí)和翻譯成頁(yè)面顯示出來(lái)的文件。要讓瀏

30、覽器顯示出我們想要網(wǎng)頁(yè)表現(xiàn)出的樣式，必須要用ＨＴＭＬ語(yǔ)言加以設(shè)定版式的編排。瀏覽器是一個(gè)用于定位和閱覽ＨＴＭＬ文檔的程序。網(wǎng)頁(yè)包括以下基本內(nèi)容：文字、超鏈接、圖片、聲音、影像等等。</p><p>　?。玻玻簿W(wǎng)頁(yè)的特點(diǎn)</p><p><b>　?。保哂薪换バ?lt;/b></p><p>　　相對(duì)于文字、印刷、影視等媒體，網(wǎng)絡(luò)媒介的最大的獨(dú)特

31、性就是在于其交互性。人們可以運(yùn)用綜合的信息傳遞方式，借助視、聽(tīng)、觸等方式來(lái)獲取更廣泛的資源。網(wǎng)頁(yè)的超鏈接功能使用戶(hù)享有高度的主控權(quán)，他們可以選擇自己真正所需要的信息，表達(dá)自己真正想表達(dá)的意念與作品，重要的是用戶(hù)可以通過(guò)網(wǎng)頁(yè)參加討論組、聊天或者進(jìn)行電子商務(wù)活動(dòng)等等。例如：用戶(hù)可以對(duì)網(wǎng)上的某些信息做出自己的決定，并將其加入到網(wǎng)絡(luò)媒體中，反過(guò)來(lái)又成為網(wǎng)絡(luò)信息的一部分。因此，在網(wǎng)絡(luò)世界里，信息的傳達(dá)、發(fā)表不再是少數(shù)報(bào)社、出版商所擁有的特權(quán)。每個(gè)

32、人都可以成為信息的消費(fèi)者，同時(shí)也是信息的出版者。用戶(hù)不再僅僅是信息的接受者，他們擁有更大的選擇自由和參與機(jī)會(huì)。網(wǎng)頁(yè)中的交互性將有助于滿(mǎn)足大眾對(duì)更個(gè)性化的信息日益增長(zhǎng)的需求，滿(mǎn)足用戶(hù)的參與性，以及實(shí)現(xiàn)某種愿望、需求、目標(biāo)和能力。</p><p><b>　　２．時(shí)效性強(qiáng)</b></p><p>　　時(shí)效性是信息社會(huì)對(duì)信息傳達(dá)的最基本的要求。網(wǎng)頁(yè)以其快捷的傳輸速度充分體現(xiàn)

33、著現(xiàn)代信息社會(huì)的時(shí)效性。雖然仍然有許多人都在抱怨網(wǎng)絡(luò)的傳輸速度太慢，但是相比較傳統(tǒng)的傳播媒介，互聯(lián)網(wǎng)在信息傳輸?shù)难杆偌皶r(shí)上依然具有明顯的優(yōu)勢(shì)，而時(shí)效性強(qiáng)是其一大優(yōu)勢(shì)。當(dāng)報(bào)紙、雜志還在制版印刷時(shí)，當(dāng)廣播、電視還在后期制作時(shí)，通過(guò)互聯(lián)網(wǎng)發(fā)布的信息早已傳達(dá)到用戶(hù)的身邊?；ヂ?lián)網(wǎng)的迅速快捷為網(wǎng)頁(yè)信息的傳遞提供了前所未有的傳播捷徑。</p><p><b>　?。常录皶r(shí)</b></p>

34、<p>　　網(wǎng)頁(yè)發(fā)布后，最終結(jié)果仍然是以電腦數(shù)字化的形式出現(xiàn)的，所以信息的堆減和形式的調(diào)整都非常方便。設(shè)計(jì)人員可以在全部網(wǎng)頁(yè)傳遞到主機(jī)上之后，對(duì)其中的編排、色彩等做相應(yīng)的調(diào)整，以達(dá)到最好的視覺(jué)效果和傳達(dá)效應(yīng)。此外由于網(wǎng)頁(yè)信息傳達(dá)所具備的交互性特點(diǎn)，使得網(wǎng)頁(yè)信息的發(fā)布成為不斷更新的循環(huán)周期。而網(wǎng)頁(yè)設(shè)計(jì)作品的發(fā)布也并不意味著設(shè)計(jì)的結(jié)束，網(wǎng)頁(yè)設(shè)計(jì)人員必須根據(jù)用戶(hù)的反饋信息和網(wǎng)站各個(gè)階段的經(jīng)營(yíng)目標(biāo)，配合網(wǎng)站不同時(shí)期的經(jīng)營(yíng)策略，經(jīng)常的

35、對(duì)網(wǎng)頁(yè)進(jìn)行定期或不定期的調(diào)整和修改。</p><p>　　４．不受時(shí)間、地域的限制</p><p>　　網(wǎng)絡(luò)信息的依托是Ｉｎｔｅｍｅｔ，所有信息一旦進(jìn)入互聯(lián)網(wǎng)，都處于同一時(shí)間和空間內(nèi)，不再受地域和時(shí)間的限制。網(wǎng)頁(yè)這一與生俱來(lái)的優(yōu)勢(shì)令其他傳播媒介望塵莫及。</p><p>　　５．信息反饋及時(shí)、準(zhǔn)確在互聯(lián)網(wǎng)上信息反饋通過(guò)計(jì)數(shù)器、留言本、電子信箱及對(duì)用戶(hù)的跟蹤系統(tǒng)來(lái)完成

36、。相對(duì)于傳統(tǒng)的市場(chǎng)調(diào)查而言，這種基于數(shù)字技術(shù)的信息反饋更加及時(shí)、準(zhǔn)確、有效和全面。</p><p>　?。玻尘W(wǎng)頁(yè)設(shè)計(jì)中視覺(jué)傳達(dá)的設(shè)計(jì)原則及方法</p><p>　　２．３．１網(wǎng)頁(yè)主題明確、鮮明突出</p><p>　　網(wǎng)頁(yè)設(shè)計(jì)中首先要解決的問(wèn)題是主題的定位。所謂主題也就是網(wǎng)站的題材。定位網(wǎng)站主題首先要明確建立網(wǎng)站的目的，這是從網(wǎng)站建設(shè)者的角度來(lái)考慮的。另一方面應(yīng)詳

37、細(xì)了解網(wǎng)站受眾群體的基本情況，明確他們的需要，以確定網(wǎng)站為使用者所提供的信息或經(jīng)驗(yàn)。網(wǎng)站內(nèi)的全部信息必須根據(jù)主題進(jìn)行選擇、鑒別和整理。信息傳達(dá)的目的性越明確，針對(duì)性越強(qiáng)，傳達(dá)的成功率也會(huì)越高。網(wǎng)站主題明確后，設(shè)計(jì)的全過(guò)程都要圍繞這一主題展開(kāi)。主題要做到鮮明突出、力求簡(jiǎn)潔、要點(diǎn)明確，盡量以簡(jiǎn)單明確的語(yǔ)言和畫(huà)面告訴大家本站點(diǎn)的主題，吸引對(duì)本站點(diǎn)有需求的人的視線(xiàn)，對(duì)于普通用戶(hù)也能留下一定的印象。在Ｉｎｅｔｍｅｔ上同行業(yè)的網(wǎng)站千千萬(wàn)萬(wàn)，瀏覽者常

38、常是走馬觀(guān)花，一帶而過(guò)。只有極富特色、內(nèi)容翔實(shí)的網(wǎng)頁(yè)才能使其駐足閱讀。</p><p>　?。玻常簿W(wǎng)頁(yè)整體風(fēng)格一致、形象統(tǒng)一</p><p>　　網(wǎng)站的主題和結(jié)構(gòu)確定之后、要為之尋求適合的表現(xiàn)形式，做到形式與內(nèi)容統(tǒng)一。應(yīng)大體規(guī)劃出：字體大小與字體種類(lèi)，圖片與文字的相互排列、對(duì)應(yīng)位置，各大小標(biāo)題與文章段落的對(duì)齊方式，導(dǎo)覽按鈕與文字超鏈接的表現(xiàn)形式?；镜脑O(shè)計(jì)藍(lán)圖使所有頁(yè)面擁有前后一致的設(shè)

39、計(jì)風(fēng)格，設(shè)計(jì)其他頁(yè)面時(shí)根據(jù)每頁(yè)的具體情況稍做修改即可。形式的統(tǒng)一可以通過(guò)頁(yè)面的構(gòu)圖、文字、色彩、圖像的運(yùn)用來(lái)實(shí)現(xiàn)。</p><p>　?。玻常吃O(shè)計(jì)目的明確、形式鮮明</p><p>　　網(wǎng)頁(yè)形式是為內(nèi)容服務(wù)的，但本身又有自己的獨(dú)立性和藝術(shù)規(guī)律。這里所指的形式是指網(wǎng)頁(yè)設(shè)計(jì)的版式、構(gòu)圖、布局、色彩以及它們所呈現(xiàn)出的風(fēng)格特點(diǎn)。無(wú)論設(shè)計(jì)什么形式的網(wǎng)站，都應(yīng)該有明確的設(shè)計(jì)目的，清晰的網(wǎng)頁(yè)設(shè)計(jì)形式

40、。因?yàn)榫W(wǎng)頁(yè)設(shè)計(jì)的目的就是為了更好的體現(xiàn)和傳達(dá)網(wǎng)站的信息，使之更加形象、直觀(guān)、更易于為用戶(hù)所接受理解。所以，不同內(nèi)容的網(wǎng)頁(yè)要用不同的形式來(lái)表現(xiàn)。比如：政府機(jī)構(gòu)的網(wǎng)頁(yè)形式應(yīng)簡(jiǎn)潔、莊重以體現(xiàn)機(jī)構(gòu)的特點(diǎn)。而商業(yè)網(wǎng)站則可以根據(jù)不同的商品特征采取不同的表現(xiàn)形式，而相對(duì)政府機(jī)構(gòu)的嚴(yán)肅莊重的特點(diǎn)，則可以多一些活潑與自由，色彩也可以更加豐富。文化藝術(shù)類(lèi)網(wǎng)站的表現(xiàn)形式則更注重個(gè)性化的表現(xiàn)。</p><p>　　２．３．４信息即時(shí)、更

41、新及時(shí)</p><p>　　沒(méi)人對(duì)過(guò)時(shí)信息有興趣，所以資料一定要注意即時(shí)性。更新是互聯(lián)網(wǎng)永恒不變的主題，印在書(shū)面上的信息是不變的，而用戶(hù)想看到的是最新的內(nèi)容，如果用戶(hù)每次都只能看到與上次相同的內(nèi)容，則會(huì)認(rèn)為這個(gè)站點(diǎn)是永遠(yuǎn)不更新的，從而不會(huì)再次訪(fǎng)問(wèn)該網(wǎng)站。網(wǎng)頁(yè)更新包括內(nèi)容和形式兩個(gè)方面。在保持頁(yè)面統(tǒng)一性和連續(xù)性的前提下．經(jīng)常更新內(nèi)容，變換新的表現(xiàn)形式，有利于引起新的視覺(jué)刺激，吸引更多的視覺(jué)注視，增加訪(fǎng)問(wèn)量。也就是說(shuō)

42、，網(wǎng)頁(yè)盡量要在每天發(fā)生一些新的變化，總是有新的內(nèi)容出現(xiàn)。但是究竟哪些內(nèi)容是更新的重點(diǎn)，并不是隨意確定的，要通過(guò)分析調(diào)查來(lái)訪(fǎng)者的數(shù)量和所關(guān)心的內(nèi)容的傾向來(lái)決定。當(dāng)然，更新的內(nèi)容也需要在醒目的位置將更新內(nèi)容的簡(jiǎn)要通知告訴給用戶(hù)。</p><p>　　第３章分析三色幼兒園網(wǎng)站版式視覺(jué)效果</p><p>　　３．１分析網(wǎng)站視覺(jué)效果</p><p><b>　?。?/p>

43、．結(jié)構(gòu)清晰</b></p><p>　　三色幼兒園網(wǎng)站整個(gè)設(shè)計(jì)可以說(shuō)是比較簡(jiǎn)單的，沒(méi)有過(guò)多的裝飾，也沒(méi)有復(fù)雜的結(jié)構(gòu)，給人的感覺(jué)就是清新明了，網(wǎng)站內(nèi)容一目了然，不會(huì)讓人產(chǎn)生迷惑，初來(lái)三色幼兒園網(wǎng)站的用戶(hù)可以完全按照自己的理解來(lái)進(jìn)行操作而不會(huì)產(chǎn)生錯(cuò)誤。在這一點(diǎn)上是十分重要的。來(lái)三色幼兒園網(wǎng)站的用戶(hù)，都是查找孩子在校的相關(guān)信息的，如果網(wǎng)站的設(shè)計(jì)不能做到讓用戶(hù)感覺(jué)清楚明白的話(huà)，就會(huì)造成用戶(hù)的大量流失。因?yàn)闆](méi)有

44、人會(huì)希望在理解一個(gè)網(wǎng)站上浪費(fèi)太多的時(shí)間。網(wǎng)絡(luò)上的資源非常多，如果在使用網(wǎng)站之前還要先學(xué)習(xí)如何使用該網(wǎng)站的結(jié)構(gòu)，相信有不少用戶(hù)會(huì)去其它網(wǎng)站查找自己所需的資源，選擇放棄瀏覽該網(wǎng)站。</p><p><b>　?。玻诵曰O(shè)計(jì)</b></p><p>　　用戶(hù)在線(xiàn)咨詢(xún)說(shuō)到該公司的人性化設(shè)計(jì)是很有特色的，這也許因?yàn)檫@是一家商業(yè)公司，他的人性化設(shè)計(jì)才體現(xiàn)了他商業(yè)的特點(diǎn)。在打開(kāi)公

45、司網(wǎng)站我們就可以看到在網(wǎng)站的最左邊有一長(zhǎng)列的登錄圖標(biāo)，這些頭像是公司的各個(gè)重點(diǎn)產(chǎn)品，及不同孩子的個(gè)人的學(xué)號(hào)，它不像其他網(wǎng)站的注冊(cè)號(hào)。它不需要查找注冊(cè)號(hào)，只要用戶(hù)輸入自己孩子的學(xué)號(hào)，點(diǎn)擊它上面的頭像就可以與對(duì)應(yīng)的產(chǎn)品及部門(mén)聯(lián)系了。不但如此，它還町隨頁(yè)而的滾動(dòng)，和頁(yè)面的變換而變動(dòng)，無(wú)論用戶(hù)在頁(yè)面的什么地方和什么頁(yè)面遇到問(wèn)題都可以與相關(guān)責(zé)任人聯(lián)系。</p><p><b>　?。常?lt;/b>&

46、lt;/p><p>　　推薦產(chǎn)品公司網(wǎng)站具有其獨(dú)特的吸引人的地方，首先就是其簡(jiǎn)潔明快的首頁(yè)，整個(gè)頁(yè)面使用藍(lán)色作為毛色調(diào)，讓人在瀏覽的同時(shí)，會(huì)有一種放松感，整個(gè)頁(yè)面沒(méi)有過(guò)多花峭的東西，每一個(gè)版塊都很明確在指導(dǎo)瀏覽者將看到的內(nèi)容。在內(nèi)容的布置方面，三色幼兒園網(wǎng)站做的樣盡心盡力，首頁(yè)上首先會(huì)吸引人的注意力的就是三色幼兒園網(wǎng)站的“推薦產(chǎn)品”版塊。在整個(gè)首頁(yè)上，都是采用小的圖片來(lái)點(diǎn)綴的方式，這就使得其在這眾多小圖片中顯得十分搶

47、眼。這個(gè)版塊使用了動(dòng)態(tài)展示——幾個(gè)產(chǎn)品在這一版塊一段時(shí)間內(nèi)幣段回放，以不同的產(chǎn)品的亮點(diǎn)吸引用戶(hù)。整個(gè)首頁(yè)主體的分欄布局也十分簡(jiǎn)單明了，每一個(gè)分欄區(qū)都使用了不同的背景色以與其它分欄區(qū)別開(kāi)來(lái)，但同時(shí)，背景顏色的選取又十分地恰到好處，沒(méi)有讓人產(chǎn)生突兀之感，讓人看得十分舒服。在對(duì)內(nèi)容及版式的布局方面，三色幼兒園網(wǎng)站做到以用戶(hù)方便為主，按～般網(wǎng)站的模式，將分類(lèi)放在了ｌｏｇｏ的下方，讓用戶(hù)能夠直接了解三色幼兒園網(wǎng)站的全部?jī)?nèi)容，也可以讓用戶(hù)卜分方便地

48、選擇自己感興趣的版塊進(jìn)行瀏覽和操作。來(lái)三色幼兒園網(wǎng)站的用戶(hù)一般都是為了瀏覽三色幼兒園網(wǎng)頁(yè)中的自家寶貝相關(guān)資料，因此，三色幼兒園網(wǎng)站在首頁(yè)上就將三色幼兒園網(wǎng)頁(yè)中所有的</p><p>　?。ǎ保┦醉?yè)的簡(jiǎn)潔明了，不拖泥帶水；</p><p>　　（２）首頁(yè)各版塊的更新都是實(shí)時(shí)的，不會(huì)存在有過(guò)時(shí)信息的停留，用戶(hù)由三色幼兒園網(wǎng)站首頁(yè)上所得到的信息都是最新的；</p><p>

49、;　　（３）操作的人性化。對(duì)于一般用戶(hù)經(jīng)常用到的操作，三色幼兒園網(wǎng)站都十分細(xì)心地將其列于首頁(yè)的左側(cè)，免去了三色幼兒園網(wǎng)站用戶(hù)一層層尋找自己想要進(jìn)行的操作的多余時(shí)間。</p><p>　　（４）ＩＴ產(chǎn)品量較多。對(duì)于公司網(wǎng)站來(lái)說(shuō)，ＩＴ產(chǎn)品量的大小直接影響到用戶(hù)的多少。如果用戶(hù)多次在網(wǎng)站中無(wú)法找到自己想要的資料，他就會(huì)放棄該網(wǎng)站，而如果在網(wǎng)站中總是可以找到自己想要的資料，那么，如果網(wǎng)站遇到不能找到用戶(hù)想要的信息，用戶(hù)會(huì)

50、放棄瀏覽該站。因此ＩＴ產(chǎn)品量的多少對(duì)用戶(hù)來(lái)說(shuō)，是十分重要的。雖然該公司的產(chǎn)品信息較多，但有些信息不全的情況。這是該網(wǎng)站需要加強(qiáng)的地方。由以上的分析來(lái)看，就三色幼兒園網(wǎng)站一個(gè)教育網(wǎng)站，能做到這么多的功能基本滿(mǎn)足三色幼兒園網(wǎng)站滿(mǎn)足家長(zhǎng)們的一般需求。接下來(lái)我們從設(shè)計(jì)的角度來(lái)分析及實(shí)現(xiàn)網(wǎng)站。</p><p><b>　?。常彩醉?yè)版式分析</b></p><p>　　版式指的

51、是瀏覽器看到的完整的一個(gè)版面（可以包含框架和層）。因?yàn)槊坎蝗说娘@示器分辨率不同，所以同一個(gè)版面的大小可能出現(xiàn)不同尺寸。而布局，就是以最適合瀏覽的方式將圖片和文字排放在版面的不同位置。由于網(wǎng)站性質(zhì)、內(nèi)容、使用對(duì)象等有所不同，網(wǎng)頁(yè)布局的形式也是千差萬(wàn)別的。基本的構(gòu)圖形式是：版面由上至下依次安排，網(wǎng)站名稱(chēng)和標(biāo)識(shí)、版面標(biāo)題、版面內(nèi)容、腳注等。</p><p>　　一般版面左側(cè)通常設(shè)置為導(dǎo)航部分，這樣做的目的一方面是提供與

52、其他版面的鏈接；另一方面也是為了減小右部版面內(nèi)容區(qū)的寬度，以使每行文字的長(zhǎng)度適合閱讀。當(dāng)然在實(shí)際的設(shè)計(jì)過(guò)程中，需要根據(jù)實(shí)際的情況來(lái)設(shè)定導(dǎo)航條的位置，其中包括考慮用戶(hù)的生理和心理機(jī)能的限制。版式布局的模式一個(gè)企業(yè)網(wǎng)站一般要完成ｌ、樹(shù)立現(xiàn)代企業(yè)形象，增值企業(yè)無(wú)形資產(chǎn)；２、宣傳企業(yè)，創(chuàng)造銷(xiāo)售機(jī)會(huì)；３、加強(qiáng)客戶(hù)溝通宣傳企業(yè)產(chǎn)品；４、通過(guò)電子營(yíng)銷(xiāo)可以減少環(huán)節(jié)，減少人員，節(jié)約費(fèi)用，降低成本，有利于提高營(yíng)銷(xiāo)效率；５、有利于了解顧客的意見(jiàn)，建立良好的顧

53、客關(guān)系；６、有利于改善服務(wù)等功能。</p><p>　?。常玻笔醉?yè)版式的視覺(jué)傳達(dá)理念分析</p><p>　　要實(shí)現(xiàn)網(wǎng)站的以上功能根據(jù)視覺(jué)傳達(dá)的理念要符合用戶(hù)的視覺(jué)路徑一般：從上到下，從左到右。好的視覺(jué)設(shè)計(jì)路徑應(yīng)該是順應(yīng)這樣的用戶(hù)習(xí)慣。當(dāng)然，下圖的視覺(jué)路徑圖并非絕對(duì)的，瀏覽習(xí)慣因人而異。用戶(hù)習(xí)慣視覺(jué)路徑因?yàn)槿藗儚慕佑|信息以來(lái)，信息的呈現(xiàn)就是以方塊式存在：報(bào)紙、書(shū)，單個(gè)字成點(diǎn)，一行字成線(xiàn)

54、，一段字成面，而這個(gè)面當(dāng)然是以方形呈現(xiàn)的效率最高。網(wǎng)站的視覺(jué)設(shè)計(jì)大部分其實(shí)都是在拼方塊。網(wǎng)站中的方塊能很好地引導(dǎo)用戶(hù)的視覺(jué)路徑，用戶(hù)可以通過(guò)區(qū)塊來(lái)分辨這個(gè)區(qū)域的信息是否是自己需要的，從而可以迅速縮小范圍細(xì)致尋找或者瀏覽下一個(gè)區(qū)塊。視線(xiàn)經(jīng)過(guò)的所有關(guān)注點(diǎn)可以連接成一條完整的路徑，即視覺(jué)路徑。視覺(jué)路徑的形成是由人類(lèi)的視覺(jué)特性所決定的．往往會(huì)體現(xiàn)出比較明顯的方感，使整個(gè)運(yùn)動(dòng)趨勢(shì)有一個(gè)主旋律。受生理結(jié)構(gòu)限制，人眼只能產(chǎn)生一個(gè)焦點(diǎn)，不能同時(shí)把視線(xiàn)停

55、留在兩處或更多的地方，我們可以做的只是依照一定的順序?yàn)g覽觀(guān)察。心理學(xué)的研究表明，在一個(gè)平面上，上半部讓人輕松和自在，下半部讓人穩(wěn)定和壓抑，而左半部讓人輕松和舒展，右半部讓人局限和拘謹(jǐn)。因此，人們的視覺(jué)習(xí)慣于從左向右看，從上向下看，視覺(jué)注意力上部比下部強(qiáng)，左側(cè)比右側(cè)強(qiáng)。這樣左上部和中</p><p><b>　　1首頁(yè)版式設(shè)計(jì)實(shí)現(xiàn)</b></p><p>　　基于以上的

56、分析，一個(gè)企業(yè)網(wǎng)站首頁(yè)必須有兩站ＬＯＧＯ、網(wǎng)址公司名、產(chǎn)品、客服行業(yè)信息等一系列元素。根據(jù)這些元素的屬性的相關(guān)性和重要性的不同我們首先使用ＰＨＯＴＯＳＨＯＰ軟件把首頁(yè)劃分成以下幾個(gè)方塊。各個(gè)方塊完成了同信息的一個(gè)分類(lèi)，信息的分類(lèi)使其能更直觀(guān)的將用戶(hù)需要的信息傳遞給他們。整個(gè)網(wǎng)站的視覺(jué)流程就是，企業(yè)信息板塊，導(dǎo)航板塊，ＢＡＮＥＥＲ，用戶(hù)板塊產(chǎn)晶及新聞扳塊。網(wǎng)站用戶(hù)大部分都是這樣的視覺(jué)流程，用戶(hù)一進(jìn)企業(yè)網(wǎng)站看到的就是企業(yè)的ＬＯＧＯ，企業(yè)的名

57、字，接下來(lái)的導(dǎo)航板塊，用戶(hù)就可以立即找到自己感興趣的板塊或欄目，不會(huì)讓用戶(hù)因找不到自己感興趣的內(nèi)容而離開(kāi)阿站。接下來(lái)ＢＡＮＥＥＲ，這個(gè)一般都是企業(yè)的形象廣告或是新品廣告。用戶(hù)板塊及最后的產(chǎn)品及新聞板塊主要針對(duì)的網(wǎng)站的老用戶(hù)了。因?yàn)槔嫌脩?hù)都在熟悉了網(wǎng)站之后都會(huì)直奔主題，看網(wǎng)站里的內(nèi)容了。根據(jù)以上的首頁(yè)功能劃分意圖，通過(guò)ＤＲＥＡＭＷＥＡＶＥＲ網(wǎng)頁(yè)設(shè)計(jì)軟件制作出詳細(xì)的設(shè)計(jì)，如圖３－１６所示。ＤｒｅａｒａＷｅａｖｅｒ是一個(gè)很酷的網(wǎng)頁(yè)設(shè)計(jì)軟件，它

58、包括可視化編輯、ＨＴＭＬ代碼編輯的軟件包，并支持ＡｃｔｉｖｅＸ、ＪａｖａＳｃｒｉｐｔ、Ｊａｖａ、Ｆｌａｓｈ、Ｓ</p><p>　　而且它還能通過(guò)拖拽從頭到尾制作動(dòng)態(tài)的ＨＴＭＬ動(dòng)畫(huà)，支持動(dòng)態(tài)ＨＴＭＬ（ＤｙｎａｍｉｃＨＴＭＬ）的設(shè)計(jì)，使得頁(yè)面沒(méi)有ｐｌｕｇ－ｉｎ也能夠在Ｎｅｔｓｃａｐｅ和ＩＥ ４．０瀏覽器中正確地顯示頁(yè)面的動(dòng)畫(huà)。同時(shí)它還提供了自動(dòng)更新頁(yè)面信息的功能。ＤｒｅａｍＷｅａｖｅｒ還采用了Ｒｏｕｎｄｔｒｉｐ Ｈ

59、ＴＭＬ技術(shù)。這項(xiàng)技術(shù)使得網(wǎng)頁(yè)在ＤｒｅａｍＷｅａｖｅｒ和ＨＴＭＬ代碼編輯器之間進(jìn)彳亍自由轉(zhuǎn)換，ＨＴＭＬ句法及結(jié)構(gòu)不變。這樣，專(zhuān)業(yè)設(shè)計(jì)者可以在不改變?cè)芯庉嬃?xí)慣的同時(shí)，充分享受到可視化編輯帶來(lái)的益處。ＤｒｅａｍＷｅａｖｅｒ最具挑戰(zhàn)性和生命力的是它的開(kāi)放式設(shè)計(jì)，這項(xiàng)設(shè)計(jì)使任何人都可以輕易擴(kuò)展它的功能。網(wǎng)頁(yè)效果蹦中的視覺(jué)焦點(diǎn)標(biāo)志是一個(gè)企業(yè)、一個(gè)團(tuán)體的概念化圖案，代表了企業(yè)或者行業(yè)團(tuán)體的形象，其特點(diǎn)主要是，造型簡(jiǎn)沾明了，視覺(jué)沖擊力強(qiáng)。在網(wǎng)頁(yè)設(shè)計(jì)中

60、也會(huì)出現(xiàn)在顯要的位置，與企業(yè)名稱(chēng)以共處。是網(wǎng)頁(yè)設(shè)計(jì)中視覺(jué)版面上的一個(gè)重要組成部分。三色幼兒園網(wǎng)站的標(biāo)志放在整個(gè)版面的最上面，用戶(hù)一進(jìn)入網(wǎng)站，首先看到的就是企業(yè)的標(biāo)志，其視覺(jué)效果非常突出，形成第一視覺(jué)焦點(diǎn)。產(chǎn)品展示欄動(dòng)態(tài)顯示，引起用戶(hù)的注意，形成第二視覺(jué)焦點(diǎn)。整個(gè)版式是一個(gè)從上</p><p><b>　　2主要前臺(tái)頁(yè)面版式</b></p><p>　　前臺(tái)的主要頁(yè)面有

61、產(chǎn)品頁(yè)、新聞頁(yè)、用戶(hù)頁(yè)面等。這些頁(yè)面構(gòu)成了一個(gè)企業(yè)網(wǎng)站的主要功能。主要的功能頁(yè)面是片ｊ戶(hù)點(diǎn)擊率最高的頁(yè)面，它的版式的樣式是用戶(hù)對(duì)網(wǎng)站的一個(gè)整體視覺(jué)印象</p><p>　　１主要前臺(tái)頁(yè)面版式分析</p><p>　　視覺(jué)傳選設(shè)計(jì)講究設(shè)計(jì)的表現(xiàn)性、功能性、蒙征性。而這些主要功能的頁(yè)面構(gòu)成了用戶(hù)對(duì)網(wǎng)站的一個(gè)整體視覺(jué)感受。我們把這些頁(yè)面的表現(xiàn)性統(tǒng)一起來(lái)，給片ｊ戶(hù)一個(gè)統(tǒng)一的視覺(jué)感受。</p&

62、gt;<p>　?。仓饕芭_(tái)版式設(shè)計(jì)實(shí)現(xiàn)產(chǎn)品頁(yè)通過(guò)ＤＲＥＡＭWＥＡⅦＲ網(wǎng)頁(yè)設(shè)計(jì)軟件制作出詳細(xì)的設(shè)計(jì)。用戶(hù)頁(yè)通過(guò)ＤＲＥＡＭＷＥＡＶＥＲ網(wǎng)頁(yè)設(shè)計(jì)軟件制作出詳細(xì)的設(shè)計(jì)。</p><p>　　3主要后臺(tái)頁(yè)面版式網(wǎng)站后臺(tái)就是可以對(duì)整個(gè)網(wǎng)站進(jìn)行日常維護(hù)，日常更新等操作的平臺(tái)。登陸頁(yè)、產(chǎn)品管理頁(yè)、新聞管理頁(yè)是一個(gè)企業(yè)網(wǎng)站后臺(tái)管理的主要頁(yè)面，是網(wǎng)站管理員對(duì)其進(jìn)行更新維護(hù)的。</p><p>

63、　?。敝饕笈_(tái)頁(yè)面版式分析</p><p>　　網(wǎng)站的后臺(tái)不同于網(wǎng)站的前臺(tái)，需要體現(xiàn)企業(yè)的整體形象，但就其功能的復(fù)雜性，一個(gè)好的版式設(shè)計(jì)是實(shí)現(xiàn)網(wǎng)站快捷方便管理的關(guān)鍵。我們把后臺(tái)頁(yè)面的導(dǎo)航頁(yè)和管理頁(yè)整合到一個(gè)ＤＥＦＡＵＬＴ．ＡＳＰ的頁(yè)面。當(dāng)進(jìn)入后臺(tái)就進(jìn)入這個(gè)Ⅲ面，通過(guò)導(dǎo)航頁(yè)的導(dǎo)航調(diào)用不同的管理頁(yè)。圖３—２６后臺(tái)頁(yè)面板塊劃分管理導(dǎo)航欄和管理頁(yè)左右分布。視覺(jué)路徑從左到右，符合人眾的視覺(jué)刊慣方便了網(wǎng)站管理者對(duì)網(wǎng)站的管理。

64、板塊劃分對(duì)視覺(jué)路徑的引導(dǎo)</p><p>　?。仓饕笈_(tái)頁(yè)面版式實(shí)現(xiàn)</p><p>　　后臺(tái)登陸頁(yè)足網(wǎng)站管理員登陸管理頁(yè)面的窗口，版面定位應(yīng)簡(jiǎn)潔，無(wú)需做過(guò)多的美化設(shè)汁——過(guò)多的美化設(shè)計(jì)反而影響網(wǎng)站響應(yīng)的速度。簡(jiǎn)潔，明晰的設(shè)計(jì)反應(yīng)速度更快，方便管理員登陸。</p><p>　　后臺(tái)登陸頁(yè)效果圖產(chǎn)品管理貝需對(duì)各類(lèi)產(chǎn)品以綜合性管理，內(nèi)容繁多復(fù)雜，簡(jiǎn)潔，明晰的表格把產(chǎn)品的

65、各種內(nèi)容加以區(qū)分，實(shí)現(xiàn)網(wǎng)站管理員對(duì)產(chǎn)品的快捷管理。</p><p>　　第４章三色幼兒園網(wǎng)站色彩</p><p>　?。矗苯逃W(wǎng)站色彩分析</p><p>　　色彩在網(wǎng)頁(yè)設(shè)計(jì)中也占有非常重要的地位。它是調(diào)適閱覽者視覺(jué)心理、引起人們注意的主要手段。由于網(wǎng)頁(yè)設(shè)計(jì)是通過(guò)計(jì)算機(jī)來(lái)實(shí)現(xiàn)的，就要考慮計(jì)算機(jī)色彩系統(tǒng)的功能。計(jì)算機(jī)色彩系統(tǒng)中提供的三原色為紅、綠、藍(lán)。通過(guò)這三種色光

66、的混合，創(chuàng)造出了千變?nèi)f化的富有情趣、而又能引起視覺(jué)興奮的色彩來(lái)，以達(dá)到網(wǎng)頁(yè)吸引注意、傳達(dá)信息、贏得客戶(hù)的目的。</p><p>　?。矗保鄙实奶匦?lt;/p><p>　　色彩的直接心理效應(yīng)來(lái)自色彩的物理光刺激對(duì)人的生理發(fā)生的直接影響。顏色能影響腦電波，腦電波對(duì)紅色反應(yīng)是警覺(jué)，對(duì)藍(lán)色的反應(yīng)是放松。冷色與暖色是依據(jù)心理錯(cuò)覺(jué)對(duì)色彩的物理性分類(lèi)，對(duì)于顏色的物質(zhì)性印象，大致由冷暖兩個(gè)色系產(chǎn)生。冷

67、色與暖色除去給我們溫度上的不同感覺(jué)以外，還會(huì)帶來(lái)其它的一些感受，例如，重量感、濕度感等。色彩本身是沒(méi)有靈魂的，它只是一種物理現(xiàn)象，但人們卻能感受到色彩的情感，這是因?yàn)槿藗冮L(zhǎng)期生活在一個(gè)色彩的世界中，積累著許多視覺(jué)經(jīng)驗(yàn)，一旦知覺(jué)經(jīng)驗(yàn)與外來(lái)色彩刺激發(fā)生一定的呼應(yīng)時(shí)，就會(huì)在人的心理上引出某種情緒。紅色是強(qiáng)有力的色彩，是熱烈、沖動(dòng)的色彩。代表熱情、活潑、熱鬧、溫暖、幸福、吉祥；橙色是一種富足的、快樂(lè)而幸福的色彩。代表光明、華麗、興奮、甜蜜、快樂(lè)

68、；黃色象征著照亮黑暗的智慧之光；又象征著財(cái)富和權(quán)利，代表明朗、愉快、高貴、希望；綠色是一種寧?kù)o、平和的色彩，代表新鮮、平靜、和平、柔和、安逸、青春；藍(lán)色是博大的色彩，是永恒的象征。代表深、永恒、沉靜、理智、誠(chéng)實(shí)、寒冷；白色代表純潔、純真、樸素、神圣、明快；灰色代表憂(yōu)郁、消極、謙虛、平凡、沉默、中庸、寂寞；黑色代表崇高、堅(jiān)實(shí)、嚴(yán)肅、剛健、粗莽</p><p>　?。矗保簿W(wǎng)頁(yè)色彩的調(diào)和基本法則</p>

69、<p>　　我們來(lái)看看怎樣調(diào)和色彩。調(diào)和色彩的基本法則是：頁(yè)面各部分色彩一定要構(gòu)成適當(dāng)?shù)纳赎P(guān)系。組成統(tǒng)一的色調(diào)，表達(dá)某種情緒。這才會(huì)有自己的風(fēng)格。怎樣才能做到這一點(diǎn)呢？確立主調(diào)統(tǒng)率頁(yè)面的色彩關(guān)系。當(dāng)頁(yè)面上有幾個(gè)色塊時(shí)，必須以其中一塊顏色為主，而且其面積，明度，位置大于其它色塊。不但要善于運(yùn)用原色，而且還要善于運(yùn)用金、銀、黑、白和灰這些中性色進(jìn)行緩解，中和，以烘托出主題。增加共同點(diǎn)，會(huì)使設(shè)計(jì)更趨向協(xié)調(diào)。拉開(kāi)距離，目的是為了

70、主次分開(kāi)，不要堆成一堆，別人看了都覺(jué)得討厭。可有方法：或者從平面拉開(kāi)，或者從純度和明度削弱。１．兩色一深一淺。２．同時(shí)變化原有明度３．純度對(duì)比，使一色鮮艷而一色朦朧４．同時(shí)變化原有純度</p><p>　?。矗保尘W(wǎng)頁(yè)色彩設(shè)計(jì)存在的問(wèn)題</p><p>　　打開(kāi)一個(gè)網(wǎng)站，給用戶(hù)留下第一印象的既不是網(wǎng)站豐富的內(nèi)容，也不是網(wǎng)站合理的版式布局，而是網(wǎng)站的色彩。色彩對(duì)人的視覺(jué)效果非常明顯，一個(gè)網(wǎng)

71、站設(shè)計(jì)成功與否，在某種程度上取決于設(shè)計(jì)者對(duì)色彩的運(yùn)用和搭配。因?yàn)榫W(wǎng)頁(yè)設(shè)計(jì)屬于一種平面效果設(shè)計(jì)，在排除立體圖形、動(dòng)畫(huà)效果之外，在平面圖上，色彩的沖擊力是最強(qiáng)的，它很容易給用戶(hù)留下深刻的印象。因此，在設(shè)計(jì)網(wǎng)頁(yè)時(shí)，我們必須要高度重視色彩的搭配。</p><p>　　目前一些網(wǎng)頁(yè)往往使用多種顏色，使網(wǎng)頁(yè)效果看起來(lái)色彩豐富。盡管有些網(wǎng)頁(yè)內(nèi)容不多，設(shè)計(jì)者仍然將風(fēng)格不同、顏色各異的圖片、文字等放在頁(yè)面上，其初衷是將網(wǎng)頁(yè)做的更具

72、有視覺(jué)沖擊力、更具有設(shè)計(jì)特點(diǎn)，但是結(jié)果卻是適得其反。色彩的過(guò)度使用使頁(yè)面缺乏統(tǒng)一協(xié)調(diào)感和內(nèi)在美感，而更直接的結(jié)果是這種過(guò)渡的色彩包裝干擾了用戶(hù)瀏覽網(wǎng)頁(yè)的效率，以及網(wǎng)頁(yè)的下載速度。另外，一些網(wǎng)頁(yè)色彩的使用沒(méi)有考慮到人的視覺(jué)因素的制約，如采用深色并帶有豐富色彩的圖片作為頁(yè)面背景，嚴(yán)重干擾了用戶(hù)識(shí)別信息主體的能力。還有一些網(wǎng)站采用的色彩并沒(méi)有根據(jù)相應(yīng)的網(wǎng)站信息性質(zhì)來(lái)設(shè)計(jì)，這樣網(wǎng)站頁(yè)面沒(méi)有獨(dú)特的風(fēng)格和鮮明的個(gè)性，當(dāng)然也不會(huì)給用戶(hù)留下深刻的印象。

73、</p><p>　?。矗保淳W(wǎng)頁(yè)色彩的設(shè)計(jì)原則和方法</p><p>　　１．網(wǎng)頁(yè)色彩設(shè)計(jì)的原則</p><p>　　因?yàn)樯逝c人的心理感覺(jué)和情緒有一定的關(guān)系，所以我們可以根據(jù)這一點(diǎn)在設(shè)計(jì)網(wǎng)頁(yè)時(shí)形成自己獨(dú)特的色彩效果，給瀏覽者留下深刻的印象。色彩搭配既是一項(xiàng)技術(shù)性工作，同時(shí)它也是一項(xiàng)藝術(shù)性很強(qiáng)的工作，因此，設(shè)計(jì)者在設(shè)計(jì)網(wǎng)頁(yè)時(shí)除了考慮網(wǎng)站本身的特點(diǎn)外，還要遵循一定

74、的藝術(shù)規(guī)律，從而設(shè)計(jì)出色彩鮮明、性格獨(dú)特的網(wǎng)站。</p><p><b>　?。ǎ保┨厣r明</b></p><p>　　一個(gè)網(wǎng)站的用色必須要有自己獨(dú)特的風(fēng)格，這樣才能顯得個(gè)性鮮明，給瀏覽者留下深刻的印象。</p><p><b>　?。ǎ玻┐钆浜侠?lt;/b></p><p>　　就是說(shuō)色彩的采用要符

75、合相應(yīng)的網(wǎng)站內(nèi)容。比如女性網(wǎng)站就要采用柔和的色彩等。網(wǎng)頁(yè)設(shè)計(jì)在遵從藝術(shù)規(guī)律的同時(shí)，還考慮人的生理特點(diǎn)，色彩搭配一定要合理，給人一種和諧、愉快的感覺(jué)，避免采用純度很高的單一色彩，這樣容易造成視覺(jué)疲勞。</p><p><b>　?。ǎ常┲v究藝術(shù)性</b></p><p>　　網(wǎng)站的色彩的采用，也要體現(xiàn)設(shè)計(jì)的藝術(shù)特點(diǎn)，體現(xiàn)網(wǎng)站的文化內(nèi)涵。網(wǎng)站設(shè)計(jì)也是一種藝術(shù)活動(dòng)，因此它必

76、須遵循藝術(shù)規(guī)律，在考慮到網(wǎng)站本身特點(diǎn)的同時(shí)，按照內(nèi)容決定形式的原則，大膽進(jìn)行藝術(shù)創(chuàng)新，設(shè)計(jì)出既符合網(wǎng)站要求，又有一定藝術(shù)特色的網(wǎng)站。</p><p>　?。玻W(wǎng)頁(yè)色彩設(shè)計(jì)的基本方法</p><p>　　選擇好適合網(wǎng)站性質(zhì)的色彩，才能成功推出優(yōu)秀的網(wǎng)頁(yè)設(shè)計(jì)作品。</p><p>　?。ǎ保┚W(wǎng)頁(yè)中單色的使用</p><p>　　盡管網(wǎng)站設(shè)計(jì)要避免

77、采用單一色彩，以免產(chǎn)生單調(diào)的感覺(jué)，但通過(guò)調(diào)整色彩的飽和度和透明度也可以產(chǎn)生變化，使網(wǎng)站避免單調(diào)。另外黑色也是一種特殊的顏色，如果使用恰當(dāng)廠(chǎng)設(shè)計(jì)合理，往往產(chǎn)生很強(qiáng)烈的藝術(shù)效果，</p><p>　?。ǎ玻┚W(wǎng)頁(yè)中鄰近色的使用</p><p>　　所謂鄰近色，就是在色帶上相鄰近的顏色，例如綠色和藍(lán)色，紅色和黃色就互為鄰近色。采用鄰近色設(shè)計(jì)網(wǎng)頁(yè)可以使網(wǎng)頁(yè)避免色彩雜亂，易于達(dá)到頁(yè)面的和諧統(tǒng)一。<

78、;/p><p>　　（３）網(wǎng)頁(yè)中對(duì)比色的使用</p><p>　　對(duì)比色可以突出重點(diǎn)，產(chǎn)生了強(qiáng)烈的視覺(jué)效果，通過(guò)合理使用對(duì)比色能夠使網(wǎng)站特色鮮明、重點(diǎn)突出。在設(shè)計(jì)時(shí)一般以一種顏色為主色調(diào)，對(duì)比色作為點(diǎn)綴，可以起到畫(huà)龍點(diǎn)睛的作用。</p><p>　　（４）網(wǎng)頁(yè)中背景色的使用</p><p>　　背景色一般采用素淡清雅的色彩，避免采用花紋復(fù)雜的圖片

79、和純度很高的色彩作為背景色，同時(shí)背景色要與文字的色彩對(duì)比強(qiáng)烈一些。</p><p>　?。ǎ担┚W(wǎng)頁(yè)中色彩的數(shù)量</p><p>　　網(wǎng)站用色并不是越多越好，一般控制在三種色彩以?xún)?nèi)，通過(guò)調(diào)整色彩的各種屬性來(lái)產(chǎn)生變化。</p><p>　　４．２教育網(wǎng)站設(shè)計(jì)實(shí)現(xiàn)</p><p>　?。矗玻苯逃W(wǎng)站對(duì)用色的要求</p><p

80、>　　教育網(wǎng)站用色的問(wèn)題，其實(shí)不能一概而論。以前時(shí)候企業(yè)用的最多的是藍(lán)色，因?yàn)樗{(lán)色象征了深邃、理性，給人以商業(yè)合作的值得信賴(lài)感，同時(shí)藍(lán)色本身不容易給視覺(jué)帶來(lái)疲勞、便于長(zhǎng)時(shí)間瀏覽，所以藍(lán)色用的很普遍。但是現(xiàn)在隨著越來(lái)越多的類(lèi)似企業(yè)網(wǎng)站的涌現(xiàn)，企業(yè)更關(guān)注自身文化、理念、價(jià)值與產(chǎn)品類(lèi)型、風(fēng)格的個(gè)性，所以教育網(wǎng)站用色也越來(lái)越豐富：象征活力與熱情的紅色、開(kāi)放性與隨和的橙色、高貴深邃的黑色…各樣的顏色都為教育網(wǎng)站采納，總之，能夠最好的傳達(dá)教育

81、和教育價(jià)值、理念的顏色，就是該網(wǎng)站的最佳顏色。但是一個(gè)學(xué)校的ＶＩ標(biāo)注色只有一種，我們不可能為了網(wǎng)站的標(biāo)新立異而去改變一個(gè)學(xué)校的ＶＩ。既然企業(yè)網(wǎng)站對(duì)用色有如此多的要求，顯然一種風(fēng)格是滿(mǎn)足不了吸引那些看慣了各類(lèi)企業(yè)網(wǎng)站的用戶(hù)的要求。因此我們?cè)O(shè)計(jì)多種的顏色風(fēng)格，通過(guò)網(wǎng)站后臺(tái)來(lái)實(shí)現(xiàn)網(wǎng)站顏色風(fēng)格的改變。</p><p>　?。财髽I(yè)網(wǎng)站用色的實(shí)現(xiàn)方案</p><p>　　企業(yè)網(wǎng)站用色方案多變。而ＣＳＳ

82、的優(yōu)勢(shì)是ＣＳＳ采用導(dǎo)入的形式，可以有效給網(wǎng)頁(yè)減肥，從而提高網(wǎng)頁(yè)的訪(fǎng)問(wèn)速度網(wǎng)站的訪(fǎng)問(wèn)速度提高了。容與表現(xiàn)分離，有了ＣＳＳ，網(wǎng)頁(yè)的內(nèi)容（ＸＨＭＴＬ）與表現(xiàn)就可以分開(kāi)了表現(xiàn)的統(tǒng)，可以使網(wǎng)頁(yè)的表現(xiàn)非常統(tǒng)一，并且容易修改，同時(shí)用ＣＳＳ可以減少網(wǎng)頁(yè)的代碼量，增加網(wǎng)頁(yè)的瀏覽速度，減少硬盤(pán)容量。下列是三色幼兒園配色后臺(tái)管理方案。通過(guò)這種方式，網(wǎng)站管理者可以通過(guò)配色模板來(lái)實(shí)現(xiàn)在線(xiàn)修改整個(gè)網(wǎng)站的色彩視覺(jué)效果，滿(mǎn)足企業(yè)網(wǎng)站在不同時(shí)期的色彩搭配需求，滿(mǎn)足用戶(hù)不

83、同時(shí)期的心理需求，防止審美疲勞。</p><p>　　表４一ｌ配色模板管理表</p><p><b>　　配色模板管理</b></p><p><b>　　管理導(dǎo)航：</b></p><p>　　配色模板管理酋頁(yè)ｌ添加配色模板Ｉ配色模板導(dǎo)出ｌ配色樓板導(dǎo)入</p><p>&l

84、t;b>　　模板說(shuō)明：</b></p><p>　　紅色說(shuō)明為站本站已使用了的ＣＳＳ</p><p>　　選拌模板名稱(chēng)，效果圖模板類(lèi)型操作</p><p>　　黃色系統(tǒng)提供修改模板設(shè)置；淺綠系統(tǒng)提供修改模板設(shè)置；灰色系統(tǒng)提供修改模板設(shè)置；橙色系統(tǒng)提供修改模板設(shè)置；藍(lán)色系統(tǒng)提供修改模板設(shè)置；淺灰系統(tǒng)提供修改模板設(shè)置；黃色系統(tǒng)提供修改模板設(shè)置；淡紅系統(tǒng)

85、提供修改模板設(shè)置；綠色修改模板啦置；</p><p>　　淡綠系統(tǒng)提供修改模板設(shè)置；青色系統(tǒng)提供修改模版設(shè)置；黑色系統(tǒng)捉供系統(tǒng)提供修改模扳設(shè)置。</p><p>　?。橙變簣@網(wǎng)站用色效果</p><p>　　三色幼兒園是重慶地區(qū)的一家知名幼兒園，擁有多種教育模式，該公司網(wǎng)站展示的主要是孩子的成長(zhǎng)信息，同時(shí)也是維護(hù)老師和家長(zhǎng)溝通交流的平臺(tái)。網(wǎng)頁(yè)發(fā)布后，最終結(jié)果仍然

86、是以電腦數(shù)字化的形式出現(xiàn)的，所以信息的堆減和形式的調(diào)整都非常方便。設(shè)計(jì)人員可以在全部網(wǎng)頁(yè)傳遞到主機(jī)上之后，對(duì)其中的色彩等做相應(yīng)的調(diào)整，以達(dá)到最好的視覺(jué)效果和傳達(dá)效應(yīng)。</p><p>　　此外由于網(wǎng)頁(yè)信息傳達(dá)所具備的交互性特點(diǎn)，使得網(wǎng)頁(yè)信息的發(fā)展成為不斷更新的循環(huán)周期。而網(wǎng)頁(yè)設(shè)計(jì)作品的發(fā)布也并不意味著設(shè)計(jì)的結(jié)束，網(wǎng)頁(yè)設(shè)計(jì)人員必須根據(jù)用戶(hù)的反饋信息和網(wǎng)站各個(gè)階段的教學(xué)目標(biāo)，配合網(wǎng)站教育教學(xué)策略，經(jīng)常的對(duì)網(wǎng)頁(yè)進(jìn)行定期

87、或不定期的調(diào)整和修改。根據(jù)教師、家長(zhǎng)的需求．設(shè)計(jì)出符合孩子的色彩方案，根據(jù)需要及州更換色彩效果，滿(mǎn)足家長(zhǎng)的多樣化需求。</p><p>　　類(lèi)似色相較于同類(lèi)色色彩之間的可搭配度要大些，顏色豐富、富于變化。以上頁(yè)面主要取的是色環(huán)中的橙色、橙色通過(guò)明度、純度、面積大小的不同實(shí)現(xiàn)變化和統(tǒng)一的。雖然主色調(diào)的橙色在頁(yè)面中使用面積最大，但是我們看到由于它的明度非常高，飽和度就降低了，因此在頁(yè)面中處在不明顯的角色。而綠色的純度

88、最高，且使用面積次之，頁(yè)面顯示較顯眼，因此用于次級(jí)導(dǎo)航位置上。整個(gè)頁(yè)面主次的視覺(jué)引導(dǎo)分明。不是每種主色調(diào)都是極其顯眼的位置，通常多扮演著用于突出主體的輔助性配角。而重要角色往往在頁(yè)面中用的份量極少，卻又起到突出主體的作用。</p><p><b>　　自謂輻色調(diào)點(diǎn)暗色</b></p><p>　　同種色被稱(chēng)為最穩(wěn)妥的色彩搭配方法，給人的感覺(jué)是相當(dāng)協(xié)調(diào)的。它們通常出入于

89、同一個(gè)色調(diào)里，通過(guò)明度的黑白灰或者純度的不同束硝微加以區(qū)別的，產(chǎn)生了極其微妙的韻律美。為了不至于止整個(gè)頁(yè)面呈現(xiàn)過(guò)于單調(diào)平淡，有些頁(yè)向則是加入極葜小構(gòu)其他顏色做點(diǎn)綴。該頁(yè)面使用了同種色系氅的橙色及不同色調(diào)不同色相的橙色，通過(guò)明度、純度的微妙變化產(chǎn)生緩和的節(jié)奏美感。</p><p>　　網(wǎng)站色彩效果主要分為三種</p><p><b>　　主色調(diào)</b></p>

90、;<p><b>　　輔色調(diào)點(diǎn)暗色</b></p><p><b>　　背景色</b></p><p>　　該網(wǎng)頁(yè)背景使用了純白的效果，增加了視覺(jué)空間感。在導(dǎo)航欄、內(nèi)容區(qū)域、信息板塊的各個(gè)大標(biāo)題塊，都使用了不同的技術(shù)手法來(lái)表達(dá)，產(chǎn)生孩子們簡(jiǎn)潔、大方的視覺(jué)效果，統(tǒng)一了整個(gè)頁(yè)面的設(shè)計(jì)語(yǔ)言，也是區(qū)別于其他網(wǎng)站頁(yè)面的個(gè)性體現(xiàn)，達(dá)到讓人印象深

91、刻的目的。純色能夠柔和視覺(jué)，增強(qiáng)空間感，體現(xiàn)節(jié)奏和韻律美感，統(tǒng)一整個(gè)頁(yè)面的目的。除了統(tǒng)一當(dāng)然也可以起到變化頁(yè)面視覺(jué)形式的作用。該設(shè)計(jì)語(yǔ)言可做需要的時(shí)候適當(dāng)?shù)氖褂谩?lt;/p><p><b>　　第５章網(wǎng)站文字</b></p><p><b>　　５．１網(wǎng)站文字分析</b></p><p>　　網(wǎng)站文字分析不可否認(rèn)的是，現(xiàn)在的

92、網(wǎng)頁(yè)設(shè)計(jì)還是以傳遞信息為主，因此文字在網(wǎng)頁(yè)中的所占比重還是最大的，并且文字可以避免圖片、色彩有時(shí)產(chǎn)生的傳遞信息不明以及引發(fā)歧義的現(xiàn)象，以其最佳的直觀(guān)傳達(dá)方式使瀏覽者能順利、方便地接受信息。網(wǎng)頁(yè)中的文字主要有兩種類(lèi)型：一是具有提示和引導(dǎo)功能的文字，如網(wǎng)頁(yè)中的標(biāo)題、廣告和欄目名稱(chēng)等；另一種是篇幅較長(zhǎng)的閱讀性材料和說(shuō)明性文字，如網(wǎng)絡(luò)文章的正文、主題內(nèi)容的詳細(xì)說(shuō)明等。從功能上看，前者在于誘發(fā)視覺(jué)的關(guān)注，而后者則強(qiáng)調(diào)易讀性。因此，設(shè)計(jì)前一定要弄清

93、其文字的主要功能，使信息的傳達(dá)目的得以有效實(shí)現(xiàn)。對(duì)于很多的網(wǎng)站來(lái)說(shuō)，字在整個(gè)網(wǎng)站的內(nèi)容中占了８０％以上甚至更多，或者換個(gè)角度上說(shuō)，網(wǎng)站可以沒(méi)有顏色，沒(méi)有圖片，但唯獨(dú)不能沒(méi)有文字。先看看網(wǎng)站以外的中文字體設(shè)計(jì)，英文的正文字體有很多可以選擇，但中文的正文字，總的來(lái)說(shuō)就兩種：宋體和黑體。在傳統(tǒng)的版式設(shè)計(jì)中，設(shè)計(jì)師們都喜歡做英文的排版，為什么？從視覺(jué)上來(lái)看，英文的組合很容易形成線(xiàn)和面的關(guān)系，而且字母有節(jié)奏感，比如ａｂｙ這三個(gè)字母放一起有高矮區(qū)別

94、。中文字相對(duì)來(lái)說(shuō)，單調(diào)、孤立、不流暢。企業(yè)網(wǎng)站的字體設(shè)計(jì)相對(duì)于其他網(wǎng)站字體設(shè)計(jì)，應(yīng)考慮企</p><p>　?。担保保淖值暮?jiǎn)潔性</p><p>　　將文章可有可無(wú)的信息減去，比如上面的例子“您的聯(lián)系人名單中還沒(méi)有聯(lián)系人，請(qǐng)先添加聯(lián)系人！”可以改為“立即添加聯(lián)系人！”，這樣文字減少了很多，增強(qiáng)了畫(huà)面的簡(jiǎn)潔性，使用戶(hù)操作起來(lái)一日了然。</p><p>　?。玻?/p>

95、章段落盡量控制在四行內(nèi)，如果一段內(nèi)容太多那肯定會(huì)打消用戶(hù)看下去的決心，多分段是提高用戶(hù)瀏覽欲望的一個(gè)有用方法。</p><p>　　３．保持字體一致性，不要一會(huì)用黑體，一會(huì)用宋體等，字體太多不但不利于用戶(hù)瀏覽，而且會(huì)讓整個(gè)頁(yè)面感覺(jué)很混亂。文字字體不統(tǒng)一結(jié)果就會(huì)導(dǎo)致畫(huà)面混亂，所以不要太長(zhǎng)，字?jǐn)?shù)最好控制在１０００字左右。用戶(hù)上網(wǎng)一般是瀏覽式的，所以應(yīng)該盡量讓用戶(hù)在快速瀏覽時(shí)抓住網(wǎng)頁(yè)的大體內(nèi)容。</p>

96、<p><b>　?。参淖值淖R(shí)別性</b></p><p>　　考慮目標(biāo)用戶(hù)的知識(shí)水平，依據(jù)目標(biāo)人群的知識(shí)水平設(shè)計(jì)文字內(nèi)容。如果網(wǎng)頁(yè)文字面對(duì)的多數(shù)入門(mén)級(jí)別的用戶(hù)那么文字應(yīng)該盡量直白，不要使用專(zhuān)業(yè)名詞。如“ｓＰ”經(jīng)?？梢栽谀繕?biāo)客戶(hù)為入門(mén)級(jí)別用戶(hù)的網(wǎng)站上看到。不搞一些特殊的文字，讓用戶(hù)一看就明白是什么意思。比如不要出現(xiàn)其他國(guó)家的文字，行業(yè)語(yǔ)言等。關(guān)注用戶(hù)行為方式．用網(wǎng)絡(luò)上的熱門(mén)語(yǔ)言，如

97、在臺(tái)灣網(wǎng)絡(luò)被叫為“網(wǎng)路”，但在人陸就不能這樣叫。因?yàn)闀?huì)讓用戶(hù)認(rèn)為這是新的名詞。確實(shí)用到專(zhuān)業(yè)術(shù)語(yǔ)．則提供鏈接讓用戶(hù)可以點(diǎn)擊進(jìn)去了解該專(zhuān)業(yè)術(shù)語(yǔ)的概念等。</p><p><b>　?。担舱w網(wǎng)站效果</b></p><p>　　整體效果-如圖5-2-1圖所示</p><p><b>　　第６章總結(jié)</b></p>

98、<p>　　網(wǎng)頁(yè)從產(chǎn)生到現(xiàn)在短短幾十年的時(shí)間里，其發(fā)展速度是驚人的。發(fā)展中的網(wǎng)頁(yè)當(dāng)然不可避免的存在各種各樣的問(wèn)題和弊端，這包括許多方面（功能、形式、審美、文化等等）。本文主要從網(wǎng)頁(yè)中的視覺(jué)信息傳達(dá)入手，站在接受者的角度，重點(diǎn)討論并研究了如何提高視覺(jué)信息傳遞效率的問(wèn)題。信息有效傳遞的研究涉及許多領(lǐng)域和學(xué)科的相關(guān)知識(shí)。不僅僅是視覺(jué)審美方面的形式研究，更需要結(jié)合心理機(jī)制的相關(guān)內(nèi)容進(jìn)行分析。當(dāng)然在網(wǎng)頁(yè)的設(shè)計(jì)過(guò)程中，符號(hào)學(xué)和信息學(xué)的

99、相關(guān)理論的支持也是必不可少的。</p><p>　　本文主要做了以下幾方面的工作：</p><p>　　１．通過(guò)對(duì)國(guó)內(nèi)外網(wǎng)頁(yè)設(shè)計(jì)的調(diào)查和分析，提出目前網(wǎng)頁(yè)設(shè)計(jì)，尤其是國(guó)內(nèi)網(wǎng)頁(yè)中存在的問(wèn)題和信息傳遞的低效。網(wǎng)頁(yè)的主要功能（傳遞信息）被模糊。造成了大量設(shè)計(jì)資源的浪費(fèi)，以及上網(wǎng)用戶(hù)的時(shí)間和精力的損耗。</p><p>　?。玻Y(jié)合設(shè)計(jì)實(shí)例，分析存在問(wèn)題的具體體現(xiàn)和原因，并

100、提出理論依據(jù)。做出最終效果方案。</p><p>　?。常谶@些理論和原則的指導(dǎo)下，探討提高網(wǎng)頁(yè)中視覺(jué)信息傳達(dá)效率更合理有效的設(shè)計(jì)原則及方法?；诰W(wǎng)絡(luò)的視覺(jué)傳達(dá)設(shè)計(jì)盡管有著諸多的優(yōu)勢(shì)，但也并不是十全十美的，與其它設(shè)計(jì)一樣，網(wǎng)絡(luò)的視覺(jué)傳達(dá)設(shè)計(jì)也是種羈絆設(shè)計(jì)，有其局限性：</p><p><b>　?。保粍?dòng)點(diǎn)選</b></p><p>　　由于網(wǎng)

101、絡(luò)的交互特性，大眾可以自由地選擇瀏覽的內(nèi)容，而且網(wǎng)上內(nèi)容極為豐富，大眾有著寬松的選擇余地，所網(wǎng)絡(luò)媒體是一種被動(dòng)點(diǎn)選，沒(méi)有傳統(tǒng)媒體的強(qiáng)迫性閱讀特點(diǎn)。這既是種優(yōu)勢(shì)同時(shí)又可以說(shuō)是一種局限。</p><p><b>　　２．版式局限</b></p><p>　　網(wǎng)頁(yè)作為互聯(lián)網(wǎng)媒體的具體頁(yè)面，相當(dāng)于一本書(shū)的一頁(yè)，由于受計(jì)算機(jī)顯示器的局限，設(shè)計(jì)的版式過(guò)小，創(chuàng)意受制于小空間。它的設(shè)

102、計(jì)倒足與書(shū)籍設(shè)計(jì)相仿雖然平面空間受局限，但網(wǎng)絡(luò)正處于不斷發(fā)展之中無(wú)數(shù)的可變數(shù)還有待人們探索發(fā)現(xiàn)。</p><p><b>　?。常夹g(shù)局限</b></p><p>　　藝術(shù)與技術(shù)的關(guān)系在各個(gè)設(shè)計(jì)領(lǐng)域內(nèi)都存在，不過(guò)在嶄新的基于網(wǎng)絡(luò)載體的視覺(jué)傳達(dá)設(shè)計(jì)中，文字、圖形、影像等視覺(jué)傳達(dá)設(shè)計(jì)的基本元素在網(wǎng)絡(luò)上的體現(xiàn)，比傳統(tǒng)媒體的局限性更大，這主要是因?yàn)榫W(wǎng)絡(luò)的信息傳輸量受硬件的限制

103、，所以網(wǎng)絡(luò)的視覺(jué)傳達(dá)設(shè)計(jì)元素應(yīng)盡量做到“小而精?！彪m然網(wǎng)頁(yè)設(shè)計(jì)中視覺(jué)傳達(dá)設(shè)計(jì)還有許多不足，但作為一種新的視覺(jué)表現(xiàn)形式，能在短的時(shí)間內(nèi)迅速發(fā)展起來(lái)，不但兼容了傳統(tǒng)平面設(shè)計(jì)的特征，又具備其所沒(méi)有的優(yōu)勢(shì)，將為今后信息交流的一個(gè)非常重要的途徑.</p><p><b>　　參考文獻(xiàn)</b></p><p>　?。郏保輨⒓ィ?xí)瑋設(shè)計(jì)藝術(shù)概論北京：清華大學(xué)出版社，２００４<

104、;/p><p>　　［２］馮任軍，網(wǎng)絡(luò)視覺(jué)傳達(dá)探討科技情報(bào)開(kāi)發(fā)與經(jīng)濟(jì)，２００５，１５（１４）</p><p>　　［３］［法］羅蘭?巴特符號(hào)學(xué)美學(xué)董學(xué)文，王葵譯沈陽(yáng)：遼寧人民出版社，１９８７</p><p>　?。郏矗荻觳邆鞑W(xué)導(dǎo)論成都：四川大學(xué)出版社，１９９５</p><p>　?。郏担輳埨^渝設(shè)計(jì)色彩重慶：重慶大學(xué)出版社，２００２</p

105、><p>　　［６］張憲榮設(shè)計(jì)符號(hào)學(xué)北京：化學(xué)工業(yè)出版社，２００４</p><p>　?。郏罚輺|美紅視覺(jué)傳達(dá)基礎(chǔ)設(shè)計(jì)廣州：嶺南美術(shù)出版社，１９９８</p><p>　?。郏福菪炜?，苗彤，趙暉網(wǎng)頁(yè)?視覺(jué)與設(shè)計(jì)北京：人民郵電出版社，２００１</p><p>　?。郏梗萋櫳?，網(wǎng)頁(yè)設(shè)計(jì)中平面視覺(jué)傳達(dá)分析吉林商業(yè)高等專(zhuān)科學(xué)校學(xué)報(bào)，２００４，４</p&