本文沒有咬文嚼字的地方，只是一個配色技巧的分享，十分簡單，簡單到流淚，但或許對你來說又十分實用，實用到無語。原本就是天然的饋贈，你我只是順手采擷之......

創(chuàng)新互聯(lián)長期為上千客戶提供的網(wǎng)站建設(shè)服務，團隊從業(yè)經(jīng)驗10年，關(guān)注不同地域、不同群體，并針對不同對象提供差異化的產(chǎn)品和服務；打造開放共贏平臺，與合作伙伴共同營造健康的互聯(lián)網(wǎng)生態(tài)環(huán)境。為舟山企業(yè)提供專業(yè)的成都網(wǎng)站建設(shè)、成都網(wǎng)站制作，舟山網(wǎng)站改版等技術(shù)服務。擁有10年豐富建站經(jīng)驗和眾多成功案例,為您定制開發(fā)。

網(wǎng)頁視覺層面主要是由形式（或叫布局）、色彩、圖片和文字信息組成，設(shè)計師通常對形式感關(guān)注的比較多，因為視覺沖擊力、設(shè)計差異性或創(chuàng)新大多都仰賴形式呈現(xiàn)，而色彩主要影響整體觀感、設(shè)計品質(zhì)以及受眾情緒，很多時候我們設(shè)計了一個不錯的形式卻未能做出這個稿子應有的品質(zhì)，會不會太可惜？

形式需要思考創(chuàng)造，圖片素材需要學習處理，文字需要梳理編排，但網(wǎng)頁色彩是不是一定需要有天生的色感、豐富的理論和多年經(jīng)驗沉淀才能運用自如？

當然不！

關(guān)于網(wǎng)頁配色

網(wǎng)頁配色的文章在網(wǎng)絡(luò)上很多，甚至有些泛濫，稍微關(guān)注過的同學應該都知道“色輪”、“色卡”等輔助性配色工具，但那更多都是從印刷介質(zhì)上的色彩系統(tǒng)延伸出來的，不完全適用于網(wǎng)頁，甚至造成很大的局限，比如你會較真的通過色輪來選用網(wǎng)頁色彩嗎？再比如通過下面提供的配色組合，你能自由的應對一個又一個的類型相若的網(wǎng)頁設(shè)計需求嗎？

由于CMYK與RGB色彩模式不同，網(wǎng)頁的色彩呈現(xiàn)數(shù)量要龐大的多，選用也應該更自由，但在配色上卻常碰到設(shè)計作品偏臟、發(fā)灰、花哨等大問題，這事兒得解決。

網(wǎng)頁案例剖析

“網(wǎng)頁配色不宜超過三種。”

真理，這沒錯，但更多是從色相（赤橙黃綠青藍紫等不同顏色）上來說的。

色相差異明顯，主要色彩的選取就比較好辦，常見的有對比色、臨近色、冷暖色調(diào)互補等方式，可以簡單設(shè)定，或直接從成功作品中借鑒主輔色配比都可以，比如常見的朱紅點綴深藍、明黃點綴深綠等。

但通常，我們需要面對的設(shè)計需求在色彩分配上會有更多的問題出現(xiàn)：

（由于本人從事游戲網(wǎng)頁視覺設(shè)計工作，故案例均以游戲網(wǎng)頁做示意說明，其他網(wǎng)頁類型可以做延伸思考或僅作參閱）

如上所示，根據(jù)網(wǎng)頁信息的多寡，會有更多色彩區(qū)域的層級劃分和文字信息層級區(qū)分需求，那么在守住“網(wǎng)頁色彩（相）不超過三種”的原則下，只能尋找更多同色系的色彩來完善設(shè)計，也就是在“飽和度”和“明度”上做文章。

這也就是本文為解決這一問題所要分享的“天然”配色技巧：疊柔配色法。

分享文章：網(wǎng)頁配色的天然范兒
網(wǎng)站路徑：http://weahome.cn/article/cjdsgh.html