一個(gè)網(wǎng)站的視覺(jué)效果，主要需要我們網(wǎng)站制作前端設(shè)計(jì)師對(duì)于色彩搭配的熟練掌握才能實(shí)現(xiàn)超視覺(jué)享受。深圳網(wǎng)站制作公司本文就在網(wǎng)頁(yè)設(shè)計(jì)時(shí)紫色搭配的經(jīng)驗(yàn)進(jìn)行分享。在自然界中紫色是種比較少見(jiàn)的顏色。象征著女性化，代表著高貴和奢華、優(yōu)雅與魅力．也象征著神秘與莊重、神圣和浪漫。另一方面又有孤獨(dú)等意味。紫色在西方宗教世界中是種代表尊貴的顏色，大主教身穿的教袍便采用了紫色。
紫色的明度在有彩色的色度中是最低的。紫色的低明度給人加入少量的黑，沉重、傷感、恐怖、莊嚴(yán)的感覺(jué)。紫色中加入白種沉悶、神秘的感覺(jué)。在紫色中紅的成分較多時(shí)，顯得華麗和諧。紫色中變得優(yōu)雅、嬌氣，并充滿女性的魅力。
不同色調(diào)的紫色可以營(yíng)造非常濃郁的女性化氣息，在白色的背景色和灰色的突出顏色的襯托下，紫色可以顯示出更大的魅力。紫色通常用于以女性為對(duì)象或以藝術(shù)作品介紹為主的站點(diǎn)，但很多大公司的站點(diǎn)中也喜歡使用包含神秘色彩的紫色，但很少做大面積使用。
網(wǎng)站制作色彩搭配之類紫色
【示例】紫色高純度對(duì)比網(wǎng)頁(yè)示例截圖如圖10-38所示
【分析】
紫色的HSB數(shù)值H色相為300度時(shí)是正紫色。圖10 38的HSB模式S數(shù)值顯示，上組顏色飽和度基本都比較高，加上部分較高的明度組合，使該頁(yè)面異常奢華艷麗。
輔色調(diào)之的黃色是紫色強(qiáng)度最高的對(duì)比色，主、輔色面積的大小不同是形成視覺(jué)沖擊力最大的主要原因。值得提的是右下角的淺藍(lán)色的運(yùn)用，它在整個(gè)頁(yè)面配色上是很謙遜的角色．但卻既突出上面的文字內(nèi)容，又不張揚(yáng)地壓抑住其他顏色的配色，屬于豐富于頁(yè)面的輔助作用。如果把它試換成別的顏色似乎還是沒(méi)有這個(gè)濺藍(lán)色效果好。另輔助色淺紫紅色又稱粉紅色，粉紅色主要用于包含少女在內(nèi)的女性站點(diǎn)。因?yàn)閺拿髁恋綖R白色調(diào)的粉紅色能夠表現(xiàn)出可愛(ài)、乖巧的感覺(jué)，這里只做少量運(yùn)用。
其他點(diǎn)睛色使用得雖多，但面積很小，主要是主色調(diào)紫色附近的過(guò)渡色，例如群青、青蓮、玫瑰、紅色等點(diǎn)綴，閃亮耀眼，增強(qiáng)頁(yè)面的視覺(jué)感染力，有渲染出華麗凸顯現(xiàn)代氣息的作用。
【網(wǎng)站設(shè)計(jì)師點(diǎn)評(píng)】
該頁(yè)面具有非常強(qiáng)烈的現(xiàn)代奢華感。時(shí)尚張揚(yáng)的配色組合，符合該頁(yè)面主題所要表達(dá)的環(huán)境，讓人容易記住它。
紫色結(jié)合紅色的紫紅色是非常女性化的顏色，它給人的感覺(jué)通常都是浪漫、柔和、華麗、高貴優(yōu)雅，特別是粉紅色可以說(shuō)是女性化的代表顏色。高彩度的紫紅色可以表現(xiàn)出超凡的華麗，而低彩度的粉紅色可以表現(xiàn)出高雅的氣質(zhì)。紫紅色并不能隨意在所有的站點(diǎn)中使用．但使用恰當(dāng)?shù)淖霞t色會(huì)給人留下深刻的印象。高彩度的紫色和粉紅色之間的搭配通常都能得到較好的效果。
二、網(wǎng)站制作色彩大配之淺紫色
【示例】淺紫色網(wǎng)頁(yè)示例截圖如圖10-39所示
分析
該頁(yè)面使用紫色為100%高明度的主色調(diào)，很容易抓住人們的視線成為聚焦點(diǎn)，是非常大膽又時(shí)尚的配色。輔色調(diào)則是使用冷色系代表的深藍(lán)色，明度較低。主要是為了烘托左邊導(dǎo)航菜單，凸顯上面的內(nèi)容信息，由于人們對(duì)網(wǎng)頁(yè)已然形成了視覺(jué)慣性，也起到了很好的視覺(jué)引導(dǎo)作用。主、輔色的搭配運(yùn)用構(gòu)成了較強(qiáng)烈的視覺(jué)對(duì)比效果。另輔邑調(diào)淺藍(lán)色，在主色調(diào)淺紫色的烘托下呈現(xiàn)稚嫩的感受，里面的白色塊起到淺紫的背景和淺藍(lán)色調(diào)和、明快的作用。
點(diǎn)睛色的使用實(shí)際有不少，這里只選幾種起到主要作用的顏色做舉例分析。中黃色運(yùn)用得很珍貴，只在左上區(qū)域出現(xiàn)，旨在突出主題文字的效果。其他配色主要是根據(jù)左下文字字母而來(lái)，紅和綠色出現(xiàn)在頁(yè)面的淺紫色較為寬敞的位置，小范圍的撒色彩對(duì)比效果。其他點(diǎn)睛色則極少的零星分布，既調(diào)和呼應(yīng)又起到活躍于頁(yè)面的角色作用，以上這些都是點(diǎn)綴和渲染頁(yè)面氣氛不可缺少的配色元素。
【網(wǎng)站設(shè)計(jì)師點(diǎn)評(píng)】
使用高明度、高飽和的主色調(diào)非常個(gè)性，讓人很容易記住它，但是色彩都有兩面性，此種顏色略顯驕躁感過(guò)于刺激視覺(jué)，不易于長(zhǎng)時(shí)間
的注目瀏覽。
在紫色中加入白色，可使紫色略顯沉悶的特征消失，變得清秀、優(yōu)雅、嬌氣，并充滿女性的魅力。白色、粉紫色、天藍(lán)色的顏包搭配
是比較稚嫩的配色，同時(shí)也是最受少女歡迎的配色方案，這里運(yùn)用電較得體。
三、網(wǎng)站制作色彩搭配之深紫色
【示例】深紫色網(wǎng)頁(yè)示側(cè)截圖如圖10-40所示。
分析
以略有漸變色為背景主色調(diào)，漸變色是調(diào)和方法之，起到增加層次感、空間感、柔和視覺(jué)的作用。背景色左上最亮處的特殊處理，主要起到突出了標(biāo)志的作用。從HSB模式H色相數(shù)值上看到輔助色依舊以主色調(diào)延伸而成．僅在明度上做了些變化，屬于同類色的調(diào)和色系。
點(diǎn)睛色皆選用了色彩色系中明度最高的黃色及相近色黃綠、玫瑰紅。黃色和黃綠色是點(diǎn)睛之筆黃色是紫色的對(duì)比色，深紫色背景上的高明度黃色被襯托得異常跳躍。黃綠色既和諧又增添了頁(yè)面配色的高強(qiáng)度節(jié)奏。玫瑰紅在這里是最溫暖的顏色，協(xié)調(diào)且增強(qiáng)了頁(yè)面配色的層次感。根據(jù)各顏色的特質(zhì)，在視覺(jué)上成功做了先后次序的引導(dǎo)。白色雖是非色彩，但也起到拉大色彩之間色階層次的作用，增強(qiáng)了頁(yè)面空間感，也使以上配色更調(diào)和。
【網(wǎng)站設(shè)計(jì)師點(diǎn)評(píng)】
整個(gè)頁(yè)面配色尤其是點(diǎn)睛色的妙用，使得整個(gè)頁(yè)面非常新穎別致，極賦現(xiàn)代都市氣息。根據(jù)面積的大小對(duì)比．適當(dāng)?shù)膶?duì)比色能讓頁(yè)面有活躍、明快的氣氛。
耀紫色給人華貴、耀遠(yuǎn)、神秘、孤寂、珍貴的心理感受。較暗色調(diào)的紫色可以表現(xiàn)出成熟沉穩(wěn)的感覺(jué)，創(chuàng)造、謎、忠誠(chéng)、神秘、稀有。
網(wǎng)站制作色彩搭配之紫色+綠色
【示例】紫色搭配綠色的網(wǎng)頁(yè)示例截圖如圖10-41所示。
分析
綠色被譽(yù)為紫色的絕配色。主色調(diào)是飽和度降低明度較低的紫色，輔色調(diào)是色彩明度較高的草綠色及沉穩(wěn)的源藍(lán)色。
點(diǎn)睛色雖然被稱為點(diǎn)睛色，但在整個(gè)頁(yè)面中使用的面積極小，與其他色系所占的比重來(lái)看，這兩種點(diǎn)睛色小到幾乎給忽略。盡管從HSB模式數(shù)值上看到，橙黃色為高純度、高明度色，只在主題文字上有些體現(xiàn)。另藍(lán)綠色所處的位置在顯眼的網(wǎng)站名稱后方，謙遜程度幾乎不為人們注意到，盡管它才是網(wǎng)站背后所要表達(dá)的真正主題。
草綠色和深藍(lán)色把大面積的白色框起來(lái)，襯托起前景，但也許由于白色面積使用過(guò)大，為了不至于讓它太突出，在白色的背景上點(diǎn)綴較淺的紋樣來(lái)降低這種感覺(jué)。背景色紫色由于色彩特質(zhì)明度較低的緣故，與明度較高的輔助色草綠色形成較明快的效果。
【網(wǎng)站設(shè)計(jì)師點(diǎn)評(píng)】
點(diǎn)睛色根據(jù)頁(yè)面所占的面積因素，也有的僅起到輔助的作用。相反草綠色或許由于色彩特質(zhì)的原因，這里起到比較強(qiáng)調(diào)的強(qiáng)勢(shì)目的，在該頁(yè)面配色里起到非常關(guān)鍵的作用。
五、網(wǎng)站制作色彩搭配之紫色+紫紅色
【示例】紫色與鄰近紫紅色搭配的網(wǎng)頁(yè)示例截圈如圖10-42所示
分析
該頁(yè)面配色的色組和紫色關(guān)聯(lián)上稍有些偏移，從HSB的H色相數(shù)值上顯示的260來(lái)看，正紫色數(shù)值h300．主色調(diào)整個(gè)往藍(lán)色系稍偏移，構(gòu)成較有視覺(jué)感染力的藍(lán)紫色。藍(lán)紫色在色相環(huán)中位于藍(lán)色和紫色之間，所以它也蘊(yùn)含著紫色的些神秘感。盡管飽和度不是很高60%．但明度達(dá)到最高狀態(tài)為l00%，使得該色彩艷度很強(qiáng)，較高亮度的藍(lán)紫色顯得非常高雅，契合網(wǎng)站主題。
輔色調(diào)HSB的H色相數(shù)值為270，已經(jīng)稍往紫色偏移，紫色特征較明顯，明度較而且較明快的感覺(jué)。另輔助色粉紅色H色相數(shù)值為331稍往紅色系偏移，明度極高為100%，更增添了明快的氣息。
點(diǎn)睛色在這里起到了不可忽視的作用，由于淺紫紅較有女性氣質(zhì)特征，增添了該頁(yè)面的女性溫柔細(xì)膩的美感。另點(diǎn)睛色源藍(lán)色由于色彩特質(zhì)所致，這里只是輔助性做些點(diǎn)綴。
【網(wǎng)站設(shè)計(jì)師點(diǎn)評(píng)】
淺紫色系給人嫵媚、優(yōu)雅、嬌氣、清秀、夢(mèng)幻，充滿女性魅力。上面的配色除了點(diǎn)睛色深藍(lán)色明度較低，其他的色彩組合都在不同的程度上提高了明度，增強(qiáng)了頁(yè)面所要表達(dá)的主題效果。
六、網(wǎng)站制作色彩搭配之紫色+紅色
【示例】紫色搭配紅色應(yīng)用網(wǎng)頁(yè)示例故圖如圖10-43所示
分析
本頁(yè)面配色簡(jiǎn)潔精干。主要使用了主、輔兩色調(diào)為界，點(diǎn)綴小配色，整體疏密得當(dāng)，色塊分明的色彩構(gòu)成。主色調(diào)紫HBS模式的H色相數(shù)值是283，稍向藍(lán)色方位偏移，以至于此種紫色略呈現(xiàn)冷色特征。點(diǎn)睛色主要選擇紅、藍(lán)、黃3種，其中紅色的H色相顯示為347，色值向藍(lán)色偏移略呈冷調(diào)，因此該顏色在這里顯示沒(méi)有僵硬的感覺(jué)。另點(diǎn)睛色橙黃色使用面積非常之小，幾乎讓人忽略。
右上角多個(gè)線條的小色塊的修飾增強(qiáng)了頁(yè)面的視覺(jué)感染力。背景黑色不是孤立使用，既響亮地突出前景，又與前景的線條、文字呼應(yīng)起來(lái)，讓整個(gè)頁(yè)面高品位、高層次的特質(zhì)更明顯。
【網(wǎng)站設(shè)計(jì)師點(diǎn)評(píng)】
主色調(diào)紫色在這里既有沉靜叉顯高貴的感覺(jué)，提升產(chǎn)品的檔次。點(diǎn)睛色紅色的加入讓這種高貴又檔次的感覺(jué)更加明顯。藍(lán)色有穩(wěn)住紫色和紅色的效果。該頁(yè)面大色塊的構(gòu)圖及配色極其簡(jiǎn)約，獨(dú)具魅力。
七、網(wǎng)站制作色彩搭配之紫色+綠色
【示例】紫色低純度配色（紫色+綠色）應(yīng)用網(wǎng)頁(yè)示例截圖如圖10-44所示
【分析】
該頁(yè)面除了點(diǎn)睛色外，整體配色飽和度都很低，所以在視覺(jué)上呈柔和狀態(tài)。主色調(diào)紫色的HSB模式H色相為308，數(shù)值稍向紅色傾斜，由于飽和度及明度降低，顏色呈現(xiàn)很平和，空間感增強(qiáng)。
輔助色綠色H色相jJ167，數(shù)值稍向藍(lán)色偏移，從RGB模式上看，G為125（正綠色時(shí)為255，R為。，B為0），R為82，B116，有這兩色混合因此飽和度和明度都很低，然而在雅致的紫色背景的烘托下，較為突出了綠色的產(chǎn)品這主角，達(dá)到配色目的。另輔助色灰色，為整體的柔和狀態(tài)增添了雅致的氣息。
點(diǎn)睛色黃色的特質(zhì)因素，無(wú)疑是這頁(yè)面最響亮耀眼的顏色．盡管使用的面積較小．它是紫色的對(duì)比色，高純度的黃色與低純度的紫色形成較強(qiáng)烈的視覺(jué)反差對(duì)比效果，也因此使得頁(yè)面的沉悶得到定程度的緩解，提升頁(yè)面配色的空司透亮感。
【網(wǎng)站設(shè)計(jì)師點(diǎn)評(píng)】
整體柔和的配色調(diào)子較吻合地體現(xiàn)了尊貴高雅的服飾感覺(jué)，并透露出寧?kù)o、安穩(wěn)、雅致的環(huán)境氛圍，充分體現(xiàn)出了紫色運(yùn)用的最大魅力。
網(wǎng)站制作公司總結(jié)
HSB數(shù)值H色相為300度時(shí)是正紫色，從上面的網(wǎng)頁(yè)配色實(shí)例中我們較全面地看到了不同紫色的性格體現(xiàn)。紫色是色彩系里明度最低的顏色。盡管如此，高純度的紫色與高級(jí)灰度的紫色都透出不同的氣質(zhì)。神秘、高雅在這里配色是它普遍的詮釋。
紫色的純色明度很低，因此它與淺色在起，從明度關(guān)系上就分出了涇渭。為了不與黑白對(duì)比混淆，適當(dāng)?shù)貙⒆仙影咨Ч麜?huì)更好。由于紫色發(fā)冷，紫色配暖色時(shí)，暖色不能直接介入，需要調(diào)整純度或明度才能形成比較和諧的配色。
綠色被譽(yù)為紫色的絕配色，也是對(duì)復(fù)色對(duì)比色，它比三原色的對(duì)比色要溫和含蓄，由于它們都帶有點(diǎn)共同成分，相互配合也會(huì)協(xié)調(diào)得多。各自的特質(zhì)原因，對(duì)比之下綠色通常起到比較關(guān)鍵的作用。紫色對(duì)比色組通常是較小面積的做對(duì)比使用，不同面積、不同明度飽和度的使用所表達(dá)的感受是不一樣的。好了，網(wǎng)站制作公司本文關(guān)于網(wǎng)頁(yè)設(shè)計(jì)時(shí)色彩搭配方面的實(shí)操經(jīng)驗(yàn)分享，本文就到這里，謝謝關(guān)注。博納網(wǎng)絡(luò)編輯整理。
