（設(shè)計(jì)藝術(shù)學(xué)專(zhuān)業(yè)論文）網(wǎng)頁(yè)色調(diào)分類(lèi)理論研究.pdf

浙江大學(xué)碩士學(xué)位論文摘要 摘要 網(wǎng)頁(yè)設(shè)計(jì)是一門(mén)新興學(xué)科，它隨著計(jì)算機(jī)科學(xué)的發(fā)展、互聯(lián)網(wǎng)的廣泛應(yīng)用而 逐漸興盛，其發(fā)展歷程雖短，發(fā)展速度則相當(dāng)可觀。網(wǎng)頁(yè)的色彩是樹(shù)立網(wǎng)站形象 的關(guān)鍵因素之一，它為網(wǎng)頁(yè)設(shè)計(jì)注入了生機(jī)和活力。網(wǎng)頁(yè)設(shè)計(jì)研究離不開(kāi)對(duì)色彩 的研究，本文以網(wǎng)頁(yè)界面設(shè)計(jì)的色彩基調(diào)為分析對(duì)象，探討網(wǎng)頁(yè)界面色調(diào)設(shè)計(jì)的 理論和方法。文章首先從色彩構(gòu)成的相關(guān)概念出發(fā)，研究色彩學(xué)科的發(fā)展演進(jìn)歷 史圖景、現(xiàn)實(shí)狀態(tài)以及色彩學(xué)在生活中的應(yīng)用，提供一個(gè)宏觀的知識(shí)背景框架； 再由此過(guò)渡到網(wǎng)頁(yè)的色彩設(shè)計(jì)這一特定領(lǐng)域，通過(guò)對(duì)目前網(wǎng)頁(yè)設(shè)計(jì)領(lǐng)域色彩管理 的混亂現(xiàn)狀分析，引出建立網(wǎng)頁(yè)色調(diào)定位理論的重要性。本文通過(guò)大量的案例分 析，嘗試在這些凌亂紛繁的網(wǎng)頁(yè)色調(diào)中歸納、總結(jié)、找尋其內(nèi)在的規(guī)律性，并提 取出網(wǎng)頁(yè)色彩設(shè)計(jì)中關(guān)于色調(diào)定位的一些相對(duì)穩(wěn)定的元素，從而創(chuàng)建了一個(gè)網(wǎng)頁(yè) 色調(diào)定位理論系統(tǒng)，將網(wǎng)頁(yè)色調(diào)的總體趨勢(shì)劃分成輕松活潑型、熱烈奔放型、知 性沉穩(wěn)型、神秘另類(lèi)型、甜美柔媚型、明亮輕快型、簡(jiǎn)約理性型和專(zhuān)業(yè)高效型八 種不同的類(lèi)型。文章最后部分將網(wǎng)頁(yè)色調(diào)分類(lèi)理論運(yùn)用到網(wǎng)頁(yè)設(shè)計(jì)的實(shí)踐課題 中，驗(yàn)證了該理論的可行性與可信度。 本文從宏觀的色彩學(xué)角度出發(fā)，結(jié)合相關(guān)學(xué)科的理論，如藝術(shù)設(shè)計(jì)學(xué)、認(rèn)知 心理學(xué)、設(shè)計(jì)社會(huì)學(xué)等等，對(duì)網(wǎng)頁(yè)設(shè)計(jì)的特點(diǎn)進(jìn)行分析、總結(jié)，希望由此進(jìn)入網(wǎng) 頁(yè)界面色彩設(shè)計(jì)的理性空間。網(wǎng)頁(yè)色調(diào)分類(lèi)理論旨在為以后的網(wǎng)頁(yè)設(shè)計(jì)者提供一 些方向性的指導(dǎo)，對(duì)色彩設(shè)計(jì)實(shí)踐有一定的啟示意義和借鑒作用，促進(jìn)設(shè)計(jì)的靈 感啟發(fā)。 關(guān)鍵詞：網(wǎng)頁(yè)設(shè)計(jì)，色調(diào)分類(lèi)，網(wǎng)頁(yè)色調(diào)定位，主色調(diào)，輔助色調(diào) 浙江大學(xué)碩士學(xué)位論文a b s t r a c t a b s t r a c t w b b d a g ed e s i g ni san e w l yb o md i s c i p l i n ew i t ht h ec o m p u t e rs c i e n c e sb o o m 0 r d yaf e wy e r r sd e v e l o p m e n t , w e b p a g ed e s i g nh a sa l r e a d yb e e nt h em o s ti m p o r t a n t p o w e ri nb u i l d i n gt h ei n t e m e t j u s t 船t h en e wi n j e c t e df r e s hb l o o df o rt h ev i s u a l c o m m u n i c a t i o na r t , i tl a r g e l ye x p a n d e di t se x t e n s i o n n o tl i k et h eo t h e rt r a d i t i o n a l d e s i g n sj u s t a sp o s t e rd e s i g no rp a c k a g ed e s i g nw h i c hh o l d sa1 0 n gh i s t o r yo f d e v e l o p m e n t ，w e b p a g ed e s i g na l o n gw i t ht h ea g eo fc o m p u t e r , f o l l o w st h es t e p so f p e r s o n a lc o m p u t e ra n di n t e r a c t sp o p u l a r i z a t i o na n dt h eb i gc h a n g ei np e o p l e s l i f e s t y l e s i tw i l ls u r e l yh a v eab r i g h tn e wf u t u r ea n dt h es p e e do fi t sp r o g r e s si s u n i m a g i n a b l e c o l o ro f t h ew e b p a g ei st h ek c vt oe s t a b l i s ht h ei m a g eo f t h ew h o l ew e b s i t e n 埠 s t u d yo f w e b p a g e 啪tl e a v ei t sc o l o ra 1 8 0 c o l o rb r i n gw e bn o to n l ye n e r g y , b u ta l s o l i f e b l o o d t l l i sp a p e rs e tt h ew e b p a g e k e yt o n ea st h em a i nt o p i c d i s c u s st h em e t h o d f o rw e b si n t e r f a c ec o l o rd e s i g n i tc o m e sw i t ha l lt h er e l a t e dc o n c e p t i o n sa b o u tc o l o r , g i v et h ep i c t u r eo f h i s t o r yo nc o l o rs t u d y , t h e ng r a d u a l l yg e tt ow e b p a g ec o l o rd e s i g n t h i ss p e c i a l t y t h i sp a p e rs t a r t sw i t han e wa n g l eo f v i e w , c o m b i n ew i t ht h eo t h e r n e i g h b o r i n gd i s c i p l i n e s ，a r td e s i g n , p s y c h o l o g y , s o c i o l o g yf o ri n s t a n c e ，i n t e g r a t et h e c h a r a c t e r i s t i c so f w e b p a g ed e s i g ni n t oa n a l y s i s h o p e st h a tt h i sc o u l dc o m et os o m e r a t i o n a lc o n c l u s i o n t l l i sp a p e rm a i n l yb r i n g sf o r w a r dap o i n tt h a tc o l o rc o m e sb e f o r e t h ef o m li nw e b p a g ed e s i g n i tp u t st h ef o u rs e a s o n sc o l o rt h e o r yw h i c hi so n c eu s e d s i m p l yi nd r e s s i n gi n t oi n t e r n e tw o r l d i tc o n c l u d e st h a tw e b p a g ea l s oh a sf o u rs e a s o n s c o l o rt o n e a n da p p l yt h i st h e o r yt op r a c t i c a ld e s i g ni n s t a n c e s t l l i sa b s o l u t e l y s t r e n g t h e n e dr e l i a b i l i t ya n df e a s i b i l i t yi nt h i st h e o r y t h em a j o ri d e ao f t h i sp a p e r i st o p r o v i d e5 0 m ew a y si nf u m mw e b p a g ec o l o rt o n ed e s i g n sa n dm a y b eg i v es o m e r e v e l a t i o n st ot h eo t h e r s b e c a t l s ec h r o m a t i c si sad i s c i p l i n et h a tm a n yo t h e rs u b j e c t s i n v o l v e d t h i ss t u d ym a k e sal o to f s a 1 s e i tl a i dt h ef o u n d a t i o nf o rt h ef u r t h e rs t u d y 勰 w e l l 嬲c o n c r e t ed i s c o v e r y n o to n l yg i v e si n s p i r a t i o n b u ta 1 8 0m a k eu s ef o rr e f e r e n c e a b o v et h ed i s c i p l i n e s k e y w o r d s ：w e b p a g ed e s i g n ，c o l o rc l a s s i f yt h e o r y ，c o l o rb e f o r ef o r m ， k e yt o n e ，a s s i s t a n tc o l o r 浙江大學(xué)碩士學(xué)位論文第1 章緒論 圖目錄 圖1 1 微軟公司最新推出的0 f f i c e2 0 0 7 的軟件版本界面5 圖2 1 色相圖。8 圖2 2 同一色相明度變化。8 圖2 3 不同色相明度變化一9 圖2 - 4 色彩純度變化圖9 圖2 5 色彩療法l l 圖2 - 6 色彩的情感對(duì)應(yīng)層1 3 圖3 1 輕松活潑型色調(diào)實(shí)例1 2 2 圖3 2 輕松活潑型色調(diào)實(shí)例1 的色彩分析圖2 2 圖3 3 輕松活潑型色調(diào)實(shí)例2 2 3 圖3 - 4 基于實(shí)例1 、2 的輕快活潑型色調(diào)配色數(shù)據(jù)圖2 3 圖3 5 熱烈奔放型色調(diào)實(shí)例1 ( 可口可樂(lè)公司主頁(yè)) 2 4 圖3 - 6 熱烈奔放型實(shí)例2 2 5 圖3 7 基于實(shí)例l 、2 的熱烈奔放型配色數(shù)據(jù)。2 6 圖3 8 知性沉穩(wěn)型棕褐色調(diào)2 6 圖3 - 9 知性沉穩(wěn)型色調(diào)實(shí)例l 2 7 圖3 1 0 知性沉穩(wěn)型色調(diào)實(shí)例2 2 8 圖3 1 l 基于實(shí)例l 、2 的知性沉穩(wěn)型色調(diào)配色數(shù)據(jù)圖2 8 圖3 1 2 神秘另類(lèi)型色調(diào)實(shí)例1 。2 9 圖3 1 3 神秘另類(lèi)型色調(diào)實(shí)例2 3 0 圖3 1 4 基于實(shí)例1 、2 的神秘另類(lèi)型配色數(shù)據(jù)3 0 圖3 1 5 甜美柔媚型色調(diào)實(shí)例l 3 l 圖3 1 6 甜美柔媚型色調(diào)實(shí)例2 3 2 圖3 1 7 基于實(shí)例l 、2 的甜美柔媚型配色數(shù)據(jù)3 2 圖3 1 8 明亮輕快型色調(diào)實(shí)例l 3 3 圖3 1 9 明亮輕快型色調(diào)實(shí)例2 3 4 圖3 2 0 基于實(shí)例l 、2 的明亮輕快型配色數(shù)據(jù)3 4 圖3 - 2 1 簡(jiǎn)約理性型色調(diào)實(shí)例l 3 5 圖3 - 2 2 簡(jiǎn)約理性型色調(diào)實(shí)例2 3 6 圖3 - 2 3 基于實(shí)例l 、2 的簡(jiǎn)約理性型配色數(shù)據(jù)3 6 圖3 - 2 4 專(zhuān)業(yè)高效型色調(diào)實(shí)例l 3 7 圖3 2 5 專(zhuān)業(yè)高效型色調(diào)實(shí)例2 3 8 圖3 - 2 6 基于實(shí)例1 、2 的專(zhuān)業(yè)高效型色調(diào)配色數(shù)據(jù)3 8 圖4 - 1 源自大自然的色調(diào)數(shù)據(jù)1 4 0 圖4 _ 2 源自大自然的色調(diào)數(shù)據(jù)2 4 l 圖5 1 上海鴻韻數(shù)碼幼兒園網(wǎng)頁(yè)設(shè)計(jì)原型4 9 浙江大學(xué)碩士學(xué)位論文第1 章緒論 圖5 2 上海鴻韻數(shù)碼幼兒園5 0 圖5 3 上海鴻韻數(shù)碼幼兒園首頁(yè)設(shè)計(jì)定稿5 l 圖5 - 4 上海鴻韻數(shù)碼幼兒園鏈接頁(yè)5 2 圖4 5 浙江大學(xué)計(jì)算機(jī)學(xué)院英文版網(wǎng)頁(yè)后臺(tái)管理模塊5 3 圖4 - 6 浙江大學(xué)計(jì)算機(jī)學(xué)院英文版網(wǎng)頁(yè)首頁(yè)設(shè)計(jì)5 4 2 浙江大學(xué)碩士學(xué)位論文第1 章緒論 第1 章緒論 1 1 課題研究的背景 網(wǎng)頁(yè)設(shè)計(jì)作為藝術(shù)設(shè)計(jì)領(lǐng)域的一股新鮮血液，極大地拓展了視覺(jué)傳達(dá)設(shè)計(jì)的 范圍。短短幾年間，網(wǎng)頁(yè)設(shè)計(jì)行業(yè)已儼然成為整個(gè)互聯(lián)網(wǎng)建設(shè)的重要力量。網(wǎng)頁(yè) 設(shè)計(jì)雖然不像其它的傳統(tǒng)設(shè)計(jì)門(mén)類(lèi)，如廣告招貼設(shè)計(jì)、包裝設(shè)計(jì)等有著悠久的歷 史積淀，但隨著計(jì)算機(jī)技術(shù)的發(fā)展，個(gè)人電腦、網(wǎng)絡(luò)的普及以及人們生活方式的 改變，這一新興設(shè)計(jì)門(mén)類(lèi)的發(fā)展速度和前景是難以估量的。 本文探討的是網(wǎng)頁(yè)界面設(shè)計(jì)的色調(diào)定位問(wèn)題。關(guān)于網(wǎng)頁(yè)設(shè)計(jì)的研究不少，但 單獨(dú)就網(wǎng)頁(yè)的色調(diào)問(wèn)題專(zhuān)門(mén)進(jìn)行探討的論著研究迄今為止還比較少。隨著網(wǎng)絡(luò)寬 帶技術(shù)的逐漸成熟，單純從技術(shù)角度切入的研究必然會(huì)遭遇到發(fā)展的瓶頸，而從 網(wǎng)頁(yè)設(shè)計(jì)的美學(xué)本質(zhì)問(wèn)題出發(fā)作研究則將會(huì)是一個(gè)廣闊的天地，因此需要給予特 別的關(guān)注和探討。另外，其他學(xué)科涉及色彩方面的研究很多，比如室內(nèi)設(shè)計(jì)色彩 學(xué)、工業(yè)設(shè)計(jì)色彩學(xué)、形象設(shè)計(jì)色彩學(xué)但這些學(xué)科在色彩方面的研究、論述 大多都是局限在籠統(tǒng)的色彩大概念中，而非是對(duì)色彩基調(diào)的專(zhuān)門(mén)研究。就目前國(guó) 內(nèi)對(duì)于網(wǎng)頁(yè)的色彩及色彩設(shè)計(jì)的研究總體狀況而言，大多數(shù)的網(wǎng)頁(yè)設(shè)計(jì)理論都在 網(wǎng)絡(luò)動(dòng)態(tài)技術(shù)的實(shí)現(xiàn)、人機(jī)交互等問(wèn)題上投入大篇幅的筆墨熱情，其實(shí)質(zhì)是對(duì)目 的的漠然，而對(duì)手段消耗了巨大的精力，把手段當(dāng)作目的來(lái)追求。無(wú)論是何種 技術(shù)，最終都是為人服務(wù)的，一味的討論技術(shù)，常常是把網(wǎng)站當(dāng)成了一個(gè)網(wǎng)頁(yè)制 作技術(shù)的展臺(tái)，而忽視了審美主體人的需求。即便我們掌握了很多種網(wǎng)頁(yè)制 作的技巧，卻發(fā)現(xiàn)依然無(wú)法追上日新月異的網(wǎng)絡(luò)技術(shù)發(fā)展的進(jìn)度。而那些動(dòng)態(tài)閃 爍的圖片是否真的有必要出現(xiàn)? 那些一打開(kāi)頁(yè)面就會(huì)強(qiáng)行進(jìn)入瀏覽者視線的浮 動(dòng)廣告窗口是否真正起到商品促銷(xiāo)的作用? 也許這才是更值得我們傾心盡力的 問(wèn)題。雖然極少數(shù)的期刊論文開(kāi)始關(guān)注到網(wǎng)頁(yè)的色調(diào)問(wèn)題，但其研究階層卻基本 還停留在做零散的個(gè)案考證階段，尚未形成統(tǒng)一完整的理論體系。然而這些微觀 研究也并非毫無(wú)意義，它多少為宏觀體系的架構(gòu)奠定了一定的基礎(chǔ)，并且也只有 在微觀研究上形成的宏觀研究才具有可信度。 1 2 課題研究的意義 隨著計(jì)算機(jī)技術(shù)的發(fā)展，個(gè)人電腦、網(wǎng)絡(luò)的普及以及人們生活方式的改變， 網(wǎng)頁(yè)設(shè)計(jì)這一新興的設(shè)計(jì)門(mén)類(lèi)越來(lái)越受到重視。作為視覺(jué)傳達(dá)設(shè)計(jì)學(xué)的分支學(xué) 浙江大學(xué)碩士學(xué)位論文 第l 章緒論 科，網(wǎng)頁(yè)設(shè)計(jì)在西方已有3 0 多年的歷史，特別是2 0 世紀(jì)9 0 年代以來(lái)，更成為 西方設(shè)計(jì)學(xué)研究的一門(mén)顯學(xué)。網(wǎng)絡(luò)技術(shù)的飛速發(fā)展極大地拓展了網(wǎng)頁(yè)設(shè)計(jì)的應(yīng)用 層面，但與此相關(guān)的理論研究卻相對(duì)滯后，至今沒(méi)有一個(gè)系統(tǒng)的理論來(lái)指導(dǎo)實(shí)踐。 本文僅對(duì)于網(wǎng)頁(yè)的色調(diào)定位問(wèn)題展開(kāi)研究，這是每一個(gè)網(wǎng)頁(yè)設(shè)計(jì)者在實(shí)踐中都必 須面對(duì)和考慮的問(wèn)題。 俗話說(shuō)：“遠(yuǎn)看顏色近看花”，人們?cè)跒g覽網(wǎng)頁(yè)時(shí)，最先注意到的就是網(wǎng)頁(yè) 界面的色彩。由色彩的明度、純度、色相等合構(gòu)成的色調(diào)在網(wǎng)頁(yè)設(shè)計(jì)中的作用不 可小覷。研究表明，一個(gè)視覺(jué)功能正常的人從外界接受的信息，9 0 以上是由視 覺(jué)器官輸入大腦的，而視覺(jué)的第一印象是對(duì)色彩的感覺(jué)。心理學(xué)有關(guān)研究表明， 人的視覺(jué)器官，在觀察物體的最初的2 0 秒內(nèi)，色彩感覺(jué)占8 0 ，形體感覺(jué)占2 0 ； 兩分鐘后，色彩占6 0 ，形體占4 0 ；5 分鐘后各占一半，并且這種狀態(tài)將繼續(xù) 保持【2 】。也就是說(shuō)，人眼在觀察事物時(shí)，要經(jīng)歷以下幾個(gè)過(guò)程：首先察覺(jué)到物體 的色彩，其次感受到大致的形體，再次著眼于線，最后才聚焦于點(diǎn)細(xì)致觀察?？?見(jiàn)，在視覺(jué)的兩大構(gòu)成因素“形”與“色”之中，人類(lèi)對(duì)色彩的敏感度要 比形狀要強(qiáng)得多。從色彩心理的審美角度分析，色彩在視覺(jué)上更容易增強(qiáng)形象的 感染力，網(wǎng)頁(yè)設(shè)計(jì)的總體藝術(shù)效果在很大程度上也取決于色彩的作用【3 】。此外， 色彩還有一種使人增強(qiáng)識(shí)別記憶力的作用。恰當(dāng)?shù)木W(wǎng)頁(yè)色彩搭配能使該站點(diǎn)在浩 如煙海的互聯(lián)網(wǎng)世界中脫穎而出、獨(dú)樹(shù)一幟，給瀏覽者留下深刻的視覺(jué)印象。網(wǎng) 頁(yè)色彩設(shè)計(jì)關(guān)乎網(wǎng)站的形象。事實(shí)證明，網(wǎng)頁(yè)設(shè)計(jì)的好壞直接影響著網(wǎng)站的訪問(wèn) 量，網(wǎng)站作為一種媒體，訪問(wèn)量乃是其價(jià)值最為直接的體現(xiàn)。如今，網(wǎng)站不再是 把信息簡(jiǎn)單的放在頁(yè)面上供人瀏覽、下載，而是要考慮如何更有效的吸引更多的 網(wǎng)民來(lái)訪問(wèn)網(wǎng)站和如何向網(wǎng)民傳達(dá)一個(gè)良好的網(wǎng)站形象，使之成為忠實(shí)的訪客。 若單就商業(yè)利益而言，合理而得體的網(wǎng)頁(yè)色調(diào)設(shè)置能有助于人們識(shí)辨該企業(yè)的產(chǎn) 品性質(zhì)，為企業(yè)樹(shù)立良好的公眾形象，進(jìn)而贏得客戶(hù)的關(guān)注和信賴(lài)，最終促進(jìn)銷(xiāo) 售。 當(dāng)然，色彩必定要依附于某種具體的形狀而出現(xiàn)，所謂“形之不存，色將焉 附? ”縱觀整個(gè)網(wǎng)絡(luò)世界，“形形色色”的網(wǎng)站中，色與形須臾不可離。沒(méi)有形 的依托，色就失卻了它賴(lài)以生存的土壤，形狀與色彩是有機(jī)統(tǒng)一的整體，兩者交 相互用，其表現(xiàn)力亦相輔相成【4 】。本文強(qiáng)調(diào)網(wǎng)頁(yè)色調(diào)定位的視覺(jué)優(yōu)先地位，并不 與其外形框架的重要性相抵牾。只因論文的篇幅有限，不可能面面俱到，現(xiàn)只選 擇對(duì)網(wǎng)頁(yè)的色調(diào)定位問(wèn)題展開(kāi)系統(tǒng)論述。 對(duì)界面色彩基調(diào)的重視是近來(lái)設(shè)計(jì)界的一個(gè)新動(dòng)向【5 1 。例如，微軟公司最新 4 浙江大學(xué)碩士學(xué)位論文第t 章緒論 推出的o m c e2 0 0 7 的新版軟件界面的色調(diào)設(shè)計(jì)( 如圖1 1 所示) ，突出了以 用戶(hù)為中心的設(shè)計(jì)理念，深入分析色彩給用戶(hù)帶來(lái)的情感上的不同反應(yīng)，通過(guò)界 面背景色調(diào)的設(shè)計(jì)營(yíng)造一種輕松、愉悅的使用環(huán)境。w o r d2 0 0 7 新版的界面是以 理性的藍(lán)色調(diào)為主調(diào)，統(tǒng)一了整個(gè)背景工作環(huán)境。網(wǎng)頁(yè)界面設(shè)計(jì)是人機(jī)界面設(shè)計(jì) 的延伸，網(wǎng)頁(yè)色調(diào)也是需要通過(guò)電腦顯示器屏幕來(lái)觀看的，因此網(wǎng)頁(yè)的色調(diào)設(shè)計(jì) 與軟件的界面色調(diào)設(shè)計(jì)具有很大的共通性，也是需要得到進(jìn)一步重視的因素。 圖1 - 1 微軟公司最新推出的o 街2 0 0 7 的軟件版本界面 孤立的色彩無(wú)所謂美丑，在網(wǎng)頁(yè)中色與色之間相互作用所產(chǎn)生的綜合效果， 也即色彩的基本調(diào)子問(wèn)題是影響審美的關(guān)鍵因素。因此如何處理好色與色之間的 協(xié)調(diào)關(guān)系，就成為網(wǎng)頁(yè)色調(diào)定位的關(guān)鍵問(wèn)題。這種網(wǎng)頁(yè)的色調(diào)定位，或者說(shuō)網(wǎng)頁(yè) 色調(diào)的處理問(wèn)題是否存在著某種內(nèi)在的、必然的準(zhǔn)則、方向和尺度? 如果存在， 他們是什么? 我們當(dāng)怎樣去尋覓和把握他們? 雖然對(duì)于網(wǎng)頁(yè)色調(diào)問(wèn)題的研究思 考本身難免要受到文化處境、認(rèn)知水平的制約，所創(chuàng)建的網(wǎng)頁(yè)色調(diào)定位理論難免 存在紕漏疏忽之處，但這并不意味著相關(guān)的研究毫無(wú)意義，至少它使人們更進(jìn)一 步地認(rèn)識(shí)到色調(diào)在網(wǎng)頁(yè)設(shè)計(jì)中的重要性和復(fù)雜性，由此形成了本研究的中心理論 網(wǎng)頁(yè)色調(diào)分類(lèi)理論。第三章和第四章是本文的重點(diǎn)所在，主要從兩個(gè)層面， 即理論和實(shí)踐的層面論述了在網(wǎng)頁(yè)界面色調(diào)定位中運(yùn)用分類(lèi)理論的原則和方法。 最后一章是對(duì)全文的總結(jié)回顧，概括出了網(wǎng)頁(yè)設(shè)計(jì)色調(diào)分類(lèi)理論的現(xiàn)實(shí)意義和實(shí) 踐意義。 浙江大學(xué)碩士學(xué)位論文 第1 章緒論 在整個(gè)網(wǎng)頁(yè)色調(diào)分類(lèi)的研究過(guò)程中，最大的困難來(lái)自于不同類(lèi)型色彩群的界 定問(wèn)題，就如同大自然中四季的氣候并不總是涇渭分明一樣，有時(shí)冬天的季型也 偶爾會(huì)出現(xiàn)春暖花開(kāi)的景象。網(wǎng)頁(yè)色調(diào)定位的劃分也會(huì)遭遇類(lèi)似的反常情況。具 體而言，某些色彩特質(zhì)往往同時(shí)存在于兩種、甚至三種不同的色調(diào)類(lèi)型中，例如 輕松活潑型與明亮輕快型在色彩群的劃分中往往呈現(xiàn)模糊的交叉印象。但這并不 表明該研究不可能或無(wú)意義；相反，它恰恰證明了這種研究的必要性和迫切性。 從混亂的現(xiàn)象背后找出秩序來(lái)，從無(wú)意義的構(gòu)成要素中尋找到事物有意義的本質(zhì) 關(guān)系；從色彩紛繁復(fù)雜的現(xiàn)象中梳理和尋求發(fā)展的基本方向；通過(guò)對(duì)表層結(jié)構(gòu)的 分析，揭示其深層結(jié)構(gòu)，使不確定因素向確定的方向轉(zhuǎn)變，忽略不穩(wěn)定的因素， 抽取其相對(duì)穩(wěn)定的部分，簡(jiǎn)化提煉出關(guān)鍵性元素，得出不同類(lèi)型的配色參考系數(shù)， 為不同類(lèi)型網(wǎng)站的色調(diào)定位提供一個(gè)基本的參照框架是本文最大的意義所在。 1 3 本章小結(jié) 傳統(tǒng)觀點(diǎn)認(rèn)為，網(wǎng)頁(yè)設(shè)計(jì)要從形到色，先講形式布局，再談色彩色調(diào)，這是 一般的思維進(jìn)路，并且這種觀點(diǎn)己為人們廣為接受。但是根據(jù)人眼對(duì)色彩的視覺(jué) 優(yōu)先秩序來(lái)看，色彩的印象是人們的視覺(jué)對(duì)網(wǎng)頁(yè)產(chǎn)生的第一印象，表明網(wǎng)頁(yè)的色 彩在網(wǎng)頁(yè)設(shè)計(jì)中具有長(zhǎng)久以來(lái)為我們所忽略的重要地位，網(wǎng)頁(yè)的色彩問(wèn)題應(yīng)當(dāng)優(yōu) 先于形式布局被重新認(rèn)識(shí)。由于觀念的改變比物質(zhì)層面的改變要艱難得多，因此 也更重要，本文在此強(qiáng)調(diào)的正是網(wǎng)頁(yè)色彩優(yōu)先于形式布局的觀點(diǎn)。 網(wǎng)頁(yè)的色彩是樹(shù)立網(wǎng)站形象的關(guān)鍵之一，鑒于其在網(wǎng)頁(yè)設(shè)計(jì)中的重要地位和 作用，本文試以網(wǎng)頁(yè)界面設(shè)計(jì)的色彩基調(diào)為分析對(duì)象，探討網(wǎng)頁(yè)界面色調(diào)定位設(shè) 計(jì)的理論和方法。本文通過(guò)大量的案例分析，創(chuàng)建了一個(gè)網(wǎng)頁(yè)色調(diào)定位理論系統(tǒng)。 本文的主要內(nèi)容是圍繞著網(wǎng)頁(yè)色調(diào)定位設(shè)計(jì)的構(gòu)建展開(kāi)的，主要在研究設(shè)計(jì)思維 和色彩本身特性的基礎(chǔ)上，結(jié)合網(wǎng)頁(yè)設(shè)計(jì)的特點(diǎn)，搭建了網(wǎng)頁(yè)界面色調(diào)定位設(shè)計(jì) 的框架，并在文中展開(kāi)了具體的實(shí)踐應(yīng)用。關(guān)于網(wǎng)頁(yè)色調(diào)定位設(shè)計(jì)的研究具體而 言主要有以下幾方面的工作：一是從宏觀的色彩學(xué)基礎(chǔ)知識(shí)切入到網(wǎng)頁(yè)色調(diào)的細(xì) 分理論；二是分析整理出一套不同類(lèi)型網(wǎng)站的色調(diào)配色數(shù)據(jù)庫(kù)；三是歸納、總結(jié) 得出網(wǎng)頁(yè)色調(diào)定位的普遍原理。此外，本文從網(wǎng)頁(yè)色調(diào)優(yōu)先于形式布局的觀點(diǎn)出 發(fā)來(lái)定位整體的色彩傾向，這為網(wǎng)頁(yè)設(shè)計(jì)理論提供了一個(gè)新的視角，也不啻為一 種對(duì)色彩與形式關(guān)系的新認(rèn)識(shí)。 6 浙江大學(xué)碩士學(xué)位論文 第2 章兩頁(yè)與色彩學(xué)概論 第2 章網(wǎng)頁(yè)與色彩學(xué)概論 2 1 色彩學(xué)發(fā)展歷史 人類(lèi)關(guān)于色彩的研究已有漫長(zhǎng)的歷史。古希臘時(shí)期，哲學(xué)家、科學(xué)家亞里士 多德( a r i s t o t l e ) 曾對(duì)色彩進(jìn)行過(guò)廣泛的研究。到中世紀(jì)，著名醫(yī)生阿爾韋托馬 格諾撰寫(xiě)發(fā)表了關(guān)于色彩的論著。1 6 6 6 年，英國(guó)物理學(xué)家牛頓首次用三棱鏡分解 日光獲得了紅、橙、黃、綠、青、藍(lán)、紫七種色光嘲。1 8 7 3 年以后，有機(jī)染料與 鹵化銀乳劑合成物的多感色性陸續(xù)被發(fā)現(xiàn)( 藍(lán)色除外) ，在此基礎(chǔ)上出現(xiàn)了彩色攝 影和光化學(xué)學(xué)科的開(kāi)始，人類(lèi)對(duì)色彩的認(rèn)識(shí)、研究進(jìn)入到了一個(gè)嶄新的時(shí)代【7 】。 2 0 世紀(jì)后期，隨著人類(lèi)社會(huì)的發(fā)展、科學(xué)技術(shù)的進(jìn)步、文化藝術(shù)的豐富，人類(lèi)在 色彩領(lǐng)域不斷遇到和發(fā)現(xiàn)新的問(wèn)題，人類(lèi)在色彩方面的認(rèn)識(shí)不斷地積累，逐漸形 成了- - f 7 新興的交叉邊緣學(xué)科色彩學(xué)。 色彩學(xué)的研究主要分為兩個(gè)方向：一是理性地研究色彩本身的各項(xiàng)性質(zhì)，二 是感性地開(kāi)發(fā)色彩的構(gòu)成表達(dá)l 羽。德國(guó)包豪斯時(shí)期的色彩學(xué)家約翰內(nèi)斯咿 頓( j o h a n n e si t t e n1 8 8 8 1 9 6 7 ) 的色彩視覺(jué)課程( 其思想凝聚在其所著的色彩藝 術(shù)中) ，對(duì)當(dāng)今的色彩構(gòu)成教學(xué)體系起到了深遠(yuǎn)的影響作用。后來(lái)，日本人在 他的基礎(chǔ)上將之發(fā)展為獨(dú)立的“色彩構(gòu)成”專(zhuān)門(mén)課程。如今，色彩學(xué)已經(jīng)在社會(huì) 生活中展開(kāi)廣泛的應(yīng)用，并隨之產(chǎn)生了諸如環(huán)境設(shè)計(jì)色彩學(xué)、服裝設(shè)計(jì)色彩學(xué)、 個(gè)人形象設(shè)計(jì)色彩學(xué)等等交叉學(xué)科。 2 2 色彩學(xué)基本概念 網(wǎng)頁(yè)是色彩應(yīng)用的一個(gè)新領(lǐng)域，它既具有色彩學(xué)知識(shí)的共性，又具有不同于 普通平面設(shè)計(jì)色彩應(yīng)用的特性。了解色彩學(xué)的基礎(chǔ)知識(shí)，掌握網(wǎng)頁(yè)色彩的特殊性， 有助于我們?cè)谠O(shè)計(jì)實(shí)踐中更理性地運(yùn)用色彩，提高設(shè)計(jì)效率。 2 2 1 色彩三原色 我們所見(jiàn)的各種色彩都是由三種色光或三種顏色組成，而他們本身不能再分 拆出其他顏色成份，所以被稱(chēng)為三原色【9 】。原色有兩種類(lèi)型：色光三原色和色料 三原色。原色能合成其他色，但其他色不能還原出原色。光學(xué)三原色是指紅( r e d ) 、 綠( g r e e n ) 、藍(lán)( b l u e ) 三種顏色，這三種色光混合，能得出白色光。如霓虹燈， 它所發(fā)出的光本身帶有顏色，能直接刺激人的視覺(jué)神經(jīng)而讓人感覺(jué)到色彩，電視 浙江大學(xué)碩士學(xué)位論文第2 章網(wǎng)頁(yè)與色彩學(xué)概論 機(jī)、電腦屏幕顯示的色彩均是r g b 三種色光組成。網(wǎng)頁(yè)色彩是通過(guò)電腦顯示器屏 幕出現(xiàn)的，因此，網(wǎng)頁(yè)色彩的三原色即紅、綠、藍(lán)三色，在網(wǎng)頁(yè)h t m l 語(yǔ)言中的色 彩表達(dá)即是用這三種顏色的數(shù)值表示【l o 】。如紅色c o l o r ( 2 5 5 ，0 ，o ) ，十六進(jìn)制的表示方 法為( # f f 0 0 0 0 ) ：白色為( # f f f f f f ) 。 然而人類(lèi)認(rèn)識(shí)色光三原色的歷程并非一帆風(fēng)順。最初人們認(rèn)為，光學(xué)三原色 分別是紅、黃、藍(lán)三種色光，直至1 8 0 2 年英國(guó)物理學(xué)家托馬斯揚(yáng)( t o m a sy o u n g ) 根據(jù)人眼的視覺(jué)生理特征提出了新的色光三原色理論i l l l ，認(rèn)為色光的三原色是 紅、綠、藍(lán)。1 9 世紀(jì)末，德國(guó)物理學(xué)家范霍姆霍爾茨( v o nh e l m h o l t z ) 的三色 學(xué)說(shuō)又提出，人眼視網(wǎng)膜的視錐細(xì)胞含有紅、綠、藍(lán)三種感光元素，由于光刺激 的強(qiáng)弱而產(chǎn)生了色彩感覺(jué)。此后，該理論又被物理學(xué)家馬克思韋爾通過(guò)物理試驗(yàn) 證實(shí)。此后，紅、綠、藍(lán)三種色光為色光三原色得到了人們的普遍認(rèn)可【1 2 】。 2 2 2 色彩三要素 色彩可分為有彩色和非彩色兩種。非彩色只具有明度的性質(zhì)，有彩色才同時(shí) 具有色相、彩度和明度的三要素。 色相、純度、明度，這三種性質(zhì)是色彩最基本的構(gòu)成要素，人們以此來(lái)鑒別、 分析和描述色彩，稱(chēng)為色彩的三要素。色相( h u e ) 簡(jiǎn)寫(xiě)h ，表示色的特質(zhì)，是色 彩的第一要素【6 】。 圖2 1 色相圖 明度( v a l u e ) 簡(jiǎn)寫(xiě)v ，表示色彩的強(qiáng)度，也即是色光的明暗度，是色彩的第二 要素。明度按一定的間隔劃分，就構(gòu)成明暗尺度。有彩色的明暗，以無(wú)彩色灰調(diào) 的相應(yīng)明度來(lái)表示其相應(yīng)的明度值【l 引。色彩的明度有兩種情況：一是同一色相的 不同明度；二是不同種色相的不同明度。同一色相，如圖2 2 的藍(lán)色，在受光強(qiáng) 弱不同時(shí)，產(chǎn)生的明度就不同。不同的色相，如圖2 3 中的紅、橙、黃、綠、藍(lán)、 紫6 色中，黃色最明，紫色最暗，其他各色均處于一個(gè)灰與深灰的程度之問(wèn)。 圖2 - 2 同一色相明度變化 浙江大學(xué)碩士學(xué)位論文 第2 章網(wǎng)頁(yè)與色彩學(xué)概論 圖2 - 3 不同色相明度變化 彩度( c h r o m a ) 簡(jiǎn)寫(xiě)c ，表示色的純度，是色彩的第三要素。在網(wǎng)頁(yè)中彩度主 要是指色彩對(duì)人的視覺(jué)刺激程度。彩度越高，色越純，越艷；彩度越低，色越澀， 越濁( 如圖2 4 所示) 。 圖2 4 色彩純度變化圖 在實(shí)際應(yīng)用中，色相、明度、純度是辯證存在的，配色時(shí)應(yīng)綜合考慮三要素 之間的關(guān)系。在網(wǎng)頁(yè)設(shè)計(jì)中，明度的運(yùn)用很普遍。比如一些購(gòu)物類(lèi)、兒童類(lèi)的網(wǎng) 站，常常用一些鮮亮的高明度色彩，給人以絢麗多姿，生機(jī)勃勃之感。明度越低， 顏色越暗。例如一些游戲類(lèi)網(wǎng)站，為了表現(xiàn)其神秘夢(mèng)幻感，往往選擇用低沉的色 調(diào)。此外，不同種的色相間，有明度差的色彩更容易調(diào)和。如紫色( # 9 9 3 3 9 9 ) 跟黃 色( 群們m 0 ) ，暗紅( # c c 3 3 0 0 ) 跟草綠( # 9 9 c c 0 0 ) ，暗藍(lán)( # 0 0 6 6 c c ) 跟橙色( # 1 1 9 9 3 3 ) 等等。 2 3 色彩的情感對(duì)應(yīng) 色彩心理學(xué)研究表明，不同的色相、明度、純度的色彩能給人以不同的感覺(jué) 和情緒【1 4 1 。網(wǎng)頁(yè)色彩是通過(guò)電腦顯示器出現(xiàn)的，同樣也能引發(fā)瀏覽者不同層次的 情感反應(yīng)。網(wǎng)頁(yè)設(shè)計(jì)可以通過(guò)色彩來(lái)表達(dá)心理反應(yīng)的不同層次，換言之，網(wǎng)頁(yè)色 彩對(duì)應(yīng)于不同層次的情感。從最簡(jiǎn)單的生理反應(yīng)到較為抽象的心理層面的反應(yīng)， 從簡(jiǎn)單情緒層面的反應(yīng)到復(fù)雜的文化深層心理結(jié)構(gòu)層面的反應(yīng)。引起色彩表達(dá)的 不同層次的原因除了視覺(jué)生理機(jī)制的客觀因素外，還在于色彩與人的思維活動(dòng)有 關(guān)。色彩引起情緒反應(yīng)的最主要的思維因素是聯(lián)想。色彩的聯(lián)想分為具體聯(lián)想和 抽象聯(lián)想。如紅色既可具體聯(lián)想為火的色彩、血的色彩、太陽(yáng)的色彩，紅色又可 產(chǎn)生熱情、奔放、喜慶、活力等抽象的情感聯(lián)想。后者的聯(lián)想較前者的聯(lián)想更為 復(fù)雜、深層。比如，遠(yuǎn)古時(shí)代的人們?cè)趹c祝某個(gè)活動(dòng)時(shí)常常點(diǎn)起火把，因此火的 元素便與喜慶的氛圍之間建立起某種聯(lián)系。因此便產(chǎn)生了第一級(jí)層的抽象聯(lián)想。 各種色彩的聯(lián)想經(jīng)過(guò)無(wú)數(shù)次的反復(fù)，這樣幾乎固定了色彩的專(zhuān)有表情，某色彩就 被賦予了某種特定的情感象征。 9 浙江大學(xué)碩士學(xué)位論文第2 章網(wǎng)頁(yè)與色彩學(xué)概論 根據(jù)心理學(xué)的同構(gòu)原理，一種色彩可以與具體的物體、抽象的詞匯、某一種 情感等形成異質(zhì)同構(gòu)的關(guān)系，因而色彩具有表現(xiàn)現(xiàn)實(shí)世界的功能。色彩與其他事 物之間異質(zhì)同構(gòu)關(guān)系的建立取決于大腦的思維模式。方面，盡管這種思維是依 照一定的規(guī)律進(jìn)行的，但它具有相對(duì)的靈活性。例如同一種顏色通常含有不止一 種的象征意義，大部分色彩都同時(shí)具有正面和負(fù)面的聯(lián)想。紅色既可以象征熱情， 也可以象征危險(xiǎn)。此外，色彩的視覺(jué)心理反應(yīng)，是由視覺(jué)反應(yīng)引起思維后才形成 的。不同個(gè)體的人，因其年齡、性格、經(jīng)歷和所處社會(huì)文化教育背景的不同，會(huì) 對(duì)同一種色彩解碼出不同的信息。因此色彩的情感問(wèn)題，復(fù)雜而微妙，并非是固 定不變的。另一方面，思維的靈活性也不是無(wú)限的，任何一種信息符號(hào)也都不可 能是人類(lèi)意志的自由創(chuàng)造，而必須遵循人類(lèi)文化的進(jìn)化過(guò)程，與現(xiàn)實(shí)世界有著緊 密地聯(lián)系。 色彩能表達(dá)情感，在網(wǎng)頁(yè)設(shè)計(jì)中，色彩是營(yíng)造情感的最主要因素，能帶給瀏 覽者不同的心理感受。網(wǎng)頁(yè)色彩作為網(wǎng)站界面設(shè)計(jì)的重要要素，在情感表達(dá)和理 解中具有以下兩個(gè)特點(diǎn)：第一，網(wǎng)頁(yè)色彩的情感表達(dá)具有聲效輔助的特點(diǎn)。第二， 網(wǎng)頁(yè)色彩的情感表達(dá)具有動(dòng)態(tài)變化的特點(diǎn)。因此，設(shè)計(jì)者在做網(wǎng)頁(yè)界面的色彩設(shè) 計(jì)時(shí)，要抓住這兩個(gè)特點(diǎn)，深入分析網(wǎng)頁(yè)色彩能給瀏覽者帶來(lái)的情感上的不同反 應(yīng)，通過(guò)色彩色調(diào)來(lái)營(yíng)造一種良好的用戶(hù)使用環(huán)境。 2 3 1 色彩的生理反應(yīng) 色彩感覺(jué)的產(chǎn)生源自光線對(duì)眼睛的物理刺激，是一個(gè)純粹的生理過(guò)程【l 副。視 覺(jué)器官有時(shí)會(huì)因?yàn)橐曈X(jué)生理功能上的局限性而產(chǎn)生錯(cuò)視與幻覺(jué)，從而形成主觀感 覺(jué)和客觀現(xiàn)實(shí)之間的誤差，這種誤差是色彩對(duì)人的生理層面產(chǎn)生的反應(yīng)。網(wǎng)頁(yè)色 彩在生理層面的反應(yīng)是不同文化背景、不同年齡層、不論性別差異的人們都可以 體會(huì)到的色彩反應(yīng)。例如黑色給人以收縮的視覺(jué)感受( 比實(shí)際更小) ，白色則具 有擴(kuò)張的感覺(jué)( 比實(shí)際更大) ；紅色與藍(lán)色在同一視域內(nèi)相比，紅色顯得靠前， 藍(lán)色顯得后退。產(chǎn)生這種色彩生理反應(yīng)的原因在于：暖色和高明度色在人眼視網(wǎng) 膜成像靠前，因而具有膨脹和前進(jìn)感【1 6 】；而冷色和低明度色則在視網(wǎng)膜靠后的區(qū) 域成像，因而具有收縮感。在網(wǎng)頁(yè)中，即便是相同的背景框架布局，由于所選擇 的主色調(diào)色彩的不同，就會(huì)給人造成大小、遠(yuǎn)近不同的視覺(jué)效果。再如，當(dāng)人們 看到網(wǎng)頁(yè)上大面積的紅色塊，也即主色調(diào)為紅調(diào)時(shí)，視覺(jué)會(huì)需要看到其補(bǔ)色 綠色來(lái)平衡整體色感，這是因?yàn)橐曈X(jué)器官按照自然的生理?xiàng)l件，會(huì)對(duì)色彩的刺激 本能地進(jìn)行調(diào)劑，以保持視覺(jué)上的生理平衡，并且只有在色彩的互補(bǔ)關(guān)系建立時(shí)， 1 0 浙江大學(xué)碩士學(xué)位論文第2 章網(wǎng)頁(yè)與色彩學(xué)概論 視覺(jué)才得到滿足而趨于平衡【1 7 】。這種視覺(jué)平衡的生理機(jī)制與味覺(jué)平衡的生理機(jī)制 有著極其相似的一面。通常當(dāng)人們?cè)跀z取了大量的甜味食品之后，往往會(huì)隨之產(chǎn) 生品嘗咸味食物的欲望。同理，在網(wǎng)頁(yè)的色彩設(shè)計(jì)中，當(dāng)某種顏色占據(jù)絕對(duì)主導(dǎo) 地位時(shí)，常常需要輔以局部的、小面積的該色的補(bǔ)色來(lái)點(diǎn)綴其中，起到調(diào)和整體 視覺(jué)效果的作用。此外，色彩能引起的一般生理反應(yīng)還包括：紅色刺激神經(jīng)中樞， 促使呼吸、血液流通速度加快，使人情緒高昂；橙色刺激食欲、促進(jìn)消化功能和 免疫系統(tǒng)；黃色刺激神經(jīng)系統(tǒng)提高功能，使人頭腦清醒、思維敏捷；綠色降低眼 壓、減輕視覺(jué)疲勞；藍(lán)色松弛神經(jīng)、肌肉【1 司等等。以上所提及的諸如此類(lèi)現(xiàn)象的 產(chǎn)生是由人體的視覺(jué)生理機(jī)制造成的，屬于色彩反應(yīng)的第一層次生理反應(yīng)。 近年來(lái)比較流行的“色彩療法”是色彩在生理層面反應(yīng)的最主要應(yīng)用。該療 法主要通過(guò)讓病人眼觀目睹各種顏色，從而產(chǎn)生心理刺激，以促進(jìn)疾病的康復(fù)， 起到治療的作用。其理論認(rèn)為，人體內(nèi)有7 種腺體中心，分布在脊柱的不同部位。 每種色彩都能產(chǎn)生一種電磁波長(zhǎng)，這些波長(zhǎng)由視覺(jué)神經(jīng)傳遞給大腦，促使腺體分 泌激素，從而影響人的心理與肌體【1 9 】。一個(gè)健康人的體內(nèi)色譜是平衡的，一些疾 病在很大程度上是由于人體內(nèi)色譜失衡或缺少某種色彩造成的。治療師就根據(jù)這 些色彩選擇展開(kāi)治療，通過(guò)7 個(gè)輪穴的分布將彩色燈光打到治療對(duì)象身體的不同 部位。目前色彩療法已經(jīng)開(kāi)始在西方一些發(fā)達(dá)國(guó)家展開(kāi)系統(tǒng)的應(yīng)用。例如，英國(guó) 約有6 0 0 位色彩治療師馴。 圖2 - 5 色彩療法 2 3 2 色彩的心理反應(yīng) 在網(wǎng)頁(yè)中觀看色彩時(shí)，由于受到色彩的視覺(jué)刺激，而在思維方面產(chǎn)生對(duì)生活 經(jīng)驗(yàn)和環(huán)境事物的聯(lián)想，這就是色彩的心理反應(yīng)【2 1 1 。色彩的心理反應(yīng)，其實(shí)是一 種色彩聯(lián)覺(jué)。色彩聯(lián)覺(jué)是指色彩的視覺(jué)感與人腦中儲(chǔ)存的日常生活的經(jīng)驗(yàn)、記憶 產(chǎn)生同構(gòu)關(guān)系，從而使色彩成為情感的先導(dǎo)，或轉(zhuǎn)變?yōu)橐恍┏橄蟾拍睢? 2 】。 浙江大學(xué)碩士學(xué)位論文 第2 章網(wǎng)頁(yè)與色彩學(xué)概論 2 3 2 1 色彩的初級(jí)情感表達(dá) 人類(lèi)的感官在檢視色彩的科學(xué)本質(zhì)和色彩感覺(jué)的美學(xué)考量時(shí)扮演了十分重 要的角色。色彩是通過(guò)積淀在人們心理的記憶來(lái)影響人們的情緒的吲。色彩是對(duì) 人的視覺(jué)刺激最敏感的視覺(jué)信息符號(hào)，是一切視覺(jué)因素中最活躍和最具有沖擊力 的因素。除了感官反應(yīng)之外，人類(lèi)內(nèi)在對(duì)色彩的反應(yīng)還有更深層的一面。網(wǎng)頁(yè)色 彩的初級(jí)心理反應(yīng)，是一種以感觀反應(yīng)為基點(diǎn)的反應(yīng)，如觸覺(jué)、味覺(jué)、嗅覺(jué)、聽(tīng) 覺(jué)等等，屬于色彩的具象表達(dá)。色彩的這種情感功能，以英國(guó)心理學(xué)家格列高里 先生的一段話來(lái)表達(dá)，大概是十分恰當(dāng)?shù)模骸吧蕦?duì)于我們?nèi)祟?lèi)具有極其重要的 意義它是視覺(jué)審美的核心，深刻地影響我們的情緒狀態(tài)剛”。在網(wǎng)頁(yè)色 彩的初級(jí)心理反應(yīng)，觸覺(jué)是第一表層，味覺(jué)、嗅覺(jué)居其二，聽(tīng)覺(jué)再次之。若從設(shè) 計(jì)的角度出發(fā)而言，亦可稱(chēng)其為網(wǎng)頁(yè)色彩的初級(jí)情感表達(dá)，這是色彩意識(shí)的慣性 在心理上的簡(jiǎn)單投射。 觸覺(jué)的冷暖，本是人體皮膚對(duì)外界溫度高低的一種感覺(jué)【2 5 】。例如太陽(yáng)、爐火、 燒紅的鐵塊，此三者給人的溫度感逐級(jí)遞增。這些生活印象的積累，使人的視覺(jué)、 觸覺(jué)與心理活動(dòng)之間產(chǎn)生了特殊的聯(lián)系，使視覺(jué)變成了觸覺(jué)的先導(dǎo)。觸覺(jué)處屬于 色彩初級(jí)情感表達(dá)的第一位，是因?yàn)閱我环N顏色便可產(chǎn)生冷暖感。稍復(fù)雜一些的 運(yùn)用，例如在網(wǎng)頁(yè)設(shè)計(jì)中，同樣是暖色調(diào)，可以用不同的色差來(lái)表達(dá)冷暖觸覺(jué)的 強(qiáng)度差。味覺(jué)、嗅覺(jué)是僅次于視覺(jué)的兩大感觀體驗(yàn)。色彩表達(dá)味覺(jué)、嗅覺(jué)難以用 單一的色彩來(lái)表達(dá)，需要與其他種色彩調(diào)和搭配才能形成特定的情感符碼。將聽(tīng) 覺(jué)列為第三層次的心理反應(yīng)，其原因在于音樂(lè)的節(jié)奏韻律感往往需要通過(guò)一系列 的色彩反復(fù)才能實(shí)現(xiàn)，色彩在向聽(tīng)覺(jué)的轉(zhuǎn)換中經(jīng)歷的階段較前二者更為復(fù)雜、隱 形、深刻，因此色彩對(duì)聽(tīng)覺(jué)的表達(dá)屬于初級(jí)情感表達(dá)的最高層。 2 3 2 2 色彩的中級(jí)情感表達(dá) 網(wǎng)頁(yè)色彩的中級(jí)情感表達(dá)是種色彩的直感性心理效應(yīng)，又稱(chēng)為抽象情感反 應(yīng)。例如用色調(diào)來(lái)表現(xiàn)快樂(lè)、冷靜、活潑等等情感。 色彩具有內(nèi)在感召力，色調(diào)正是用色彩來(lái)調(diào)動(dòng)人的情緒。色彩引發(fā)高級(jí)心理 反應(yīng)的原因在于人類(lèi)的情緒往往受“色彩記憶”的影響，這些記憶從人類(lèi)進(jìn)化 以來(lái)長(zhǎng)久地占據(jù)人們的心理空間，已上升為一種理性認(rèn)識(shí)【2 6 】。色調(diào)長(zhǎng)于表現(xiàn)情感 氣氛，色彩表現(xiàn)的氣氛與基色調(diào)有很大關(guān)系?；{(diào)反映色彩表達(dá)的基本傾向，它 相當(dāng)于音樂(lè)的主旋律，色彩的氣氛很大程度上是基色調(diào)形成的?；{(diào)的選擇可 以是單色的、突出某種色彩的表現(xiàn)力，如紅色的熱烈鮮艷、藍(lán)色的寧?kù)o純潔、灰 浙江大學(xué)碩士學(xué)位論文第2 章網(wǎng)頁(yè)與色彩學(xué)概論 色的含蓄柔和等等。也可以是不同色彩的對(duì)比和配合，以表現(xiàn)在各種色彩相互襯 托情況下多彩多姿的效果。此外，色彩在各種存在條件下的對(duì)比關(guān)系，如色相對(duì) 比、明度對(duì)比、及彩度對(duì)比都對(duì)色彩表現(xiàn)氣氛形成不可忽視的影響。 2 3 2 3 色彩的高級(jí)情感表達(dá) 色彩表達(dá)的最高形態(tài)是色彩成為一種情感語(yǔ)言，它所表達(dá)的是一種人類(lèi)內(nèi)在 生命中某些極為復(fù)雜的感受。網(wǎng)頁(yè)色彩的高級(jí)情感表達(dá)又稱(chēng)為色彩的抽象概念層 心理反應(yīng)，是指色彩所引起的更為復(fù)雜的間接心理效應(yīng)，是色彩的最深層心理反 應(yīng)。此時(shí)色彩所引起的心理效應(yīng)不僅僅停留在感覺(jué)或知覺(jué)的淺層次階段，而是導(dǎo) 致更為深刻的心理活動(dòng)過(guò)程。這些概念能勾起人在思維方面對(duì)生活經(jīng)驗(yàn)和環(huán)境事 物的聯(lián)想。色彩的間接心理效應(yīng)通常與個(gè)人的文化背景或社會(huì)背景有關(guān)。例如黃 橙色代表果實(shí)成熟，給人以甜蜜、豐收之感：大海、天空給人寬大、深沉之感等 等。這些體驗(yàn)都屬于色彩情感共性的范疇，也是初級(jí)情感的范疇。色彩的最高層 情感表達(dá)往往是色彩與文化結(jié)構(gòu)之間的對(duì)應(yīng)，不同人類(lèi)文化群體長(zhǎng)期生活的積累 和心理、感情需要構(gòu)成了不同的文化色彩體系。例如尼日利亞首都拉格斯以深藍(lán) 色為主色，加納首都阿克拉以白色為主色，摩洛哥首都非斯以黑色為主色，這些 色彩的運(yùn)用不僅得到相應(yīng)文化群體的認(rèn)同，而且甚至成為其人文特征的色彩識(shí)別 標(biāo)志f ”。因此在網(wǎng)頁(yè)色彩的選擇時(shí)也要考慮設(shè)計(jì)面向的社群?jiǎn)栴}，網(wǎng)頁(yè)色調(diào)定位 設(shè)計(jì)應(yīng)當(dāng)把用戶(hù)的情感反應(yīng)，而不是單純的色彩美學(xué)問(wèn)題擺在網(wǎng)頁(yè)色彩設(shè)計(jì)的中 心，根據(jù)網(wǎng)頁(yè)的設(shè)計(jì)目的和用戶(hù)的情感反應(yīng)來(lái)選擇運(yùn)用不同的色調(diào)。 圖2 - 6 色彩的情感對(duì)應(yīng)層 總之，網(wǎng)頁(yè)色彩的情感對(duì)應(yīng)呈現(xiàn)逐級(jí)上升的梯度層次。充分了解色彩的情感 對(duì)應(yīng)層次，并加以合理地運(yùn)用，可以網(wǎng)頁(yè)具有深刻的藝術(shù)內(nèi)涵，從而提升網(wǎng)站的 整體文化品位。 浙江大學(xué)碩士學(xué)位論文第2 章網(wǎng)頁(yè)與色彩學(xué)概論 2 4 色彩的對(duì)比調(diào)和 網(wǎng)頁(yè)的色彩關(guān)系主要表現(xiàn)為色彩的對(duì)比和調(diào)和【2 明。色彩對(duì)比是一種手段，其 最終目的仍是調(diào)和。色彩的對(duì)比分為色相對(duì)比、明度對(duì)比、純度對(duì)比、面積對(duì)比 等。色彩的調(diào)和可分為有主色調(diào)調(diào)和與無(wú)主色調(diào)調(diào)和。 2 4 1 色彩的對(duì)比 當(dāng)兩個(gè)或兩個(gè)以上的色在同一視域內(nèi)比較其差別及其互相問(wèn)的關(guān)系，稱(chēng)為色 彩對(duì)比御l 。色彩對(duì)比必須在同一條件下才允許作比較，否則就失去了比較的可能 性。只能是明度比明度，色相比色相，彩度比彩度，否則就得不到準(zhǔn)確的結(jié)論。 在構(gòu)成色彩對(duì)比諸條件中，色相間的差別是最基本的，明度對(duì)比次之，彩度對(duì)比 再次之。對(duì)比的作用是為了使色彩呈現(xiàn)差異，求其變化來(lái)豐富頁(yè)面，增強(qiáng)視覺(jué)沖 擊力。 因明度差別而形成的色彩對(duì)比，稱(chēng)之為明度對(duì)比。色相相同，明度不同的色 對(duì)比被稱(chēng)為同類(lèi)色對(duì)比。同類(lèi)色對(duì)比在網(wǎng)頁(yè)中能起到統(tǒng)一色調(diào)的作用。對(duì)色彩的 應(yīng)用而言，明度對(duì)比的正確與否，是決定配色的光感、明快感，清晰感、以及心 理作用的關(guān)鍵。因色彩種類(lèi)的差別而形成的色彩對(duì)比叫色相對(duì)比。色相對(duì)比要把 握“大調(diào)和，小對(duì)比”的重要原則，即處理好局部調(diào)整與整體建構(gòu)之間的關(guān)系。 色相對(duì)比在網(wǎng)頁(yè)設(shè)計(jì)中用得也較為普遍，總體的色調(diào)統(tǒng)一和諧，局部的地方有一 些小的強(qiáng)對(duì)比出現(xiàn)。一只紅蘋(píng)果在暖調(diào)背景下顯得特別誘人，而在渾濁的暗灰色 背景中則顯得不好吃，這種色彩對(duì)比叫作純度對(duì)比。一般來(lái)說(shuō)，高純度色的色相 明確、注目、視覺(jué)沖擊力強(qiáng)，色相的心理作用明顯，但容易使人的視覺(jué)疲倦，不 能持久注視。含灰調(diào)的低純度色相雖視覺(jué)沖擊力較弱，但其注目程度低，反而能 持久注視。純度對(duì)比較色相對(duì)比、明度對(duì)比是較弱的對(duì)比。一個(gè)階段差的明度對(duì) 比，其清晰度等于三個(gè)階段差的純度對(duì)比。 面積對(duì)比是指頁(yè)面色彩呈單一要素時(shí)色彩實(shí)際占有頁(yè)面的大小，是一種多 與少、大與小之間的對(duì)比。不同的色彩在雙方面積是1 ：l 時(shí)，對(duì)比最強(qiáng)烈哪】。色 彩面積關(guān)系的變化往往會(huì)引起色調(diào)的變化，面積對(duì)比就是研究在兩種或兩種以上 的色彩之間的色量比例與視覺(jué)平衡的關(guān)系。色彩面積的調(diào)整是使頁(yè)面構(gòu)成主色調(diào) 的重要手段之一。面積關(guān)系還是使頁(yè)面呈現(xiàn)出基調(diào)色、主題色、焦點(diǎn)色、輔助色 等色彩主次的手段之一。此外，面積對(duì)比還可以加強(qiáng)其它的對(duì)比效果。 和諧統(tǒng)一是對(duì)色彩美的最高要求，在網(wǎng)頁(yè)設(shè)計(jì)概莫能外，要恰當(dāng)?shù)靥幚砗?色彩的對(duì)比關(guān)系。 1 4 浙江大學(xué)碩士學(xué)位論文第2 章網(wǎng)頁(yè)與色彩學(xué)概論 2 4 2 色彩的調(diào)和 把有差別的多種色彩有秩序地、和諧地組織在一起，組成符合一定目的性的 美的色彩關(guān)系，這種使視覺(jué)愉快的色彩搭配，稱(chēng)為色彩調(diào)和 3 1 】。在網(wǎng)頁(yè)設(shè)計(jì)中， 色彩調(diào)和是指頁(yè)面上若干具有差異的色彩和諧地融于一個(gè)統(tǒng)一體中，也就是多樣 性通過(guò)統(tǒng)一而產(chǎn)生美的狀態(tài)。 調(diào)和講究統(tǒng)一，是色與色之間的平衡問(wèn)題。一般來(lái)說(shuō)，眼睛最能適應(yīng)的是中 等明度的全色光，因此，在網(wǎng)頁(yè)設(shè)計(jì)中要在引起閱讀者注意的基礎(chǔ)上，避免視覺(jué) 的疲勞，盡量采用中等明度的色彩。用色彩來(lái)表現(xiàn)形象時(shí)，要求形象色的基調(diào)與 人對(duì)形象的色彩印象相符。由同一性要素構(gòu)成和諧色彩組群容易產(chǎn)生和諧感。例 如：同色相色域、同明度色域、同純度色域的對(duì)比色群等等。需要指出的是，所 謂調(diào)和的色彩設(shè)計(jì)，不但是指視覺(jué)上的和諧也包含心理上的和諧。 調(diào)和分為兩種：有主色調(diào)調(diào)和與無(wú)主色調(diào)調(diào)和1 3 2 。有主色調(diào)調(diào)和也稱(chēng)近似調(diào) 和，從狹義上講就是指局部色彩關(guān)系的調(diào)和，使頁(yè)面色彩關(guān)系有一個(gè)相對(duì)明確的 總體傾向，亦稱(chēng)為主色調(diào)。有主色調(diào)調(diào)和是以某一色彩要素構(gòu)成為主要傾向，從 色相上來(lái)說(shuō)有紅色調(diào)、綠色調(diào)；明度上來(lái)說(shuō)有亮色調(diào)、暗色調(diào)等。色調(diào)決定了網(wǎng) 頁(yè)的情感傾向。不同的色調(diào)引發(fā)不同的情感傾向，使網(wǎng)頁(yè)設(shè)計(jì)具有豐富的情感因 素【3 3 1 。無(wú)主色調(diào)調(diào)和又稱(chēng)為對(duì)比調(diào)和，或秩序調(diào)和，它強(qiáng)調(diào)變化而組合的和諧色 彩。無(wú)主色調(diào)調(diào)和雖無(wú)總的傾向性，但并不是色彩的隨意組合。有許多處理方法 可使無(wú)主色調(diào)頁(yè)面趨于調(diào)和，如被稱(chēng)作無(wú)彩色系統(tǒng)的極色與任何純色的搭配；具 有光澤的金屬色與其他色彩的組合；三原色之間的組合；三間色( 橙、綠、紫) 之 間的搭配等等。 無(wú)論是有主色調(diào)調(diào)和，還是無(wú)主色調(diào)調(diào)和，網(wǎng)頁(yè)的色彩設(shè)計(jì)因受到網(wǎng)絡(luò)傳輸 信道帶寬的限