深紫色的網(wǎng)頁設(shè)計

  • 2020-03-02 16:56:45
  • 閱讀次數(shù):
  • 作者:盈嵐科技小編
  • 來源:http://m.supportcoffeeroasters.com

【示例】深紫色網(wǎng)頁設(shè)計示例截圖如圖所示。

1.jpg

【分析】以略有漸變色為背景主色調(diào),漸變色是調(diào)和方法之一,起到增加層次感、空間感、柔和視覺的作用。背景色左上最亮處的特殊處理,主要起到突出了標(biāo)志的作用。從HSB模式H色相數(shù)值上看到輔助色依舊以主色調(diào)延伸而成,僅在明度上做了些變化,屬于同類色的調(diào)和色系。點(diǎn)睛色皆選用了色彩色系中明度最高的黃色及相近色黃綠、玫瑰紅。黃色和黃綠色是點(diǎn)睛之筆—黃色是紫色的對比色,深紫色背景上的高明度黃色被襯托得異常跳躍。黃綠色既和諧又增添了頁面配色的高強(qiáng)度節(jié)奏。玫瑰紅在這里是最溫暖的顏色,協(xié)調(diào)且增強(qiáng)了頁面配色的層次感。根據(jù)各顏色的特質(zhì),在視覺上成功做了先后次序的引導(dǎo)。白色雖是非色彩,但也起到拉大色彩之間色階層次的作用,增強(qiáng)了頁面空間感,也使以上配色更調(diào)和。

【點(diǎn)評】網(wǎng)頁設(shè)計時整個頁面配色尤其是點(diǎn)睛色的妙用,使得整個頁面非常新穎別致,極賦現(xiàn)代都市氣息。根據(jù)面積的大小對比,適當(dāng)?shù)膶Ρ壬茏岉撁嬗谢钴S、明快的氣氛。深紫色給人華貴、深遠(yuǎn)、神秘、孤寂、珍貴的心理感受。較暗色調(diào)的紫色可以表現(xiàn)出成熟沉穩(wěn)的感覺,創(chuàng)造、謎、忠誠、神秘、稀有。

紫色+綠色

【示例】紫色搭配綠色的網(wǎng)頁示例截圖如圖所示。

2.jpg

【分析】在網(wǎng)頁設(shè)計中,綠色被譽(yù)為紫色的絕配色。主色調(diào)是飽和度降低明度較低的紫色,輔色調(diào)是色彩明度較高的草綠色及沉穩(wěn)的深藍(lán)色。點(diǎn)睛色雖然被稱為點(diǎn)睛色,但在整個頁面中使用的面積極小,與其他色系所占的比重來看,這兩種點(diǎn)睛色小到幾乎給忽略。盡管從HSB模式數(shù)值上看到,橙黃色為高純度、高明度色,只在主題文字上有些體現(xiàn)。另一藍(lán)綠色所處的位置在顯眼的網(wǎng)站名稱后方,謙遜程度幾乎不為人們注意到,盡管它才是網(wǎng)站背后所要表達(dá)的真正主題。草綠色和深藍(lán)色把大面積的白色框起來,襯托起前景,但也許由于白色面積使用過大,為了不至于讓它太突出,在白色的背景上點(diǎn)綴較淺的紋樣來降低這種感覺。背景色紫色由于色彩特質(zhì)明度較低的緣故,與明度較高的輔助色草綠色形成較明快的效果。

【點(diǎn)評】點(diǎn)睛色根據(jù)頁面所占的面積因素,也有的僅起到輔助的作用。相反草綠色或許由于色彩特質(zhì)的原因,這里起到比較強(qiáng)調(diào)的強(qiáng)勢目的,在該頁面配色里起到非常關(guān)鍵的作用。

紫色+紫紅色

【示例】紫色與鄰近紫紅色搭配的網(wǎng)頁示例截圖如圖所示。

3.jpg

【分析】該頁面配色的色組和紫色關(guān)聯(lián)上稍有些偏移,從HSB的H色相數(shù)值上顯示的260來看,正紫色數(shù)值為300,主色調(diào)整個往藍(lán)色系稍偏移,構(gòu)成較有視覺感染力的藍(lán)紫色。藍(lán)紫色在色相環(huán)中位于藍(lán)感。盡管飽和度不是很高60%,但明度達(dá)到最高狀態(tài)為100%,使得該色彩艷度很強(qiáng),較高亮度的藍(lán)紫色顯得非常高雅,契合網(wǎng)站主題。輔色調(diào)HSB的H色相數(shù)值為270,已經(jīng)稍往紫色偏移,紫色特征較明顯,明度較高且較明快的感覺。另一輔助色粉紅色H色相數(shù)值為331,稍往紅色系偏移,明度極高為100%,更增添了明快的氣息。

點(diǎn)睛色在這里起到了不可忽視的作用,由于淺紫紅較有女性氣質(zhì)特征,增添了該頁面的女性溫柔細(xì)膩的美感。另一點(diǎn)睛色深藍(lán)色由于色彩特質(zhì)所致,這里只是輔助性做些點(diǎn)綴?!军c(diǎn)評】淺紫色系給人嫵媚、優(yōu)雅、嬌氣、清秀、夢幻,充滿女性魅力。上面的配色除了點(diǎn)睛色深藍(lán)色明度較低,其他的色彩組合都在不同的程度上提高了明度,增強(qiáng)了頁面所要表達(dá)的主題效果。

當(dāng)前文章標(biāo)題:深紫色的網(wǎng)頁設(shè)計

當(dāng)前URL:http://m.supportcoffeeroasters.com/news/wzzz/3171.html

上一篇:網(wǎng)頁設(shè)計中的紫色頁面配色

下一篇:網(wǎng)頁設(shè)計中的紫色+紅色

網(wǎng)站建設(shè)、網(wǎng)絡(luò)營銷咨詢專線:181-8386-5875(點(diǎn)擊可一鍵撥號)