網(wǎng)站制作色彩搭配之：黑色頁面配色
黑色是暗色，是純度、色相、明度最低的非彩色。黑色象征著力量，有時感覺沉默、虛空，有時感覺莊嚴肅穆，有時又意味著不吉祥和罪惡。自古以來，世界各族都公認黑色代表死亡，悲哀黑色具有能吸收光線的特性，別有種變幻無常的感覺。
黑色能和許多色彩構成良好的對比調(diào)和關系，運用范圍很廣。黑色給人深沉、神秘、寂靜、悲哀、壓抑的感受。黑色是最有力的搭配色常用來表示英俊的男人。深圳網(wǎng)站制作公司現(xiàn)在就網(wǎng)頁設計黑色的配色方法進行分享，希望對您的工作有所幫助。
網(wǎng)站制作色彩搭配之黑色+白色
【示例】黑色系明度對比：黑色+白色，黑色網(wǎng)頁示側截圖如圖10-31所示
分析
從RGB和HBS模式可以看出，3組數(shù)字顯示沒有摻雜任何的數(shù)字，都統(tǒng)到最高級。到255，即純黑和純白。
黑色白色屬于沒有色相和飽和度、只在明度兩極的非色彩。兩種極端強烈對比的只在明度上有區(qū)別的顏色，與前面所說的三原色、對比色的對比還是有較大區(qū)別的。該頁面只有兩種非色彩搭配，即黑色白色，襯映得該頁面的設計元素也非常干凈簡練，旁邊點綴大小得當?shù)奈?/span>字元素減小該頁面有可能因此產(chǎn)生的單調(diào)感覺。
【網(wǎng)站設計師點評】
黑白純色在明度上反差非常大．視覺沖擊強烈，主次分明，全站的貫穿運用，構成特色鮮明的設計風格，散發(fā)迷人的高品位的貴族氣息黑白兩種顏色的搭配使用通常可以表現(xiàn)出都市化的感覺，常用于現(xiàn)代派頁面設計中。
網(wǎng)站制作色彩搭配之黑白+深灰色
【示例】二怍色彩系：黑白+深灰色黑色網(wǎng)頁示例截圖如圖10-32所示
分析
該頁面與上頁配色類似，只是多了組輔助色灰色，黑、灰、白這3種非色彩在該頁面里都運用到了。從該頁整體效果可以看到多了輔助色灰色，令該頁面層次感更豐富，過渡更柔和，空間感覺增強。左上部點睛色白色塊面的運用，使得這種空間感差距拉大，增強視覺層次感，同時突出標志品牌、主題思想。另作用在于突出文字的功能運用。
背景深灰色明度非常低，接近于黑色，稍不留心有可能會被忽略。結合輔助色灰色再整體上看該色配色，主要起到豐富視覺層次感，緩和主色闊黑色有可能帶來的僵硬感。
【網(wǎng)站設計師點評】
黑白灰非色彩色調(diào)所構成的頁面較具特色，尤其灰色的加入更增添層次感。結合黑白圖形，營造出段古典的故事場景。契合該網(wǎng)站所體現(xiàn)的內(nèi)容思想。
網(wǎng)站制作色彩之大黑色
【示例】黑色背景應用網(wǎng)頁示例搭配示意圖10-33
分析
背景黑色下，除了白色，還有其他3種顏色綠色、紫色、紅色分布在不同的位置。其中綠色和紫色雖然被稱之為輔助色，但它們使用的面積仍然不多，只是相對于點睛色紅色來說。綠色主要是用于文字方面，紫色用于圖形萬面，所指向的分工明確。從RGB模式RGB 3個數(shù)值上看到紫色混合數(shù)值上較接近，因此純度降低，相對于綠色、紅色來說為中間色，色彩性能上呈低調(diào)緩和狀態(tài)。
從HSB模式S數(shù)值來看，綠色雖然純度上比紅色稍低些，也許是因為使用面積較多的原因，看起來似乎比紅色醒目些。紅色在這里主要起到的是點明目前所屬的狀態(tài)這功能性作用，在黑色的背景下盡管使用面積非常小，但依舊容易被瀏覽者注意。
【網(wǎng)站設計師點評】
黑色的背景下所使用的顏色面積雖然不多，但由于黑色這襯托放大的特性，其他顏色較容易引起瀏覽者的注意，充分發(fā)揮其設計意圖。
網(wǎng)站制作色彩搭配之黑白+淺灰
【示例】黑白淺灰色網(wǎng)頁設計色彩搭配示意圖10-34
分析
該頁面無論從設計上還是配色上部非常簡潔，主要是以黑白文字為重點，背后的白黑色塊面粗、白色邊框線條無不是為了突出前景文字
的作用。
從RGB數(shù)值都是234來看，255為白色，背景色234只是在明度上稍做變化得到的淺灰色。背景的淺灰色把前景的白黑對視覺的刺激力變得柔和協(xié)調(diào)很多。雖為背景灰色，實際在整個頁面配色作用上起到了點睛之筆，使得頁面煥發(fā)出另外種神秘且特殊的氣息。
【網(wǎng)站設計師點評】
該頁面設計風格極其簡約，除了方形塊面邊框，沒有多余的圖形修飾，主要是以文字的大小粗細、疏密間距排版為設計元素。淺灰色的加入讓本來具強烈沖突色的黑白變得素雅些了，也頗具而層次格調(diào)許多。
網(wǎng)站制作色彩搭配之黑色+少彩色
【示例】黑色加少量才彩色網(wǎng)頁色彩搭配示意圖10-35
【分折】
該頁面以黑色為主色調(diào)，雖然多了不少顏色的加入，但是由于使用面積都較少，除了少許修飾外主要運用于功能文字方面的強調(diào)。輔助色為藍色，正藍色的HSB模式中H是240，目前該頁面顯示的是215，可看出色相上稍向綠色靠攏，S93%和B43%來看純度和明度都不高，因此該藍色在黑色上顯示不明顯。點睛色主要都運用在文字功能上，紅色幾乎是正紅，由于降低了純度和明度．該顏色不明顯。綠色H數(shù)值為149，正綠色為120，色相上稍向藍色傾斜，純度和明度不高，因此該顏色也不明顯。
【網(wǎng)站設計師點評】
低純度低飽和度的色彩在黑色背景下，較易使整體色彩達到統(tǒng)的目的，顏色變得柔和而含蓄。
網(wǎng)站制作色彩搭配之黑色+橙色
【示例】黑色搭配橙色應用網(wǎng)頁示例截圖如圖10-36所示。
分析
橙色的HSB模式H色值顯示是25，而正橙色是30，該橙色色相上稍往黃色傾斜。橙色適用于視覺要求較高的時尚網(wǎng)站，運用于該網(wǎng)站主題設計再適合不過了。另點睛橙色在色相上稍偏橙紅色，是基于橙色的個過渡或者說是增加視覺節(jié)奏感的個小方法。右邊文字在不同程度上也使用了橙色作為點睛，稍平衡了左右視覺，起到色彩左右呼應的作用。輔色調(diào)白色使得黑色和橙色的搭配上不至于太生硬，增強頁面視覺的喻悅感。
【網(wǎng)站設計師點評】
橙色在黑色的背景上顯得很鮮亮，它的特性得到了最大化的發(fā)揮。
網(wǎng)站制作色彩搭配之黑色+紅色
【示例】黑色搭配紅色應用網(wǎng)頁示例截圖如圖10-37所示
分析
從HBS模式上看，輔助色紅色的H為0度，該紅色為正紅包且純度明度都為最高值100%，在黑色這背景的襯托下，高純度、高明度的正紅色遇到黑色搭配結合而得的特性簡直發(fā)揮到了極致。因此該頁面色彩配色具有極強的視覺沖擊力。
點睛色白色是讓這兩種顏色配合起來更透亮，緩和對人視覺不適的壓迫力。盡管頁面的設計元素為噪聲效果，顏色在不同面積分配上也參差不齊的感覺，但是由于黑色主色調(diào)為背景，牢牢掌控了全局，頁面設計及配色上色能達到統(tǒng)的目的。
【網(wǎng)站設計師點評】
紅色和黑色的搭配被譽為商業(yè)的成功包。是因為紅色是種對人刺激性很強的顏包，是最鮮明生動的、最熱烈的顏色。在黑色的反襯下鮮明紅色極容易吸引人們的目光。紅色相對于其他麗色，視覺傳遞速度最陜。紅黑這兩種配色世被廣泛地運用于較能體現(xiàn)個性的時尚類網(wǎng)站讓人印象強烈的深刻。
網(wǎng)站制作公司設計師總結
黑色是最暗的顏色，是純度、色相、明度最低的非彩色。因此它較容易起到襯托和發(fā)揮起其他顏色的特性，是最有力的搭配色。無論頁
面上使用或者色相跨度大的多種顏色，或是高純度低純度，或者面對比的顏色，只要有黑色這最得力的色彩為主色調(diào)掌控著，頁面設計配色上能得到和諧統(tǒng)的效果。
黑白色的搭配充滿個性，合理遠用能散發(fā)出另外種迷人的高品位高格調(diào)的貴族氣質(zhì)。黑色與橙色搭配較容易營造視覺要求較高的時尚網(wǎng)站。黑色與紅色的搭配被譽為是商業(yè)的成功色，具有極強的視覺沖擊力。好了，網(wǎng)站制作公司關于網(wǎng)頁設計色彩搭配之黑色的相關制作經(jīng)驗本文就分享到這里。謝謝你的關注，博納網(wǎng)絡編輯整理。
