【示例】紫色搭配紅色應(yīng)用網(wǎng)頁(yè)設(shè)計(jì)示例截圖如圖所示。
【分析】本頁(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è)線(xiàn)條的小色塊的修飾增強(qiáng)了頁(yè)面的視覺(jué)感染力。背景黑色不是孤立使用,既響亮地突出前景,又與前景的線(xiàn)條、文字呼應(yīng)起來(lái),讓整個(gè)頁(yè)面高品位、高層次的特質(zhì)更明顯。
【點(diǎn)評(píng)】主色調(diào)紫色在這里既有沉靜又顯高貴的感覺(jué),提升產(chǎn)品的檔次。點(diǎn)睛色紅色的加入讓這種高貴又檔次的感覺(jué)更加明顯。藍(lán)色有穩(wěn)住紫色和紅色的效果。該頁(yè)面大色塊的構(gòu)圖及配色極其簡(jiǎn)約,獨(dú)具魅力。
【示例】紫色低純度配色(紫色+綠色)應(yīng)用網(wǎng)頁(yè)示例截圖如圖所示。
【分析】該頁(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è)面配色的空間透亮感。
【點(diǎn)評(píng)】整體柔和的配色調(diào)子較吻合地體現(xiàn)了尊貴高雅的服飾感覺(jué),并透露出寧?kù)o、安穩(wěn)、雅致的環(huán)境氛圍,充分體現(xiàn)出了紫色運(yùn)用的最大魅力。
HSB數(shù)值H色相為300度時(shí)是正紫色,從上面的網(wǎng)頁(yè)設(shè)計(jì)配色實(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è)設(shè)計(jì)中,藍(lán)紫色通常與藍(lán)色一起搭配使用。
當(dāng)前文章標(biāo)題:網(wǎng)頁(yè)設(shè)計(jì)中的紫色+紅色
當(dāng)前URL:http://supportcoffeeroasters.com/news/wzzz/3172.html