建站常識(shí)
網(wǎng)頁(yè)設(shè)計(jì)配色應(yīng)用實(shí)例剖析——紫色系
2007-04-23 08:48:00
紫色的明度在有彩色的色度中是最低的。紫色的低明度給人一種沉悶、神秘的感覺(jué)。在紫色中紅的成份較多時(shí),顯得華麗和諧。紫色中加入少量的黑,沉重、傷感、恐怖、莊嚴(yán)的感覺(jué)。紫色中加入白,變得優(yōu)雅、嬌氣,并充滿(mǎn)女性的魅力。
紫色通常用于以女性為對(duì)象或以藝術(shù)作品介紹為主的站點(diǎn),但很多大公司的站點(diǎn)中也喜歡使用包含神秘色彩的紫色,但都很少做大面積使用。
不同色調(diào)的紫色可以營(yíng)造非常濃郁的女性化氣息,在白色的背景色和灰色的突出顏色的襯托下,紫色可以顯示出更大的魅力。
下面我們根據(jù)紫色系不同屬性的鄰近色、高純度低純度配色、相對(duì)對(duì)比色等色彩搭配做不同的舉例分析。
→ 紫色高純度網(wǎng)頁(yè)例圖:http:// www.everythinggirl.com
紫色系分析:(高純度對(duì)比:同類(lèi)紫色+同類(lèi)對(duì)比色)
紫色的HSB數(shù)值H色相為300度時(shí)是正紫色。上圖的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)色效果好。
另一輔助色淺紫紅色又稱(chēng)粉紅色,粉紅色主要用于包含少女在內(nèi)的女性站點(diǎn)。因?yàn)閺拿髁恋綔\白色調(diào)的粉紅色能夠表現(xiàn)出可愛(ài)、乖巧的感覺(jué),這里只做少量運(yùn)用。
其他點(diǎn)睛色使用得雖多但面積很小,主要是主色調(diào)紫色附近的過(guò)渡色,例如群青、青蓮、玫瑰、紅色等點(diǎn)綴,閃亮耀眼,增強(qiáng)頁(yè)面的視覺(jué)感染力,有渲染出華麗凸顯現(xiàn)代氣息的作用。
結(jié)論:
紫色結(jié)合紅色的紫紅色是非常女性化的顏色,它給人的感覺(jué)通常都是浪漫、柔和、華麗、高貴優(yōu)雅,特別是粉紅色可以說(shuō)是女性化的代表顏色。高彩度的紫紅色可以表現(xiàn)出超凡的華麗,而低彩度的粉紅色可以表現(xiàn)出高雅的氣質(zhì)。
紫紅色并不能隨意在所有的站點(diǎn)中使用,但使用恰當(dāng)?shù)淖霞t色會(huì)給人留下深刻的印象。高彩度的紫色和粉紅色之間的搭配通常都能得到較好的效果。
該頁(yè)面具有非常強(qiáng)烈的現(xiàn)代奢華感。時(shí)尚張揚(yáng)的配色組合,符合該頁(yè)面主題所要表達(dá)的環(huán)境,讓人容易記住它。#p# → 紫色淺紫******頁(yè)例圖:http://www.oopsy-daisy.com
紫色系分析:(淺紫色)
該頁(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è)面氣氛不可缺少的配色元素。
結(jié)論:
在紫色中加入白色,可使紫色略顯沉悶的特征消失,變得清秀、優(yōu)雅、嬌氣,并充滿(mǎn)女性的魅力。
白色、粉紫色、天藍(lán)色的顏色搭配,是比較稚嫩的配色,同時(shí)也是最受少女歡迎的配色方案,這里運(yùn)用也較得體。
使用高明度高飽和的主色調(diào)非常個(gè)性,讓人很容易記住它,但是色彩都有兩面性,此種顏色略顯驕躁感過(guò)于刺激視覺(jué),不易于長(zhǎng)時(shí)間的注目瀏覽。#p# → 紫色深紫******頁(yè)例圖: http://www.dinis91.com
紫色系分析:(深紫色)
以略有漸變色為背景主色調(diào),漸變色是調(diào)和方法之一,起到增加層次感空間感柔和視覺(jué)的作用。背景色左上最亮處的特殊處理,主要起到突出了標(biāo)志的作用。
從HSB模式H色相數(shù)值上看到輔助色依舊以主色調(diào)延伸而成,僅在明度上做了些變化,屬于同類(lèi)色的調(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)和。
結(jié)論:
深紫色給人華貴、深遠(yuǎn)、神秘、孤寂、珍貴的心理感受。較暗色調(diào)的紫色可以表現(xiàn)出成熟沉穩(wěn)的感覺(jué),創(chuàng)造、謎、忠誠(chéng)、神秘、稀有。
整個(gè)頁(yè)面配色尤其是點(diǎn)睛色的妙用,使得整個(gè)頁(yè)面非常新穎別致,極賦現(xiàn)代都市氣息。
根據(jù)面積的大小對(duì)比,適當(dāng)?shù)膶?duì)比色能讓頁(yè)面有活躍、明快的氣氛。#p# → 紫色配******頁(yè)例圖:http://www.kidskandoo.com
紫色系分析:(紫色配色:紫色+綠色)
綠色被譽(yù)為紫色的絕配色。主色調(diào)是飽和度降低明度較低的紫色,輔色調(diào)是色彩明度較高的草綠色及沉穩(wěn)的深藍(lán)色。
點(diǎn)睛色雖然被稱(chēng)為點(diǎn)睛色,但在整個(gè)頁(yè)面中使用的面積極小,與其他色系所占的比重來(lái)看,這兩種點(diǎn)睛色小到幾乎給忽略。盡管從HSB模式數(shù)值上看到,橙黃色為高純度高明度色,只在主題文字上有些體現(xiàn)。另一藍(lán)綠色所處的位置在顯眼的網(wǎng)站名稱(chēng)后方,謙遜程度幾乎不為人們注意到,盡管它才是網(wǎng)站背后所要表達(dá)的真正主題。
草綠色和深藍(lán)色把大面積的白色框起來(lái),襯托起前景,但也許由于白色面積使用過(guò)大,為了不至于讓它太突出,在白色的背景上點(diǎn)綴較淺的紋樣來(lái)降低這種感覺(jué)。
背景色紫色由于色彩特質(zhì)明度較低的緣故,與明度較高的輔助色草綠色形成較明快的效果。
結(jié)論:
點(diǎn)睛色根據(jù)頁(yè)面所占的面積因素,也有的僅起到輔助的作用。相反草綠色或許由于色彩特質(zhì)的原因,這里起到比較強(qiáng)調(diào)的強(qiáng)勢(shì)目的,在該頁(yè)面配色里起到非常關(guān)鍵的作用。#p# → 紫色鄰近******頁(yè)例圖:http:// www.bridalbabe.com
紫色系分析:(紫色鄰近色配色:紫色+紫紅色)
嚴(yán)格來(lái)說(shuō),該頁(yè)面配色的色組和紫色關(guān)聯(lián)上稍有些偏移,之所以做為案例選擇,是因?yàn)檎w配色上依舊給人有紫色系配色的錯(cuò)覺(jué)。
HSB的H色相數(shù)值上顯示的260來(lái)看,正紫色數(shù)值為300,主色調(diào)整個(gè)往藍(lán)色系稍偏移,構(gòu)成較有視覺(jué)感染力的藍(lán)紫色。藍(lán)紫色在色相環(huán)中位于藍(lán)色和紫色之間,所以它也蘊(yùn)含著紫色的一些神秘感。盡管飽和度不是很高60%,但明度達(dá)到最高狀態(tài)為100%,使得該色彩艷度很強(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)綴。
結(jié)論:
淺紫色系給人嫵媚、優(yōu)雅、嬌氣、清秀、夢(mèng)幻,充滿(mǎn)女性魅力。
上面的配色除了點(diǎn)睛色深藍(lán)色明度較低,其他的色彩組合都在不同的程度上提高了明度,增強(qiáng)了頁(yè)面所要表達(dá)的主題效果。#p# → 紫色配色應(yīng)用網(wǎng)頁(yè)例圖:http://www.vitaminwater.com
紫色系分析:(紫色配色:紫色+紅色)
這是一組非常簡(jiǎn)潔精干的配色頁(yè)面。主要使用了主、輔兩色調(diào)為界,點(diǎn)綴小配色,整體疏密得當(dāng),色塊分明的色彩構(gòu)成。主色調(diào)紫HBS模式的H色相數(shù)值是283,稍向藍(lán)色方位偏移,以致于此種紫色略呈現(xiàn)冷色特征。點(diǎn)睛色主要選擇紅藍(lán)黃三種,其中紅色的H色相顯示為347,色值向藍(lán)色偏移略呈冷調(diào),因此該顏色在這里顯示沒(méi)有僵硬的感覺(jué)。另一點(diǎn)睛色橙黃色使用面積非常之小,幾乎讓人忽略。
右上角多個(gè)線條的小色塊的修飾增強(qiáng)了頁(yè)面的視覺(jué)感染力。
背景黑色不是孤立使用,既響亮的突出前景,又與前景的線條、文字呼應(yīng)起來(lái),讓整個(gè)頁(yè)面高品位高層次的特質(zhì)更明顯。
結(jié)論:
主色調(diào)紫色在這里既有沉靜又顯高貴的感覺(jué),提升產(chǎn)品的檔次。點(diǎn)睛色紅色的加入讓這種高貴又檔次的感覺(jué)更加明顯。藍(lán)色有穩(wěn)住紫色和紅色的效果。
該頁(yè)面大色塊的構(gòu)圖及配色極其簡(jiǎn)約,獨(dú)具魅力。#p# → 紫色低純度配色應(yīng)用網(wǎng)頁(yè)例圖:http://www.mandarinaduck.com
紫色系分析:(低純度配色:紫色+綠色)
該頁(yè)面除了點(diǎn)睛色外,整體配色飽和度都很低,所以在視覺(jué)上呈柔和狀態(tài)。
主色調(diào)紫色的HSB模式H色相為308,數(shù)值稍向紅色傾斜,由于飽和度及明度降低,顏色呈現(xiàn)很平和,空間感增強(qiáng)。輔助色綠色H色相為167,數(shù)值稍向藍(lán)色偏移,從RGB模式上看,G為125(正綠色時(shí)為255,R為0,B為0),R為82,B116,有這兩色混合,因此飽和度和明度都很低,然而在雅致的紫色背景的烘托下,較為突出了綠色的產(chǎn)品這一主角,達(dá)到配色目的。另一輔助色灰色,為整體的柔和狀態(tài)增添了雅致的氣息。
點(diǎn)睛色黃色的特質(zhì)因素,無(wú)疑是這頁(yè)面最響亮耀眼的顏色盡管使用的面積較小,它是紫色的對(duì)比色,高純度的黃色與低純度的紫色形成較強(qiáng)烈的視覺(jué)反差對(duì)比效果,也因此使得頁(yè)面的沉悶得到一定程度的緩解,提升頁(yè)面配色的空間透亮感。
結(jié)論:
整體柔和的配色調(diào)子較吻合的體現(xiàn)了尊貴高雅的服飾感覺(jué),并透露出寧?kù)o、安穩(wěn)、雅致的環(huán)境氛圍,充分體現(xiàn)出了紫色運(yùn)用的最大魅力。
本部分小節(jié):
● HSB數(shù)值H色相為300度時(shí)是正紫色,它的特性這個(gè)時(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á)的感受是不一樣的。
● 紫色傳達(dá)著高貴、優(yōu)雅、幻想、神秘、莊重的心理感受。藍(lán)紫色可以用來(lái)創(chuàng)造出都市化的成熟美,且藍(lán)紫色可以使心情浮躁的人冷靜下來(lái)。明亮的色調(diào)直至灰亮的藍(lán)紫色有一種與眾不同的神秘美感。低亮度的藍(lán)紫色顯得沉穩(wěn),高亮度的藍(lán)紫色顯得非常高雅。在網(wǎng)頁(yè)中,藍(lán)紫色通常與藍(lán)色一起搭配使用。
近期更新
- [2023-06-25 23:22:29] 優(yōu)秀網(wǎng)站設(shè)計(jì)的五大特點(diǎn)
- [2023-04-27 14:05:55] Html 5 響應(yīng)式網(wǎng)站設(shè)計(jì)制作
- [2023-04-10 11:07:30] 網(wǎng)站建設(shè)制作流程知多少
- [2022-10-14 10:11:30] 做網(wǎng)站設(shè)計(jì)應(yīng)該更看重框架搭建還是視覺(jué)觀感?
- [2022-08-09 15:57:48] 以“產(chǎn)品”思維搭建網(wǎng)站!
- [2022-08-08 09:12:57] 一家公司的網(wǎng)站應(yīng)該有哪些板塊內(nèi)容?
- [2022-08-05 09:28:06] 企業(yè)網(wǎng)站建設(shè)為什么要設(shè)置新聞板塊?
- [2022-07-04 15:58:06] 網(wǎng)站首頁(yè)設(shè)計(jì)的好看,這個(gè)網(wǎng)站就成功了一大半!
- [2022-05-20 09:34:19] 網(wǎng)站后臺(tái)管理系統(tǒng)是什么?有什么作用?
- [2022-05-17 11:29:32] 作為消費(fèi)者,應(yīng)該如何選擇一家水平高的網(wǎng)站建設(shè)公司
- [2022-05-17 11:27:01] 高端網(wǎng)站定制與模板化網(wǎng)站應(yīng)該怎么選擇?
- [2022-04-22 16:00:41] 現(xiàn)在高端的網(wǎng)站設(shè)計(jì)都有哪些新的趨勢(shì)?
延伸閱讀
- [2007-11-17 17:55:00] 網(wǎng)頁(yè)設(shè)計(jì)如何促進(jìn)內(nèi)衣品牌建設(shè)
- [2007-08-09 10:53:00] 網(wǎng)頁(yè)設(shè)計(jì)配色應(yīng)用實(shí)例剖析——灰色系
- [2009-11-13 14:29:00] 如何設(shè)計(jì)網(wǎng)頁(yè)橫幅
- [2006-07-27 13:40:00] 優(yōu)化策略:網(wǎng)頁(yè)設(shè)計(jì)的七大注意事項(xiàng)
- [2007-08-06 12:21:00] 網(wǎng)頁(yè)設(shè)計(jì)中的版式原理--均衡
- [2015-10-20 11:34:58] 2015年的網(wǎng)頁(yè)設(shè)計(jì)趨勢(shì)
- [2006-04-28 15:07:00] 從亞馬遜網(wǎng)站導(dǎo)航欄的變遷史看網(wǎng)頁(yè)設(shè)計(jì)
- [2006-10-09 10:25:00] 網(wǎng)頁(yè)設(shè)計(jì)配色應(yīng)用——色彩的對(duì)比
- [2009-11-18 22:41:00] 為銷(xiāo)售服務(wù)的網(wǎng)頁(yè)設(shè)計(jì)思路
- [2007-08-06 12:17:00] 網(wǎng)頁(yè)設(shè)計(jì)中的版式原理--對(duì)稱(chēng)
- [2006-08-31 22:24:00] 網(wǎng)頁(yè)設(shè)計(jì)中該如何決定是否使用框架?
- [2006-01-06 21:50:00] 網(wǎng)頁(yè)設(shè)計(jì)應(yīng)防止的10個(gè)錯(cuò)誤
解決方案
輪胎行業(yè)網(wǎng)站設(shè)計(jì)解決方案 機(jī)械行業(yè)網(wǎng)站設(shè)計(jì)解決方案 房地產(chǎn)行業(yè)網(wǎng)站設(shè)計(jì)解決方案 科技企業(yè)網(wǎng)站設(shè)計(jì)解決方案 電子家電網(wǎng)站設(shè)計(jì)解決方案 食品行業(yè)網(wǎng)站設(shè)計(jì)解決方案 集團(tuán)公司網(wǎng)站設(shè)計(jì)解決方案 企事業(yè)單位網(wǎng)站設(shè)計(jì)解決方案 外貿(mào)行業(yè)網(wǎng)站設(shè)計(jì)解決方案 健身運(yùn)動(dòng)網(wǎng)站設(shè)計(jì)解決方案 美容與化妝品網(wǎng)站設(shè)計(jì)解決方案 建筑設(shè)計(jì)行業(yè)網(wǎng)站設(shè)計(jì)解決方案 物流行業(yè)網(wǎng)站設(shè)計(jì)解決方案
TAGS關(guān)鍵字
網(wǎng)站SEO 網(wǎng)站策劃 視覺(jué)靈感 青島好的網(wǎng)站優(yōu)化公司 青島網(wǎng)站SEO 網(wǎng)站的速度 網(wǎng)站建設(shè)的步驟有哪些 青島網(wǎng)站優(yōu)化 海信網(wǎng)絡(luò)科技 html和css 微網(wǎng)站 手機(jī)網(wǎng)站建設(shè) 青島網(wǎng)站建設(shè) 交互設(shè)計(jì) 色彩心理學(xué) 企業(yè)網(wǎng)站建設(shè) 如何做網(wǎng)站優(yōu)化 青島IT資訊 官網(wǎng)建設(shè) HTML5 手機(jī)網(wǎng)站 青島黃島、紅島網(wǎng)站建設(shè)公司 SEO 青島高端網(wǎng)站建設(shè) 網(wǎng)站優(yōu)化 搜索引擎 網(wǎng)站設(shè)計(jì) 企業(yè)建站 力圖數(shù)字科技 程序開(kāi)發(fā)