大家在做網(wǎng)頁設(shè)計(jì)的時(shí)候，有很多人都怕顏色搭錯(cuò)顯得雜亂，其實(shí)選對(duì)“同類色”就能幫助大家輕松閉坑！同類色就是顏色家族里的“親兄弟”，搭配起來和諧統(tǒng)一，還顯高級(jí)，合理運(yùn)用能讓網(wǎng)頁質(zhì)感翻倍！下面就帶大家一起來看看吧！

　　1、確定主色，再找“兄弟色”

　　先選 1 個(gè)核心主色（比如品牌色、行業(yè)代表色），再挑 2-3 個(gè)同色系的深淺色當(dāng)輔助色。比如做科技類網(wǎng)頁，主色選沉穩(wěn)的深藍(lán)色，輔助色用天藍(lán)色（圖標(biāo)）、藏藍(lán)色（標(biāo)題），整體色調(diào)統(tǒng)一不混亂。

　　2、深淺對(duì)比，做出層次感

　　同類色不是全用一樣深淺，要靠“明暗差異”來區(qū)分內(nèi)容層級(jí)。比如主色用中等深度（比如正綠色），標(biāo)題用更深的墨綠色（顯眼），正文用淺一點(diǎn)的淡綠色（易讀），背景用接近白色的淺綠色（不刺眼）。這樣不用換其他顏色，就能讓網(wǎng)頁信息“主次分明”，讓用戶一眼就能找到重點(diǎn)。

　　3、重點(diǎn)內(nèi)容用深一點(diǎn)的同類色

　　要想讓按鈕、鏈接、活動(dòng)區(qū)域更鮮艷，不用換其他的色系，用主色的“加深版”就行。比如主色是淺藍(lán)色，“立即購買” 按鈕就用深藍(lán)色，既和整體色調(diào)協(xié)調(diào)，又能突出重點(diǎn)，用戶一眼就知道“該點(diǎn)這”。

　　4、“留白 + 同類色”，避免壓抑感

　　同類色用多了會(huì)容易顯沉悶，一定要留住留白空間，這樣既能突出頁面重點(diǎn)，又能讓頁面顯得更清晰有呼吸感。要是全用同色系且不留白，網(wǎng)頁會(huì)像“一塊單色布”，用戶看久了就容易疲勞。

　　5、小面積點(diǎn)綴，打破單調(diào)

　　如果覺得同類色太單調(diào)，就不用加其他的大色塊，只要用1個(gè)小面積的中性色（比如白色、淺灰色）或同色系的亮色塊（比如主色是淺藍(lán)，點(diǎn)綴 1 點(diǎn)湖藍(lán)色圖標(biāo)），這樣會(huì)讓整個(gè)頁面既不破壞整體和諧，又能增加細(xì)節(jié)感。

　　綜上所述，就是為大家總結(jié)的幾點(diǎn)同類色的設(shè)計(jì)技巧，跟著以上這幾步走，就能讓網(wǎng)頁有質(zhì)的提升，希望以上能給大家?guī)韼椭?/p>