網(wǎng)站設(shè)計(jì)怎樣進(jìn)行鄰、同、冷、暖四色搭配經(jīng)驗(yàn)，網(wǎng)站建設(shè)公司根據(jù)多年設(shè)計(jì)制作經(jīng)驗(yàn)，對網(wǎng)頁設(shè)計(jì)的色彩搭配方面的技巧進(jìn)行了整理，深圳網(wǎng)站制作公司現(xiàn)通過本站與各位網(wǎng)頁制作愛好者進(jìn)行分享。
一、鄰近色、同類色
1．鄰近色
鄰近色在色環(huán)上表示任顏色同其毗鄰之色。鄰近色也是類似色關(guān)系，只是范圍縮小了點(diǎn)。例如紅色和黃色，綠色和藍(lán)色，互為鄰近色。
【示例l】鄰近色網(wǎng)頁示例截圖10-20所示
網(wǎng)站設(shè)計(jì)經(jīng)驗(yàn)示意圖之鄰近色頁面效果示意圖10-20
網(wǎng)頁制作分析
圖10-20選用了紅色、黃色為鄰近色示倒，主要在色相上做區(qū)別豐富了頁面色彩上的變化。從RGB數(shù)值上看，以上5色R的數(shù)值都很高，僅是微妙的不同。其中淺黃色的B為138，因此在HSB數(shù)值中純度S顯示最低，為46%; 5色RGB中G的數(shù)值部不同，色相、明度也產(chǎn)生相應(yīng)的不同。從數(shù)值上分析整體看來，5色都有在同頻率的變化。
【點(diǎn)評】
由于是相鄰色系，視覺反差不大，統(tǒng)、闊和，形成協(xié)調(diào)的視覺韻律美，相較顯得安定、穩(wěn)重的同時(shí)不失活力．是種恰到好處的配色類型。
2．同類色
比鄰近色更加接近的顏色，它主要指在同色相中不同的顏色變化。例如，紅顏色中有紫紅、深紅、玫瑰紅、大紅、朱紅、橘紅等種類，黃顏色中又有深黃、土黃、中黃、橘黃、淡黃、檸檬黃等區(qū)別。它起到色彩調(diào)和統(tǒng)，又有微妙變化的作用。
【示例2】同類色網(wǎng)頁示例截圖如圖10-21所示。
網(wǎng)站制作設(shè)計(jì)經(jīng)驗(yàn)之同類色頁面效果示意圖-10-21
設(shè)計(jì)師分析
選用紅色系4種同類色示例，主要在明度上做區(qū)別變化。由于是紅色系．4色RGB數(shù)值中的R，數(shù)值都很高且相當(dāng)。從HSB數(shù)值看出，明度越高的顏色飽和度越低。從這4種同類色相來看，明度在強(qiáng)中弱的節(jié)奏中緩和地進(jìn)行變化。
【點(diǎn)評】
第一眼看上去給人溫柔、雅致、安寧的心理感受，便可知該組同類色系非常調(diào)和統(tǒng)一。只運(yùn)用同類色系配色，是十分謹(jǐn)慎穩(wěn)妥的做法，但是有時(shí)會有單調(diào)感。添加少許相鄰或?qū)Ρ壬?，可以體現(xiàn)出頁面的活躍感和強(qiáng)度。
二、暖色、冷色
1．暖色
暖色指的是紅、橙、黃這類顏色。暖色系的飽和度越高，其溫暖特性越明顯?？梢源碳と说呐d奮性，使體溫有所升高。
【示例l】暖色網(wǎng)頁示例截圖如圖10- 22所示。
網(wǎng)站制作設(shè)計(jì)配色經(jīng)驗(yàn)之暖色頁面效果示意圖10-22
設(shè)計(jì)師分析
由于是暖色系，以上面3種顏色RGB數(shù)值中R的含量為主導(dǎo)，B都為0，暖度強(qiáng)度傾向在G的添加黃色成分變化中可以看到，較規(guī)律的數(shù)值變化、較有視覺節(jié)奏感。HSB中純度S和明度B都達(dá)到最高值，是鮮艷奪目的搭配色組合。
【點(diǎn)評】
而明度高純度的色彩搭配，把頁面表達(dá)得鮮艷炫目，有非常強(qiáng)烈刺激的視覺表現(xiàn)力，充分體現(xiàn)了暖色系的飽和度越高，其溫暖特性越明顯的性格。
2．冷色
冷色指的是綠、青、藍(lán)、紫等顏色，冷色系亮度越高，其特性越明顯，能夠使人的心隋平靜、清爽、恬雅。
【示例2】冷色網(wǎng)頁示例截圖如圖10-23所示。
網(wǎng)站設(shè)計(jì)配色之冷色頁面效果示意圖10-23
【分析】
冷色系的亮度越高，其特性越明顯。單純玲色系搭配視覺感比暖色系舒適，不易造成視覺疲勞。藍(lán)色、綠色是冷色系的主要系，是設(shè)計(jì)中較常用的顏色，也是大自然之色，帶來一股清新、祥和安寧的空氣。
從本文示例可以看出三原色視覺沖擊力最強(qiáng)，也是最刺目的，容易制造沖突、煩燥、不舒適的心情，所以是較難掌握的配色，大面積大范圍使用要慎重。
間色是由三原色中的兩色調(diào)配兩次，間于原色和復(fù)色之間，屬于中性色，視覺沖擊力次之，顏色的刺激緩和不少，給人舒適、喻悅的心情，是較容易掌握的配色，也是在設(shè)計(jì)中使用得比較多的顏色。復(fù)色是由兩種間色或原色與間色相混合而產(chǎn)生的顏色，呈灰色階，視覺沖擊力更弱，柔和但是使人沉悶壓抑。復(fù)色調(diào)配好了，能體現(xiàn)出高層次、高素養(yǎng)的成熟特性魅力，也稱為高級灰，是很耐看的顏色。因此，顏色相互混合得越多，飽和度越低，視覺沖擊力越弱。
色彩運(yùn)用到一定程度后，應(yīng)該逐漸認(rèn)識到在個(gè)環(huán)境、區(qū)域范圍里，色彩的屬性、性能特性是相對的。例如，黃色在藍(lán)色、綠色這兩個(gè)區(qū)域環(huán)境下，黃色可以說這個(gè)時(shí)候是呈暖色，而出現(xiàn)在橘紅、朱紅、深紅這幾個(gè)區(qū)域環(huán)境下，黃色可以說在這個(gè)時(shí)候是呈冷色。同樣地，藍(lán)色相對綠色是冷色，紫色相對藍(lán)色是暖色等。可根據(jù)網(wǎng)頁設(shè)計(jì)主題的目的要求、環(huán)境協(xié)調(diào)度的需要等做相應(yīng)的搭配調(diào)整。
RGB三者的數(shù)值越接近，色階較趨于直線平穩(wěn)，呈灰階，網(wǎng)頁對視覺的刺激性越緩慢、柔和；RGB三者的數(shù)值相互間差距越大，色階曲線波動就大，網(wǎng)頁對視覺的刺激性越迅速、強(qiáng)烈。HSB數(shù)值中SB相應(yīng)數(shù)值越高，視覺刺激度越強(qiáng)烈。抓住以上這些規(guī)律及色彩特性，在以后的網(wǎng)頁設(shè)計(jì)配色中，根據(jù)不同的需要配置不同的顏色，來達(dá)到某些不同的目的和效果。
通過RGB數(shù)值和HSB數(shù)值的計(jì)算，有助于更科學(xué)理性的分析判斷，更準(zhǔn)確地研究分析網(wǎng)頁設(shè)計(jì)配色的協(xié)調(diào)性、合理性，掌握其規(guī)律性。有經(jīng)驗(yàn)的設(shè)計(jì)師通常僅僅憑目測、直覺，就能隨心所欲地掌控色彩的配置。網(wǎng)站制作公司關(guān)于網(wǎng)站設(shè)計(jì)時(shí)配色方面的技巧本文就分享到這里。謝謝您的關(guān)注，博納網(wǎng)絡(luò)編輯整理。
