網站設計之哪些色彩搭配應該拉入“黑名單"
2017.02.28
色彩搭配是一門非常有深度的學問，每個人每天都在進行著與色彩搭配有關的選擇，如今天衣服穿什么顏色，辦公桌上插花的色彩選擇、對午餐搭配的選擇等等，這些都是我們日常生活中最為常見的色彩搭配選擇。在網站設計中色彩搭配和選擇主要體現在網站頁面的設計上，如頁面各個部分色彩的搭配、文字顏色的選擇、按鈕顏色的選擇等。
接下來就一起和分形科技看一看在網站設計中哪些色彩搭配是應該拉入“黑名單”的吧！
第一，將太亮的霓虹色拉入黑名單
閃亮的霓虹色一直是夜色下裝點城市的主色，霓虹燈可以組成各種肖趣的圖案，很多設計師會想到將這些受人喜歡的顏色應用于網站設計。但是在實際生活中受歡迎的霓虹色在網站中并不受用戶的喜歡，它往往會讓用戶有“閃瞎了”的不適感。
所以建議將霓虹色接入黑名單，原因在于霓虹色的文字內容不好識別，不利于閱讀，尤其是和暗色調的背景搭配的時候這種晃眼的感覺更加明顯。如果用霓虹色做背景的話，我們可以想象那是怎樣一個眼花繚亂的效果，簡直一片閃耀什么都看不清楚。
合理規避“震顫”色的方法：
1、不要將高飽和度的色彩放在一起；
2、不要將在色輪上是互補色或是相隔180度處理對稱位置的兩種色彩放在一起；3、將兩種色彩轉化為灰度之后，兩者灰度非常接近的色彩不要放在一起。
建議解決方法：在必須用時加入中性的色彩將兩者分隔開來。
第三，將淺色+淺色的色彩搭配拉入黑名單
色+淺色的色彩搭配是網站設計中非常常見的一種錯識的色彩搭配方式，這樣的設計會讓用戶很難閱讀其中的內容。在網站Banner圖的設計中經常出現這種色彩搭配錯誤，即文字的色彩正好和背景色彩中最淺的部分疊加在一起，造成了閱讀障礙，降低了Banner應該起到的作用。
建議修復方法：選擇色彩均勻統一的背景，文字部分的色彩要與背景色之構成對比，或是嘗試調整整個背景圖片的色調、明暗、飽和度等，以達成提升對比度的效果。
第四，將“K”黑色拉入黑名單
“K”黑指的是CMYK中的K黑色，很網設計網站設計時用的圖很可以會被使用到印刷品上，但是我們需要知道網頁中使用的黑色與印刷品中使用的黑色是不一樣的，二者有碰上巨大的差別。
網頁用的純黑的色值為#000000，而印刷品中的純黑的色值是C75、M68、Y67、K90，這種色彩使用到印刷品中會有微微泛藍的現象。
建議解決方法：網站設計在使用黑色時可以挑選一個帶有你的品牌色調的黑色，而不是色值為#000000的純黑色，這樣可以在用到印刷品上時更容易協調。薦讀文章：網站設計中如何讓你的網站色彩會說話
色彩搭配選擇在網站設計工作中是非常得要的，它是網站設計師們的必備技能之一就是色彩搭配，一個和諧的、合理的色彩搭配方案可以讓企業網站在吸引用戶和推廣宣傳上更具優勢。這里設計師需要注意的是：并不是所有的色彩搭配都是合理的，如果你在網站設計中的色彩搭配不當，那么很容易為企業網站帶來不良好用戶體驗，這樣用戶將會放棄你的網站。
接下來就一起和分形科技看一看在網站設計中哪些色彩搭配是應該拉入“黑名單”的吧！
第一，將太亮的霓虹色拉入黑名單
閃亮的霓虹色一直是夜色下裝點城市的主色，霓虹燈可以組成各種肖趣的圖案，很多設計師會想到將這些受人喜歡的顏色應用于網站設計。但是在實際生活中受歡迎的霓虹色在網站中并不受用戶的喜歡，它往往會讓用戶有“閃瞎了”的不適感。
所以建議將霓虹色接入黑名單，原因在于霓虹色的文字內容不好識別，不利于閱讀，尤其是和暗色調的背景搭配的時候這種晃眼的感覺更加明顯。如果用霓虹色做背景的話，我們可以想象那是怎樣一個眼花繚亂的效果，簡直一片閃耀什么都看不清楚。
建議解決方法：適當的降低霓虹色的亮度，讓它看起來不那和閃耀讓用戶感覺到和諧。
第二，將“震顫”的色彩拉入黑名單
“震顫”的色彩指的是那些高飽和度的色彩，這些色彩搭配在一起時會產生一種“震顫效應”，讓看到的人產生兩種色彩之間會產生模糊、震顫或者發出光暈的視覺效果。這種色彩會讓人暈眩產品生不適，所以建議將其收入黑名單。
合理規避“震顫”色的方法：
1、不要將高飽和度的色彩放在一起；
2、不要將在色輪上是互補色或是相隔180度處理對稱位置的兩種色彩放在一起；3、將兩種色彩轉化為灰度之后，兩者灰度非常接近的色彩不要放在一起。
建議解決方法：在必須用時加入中性的色彩將兩者分隔開來。
第三，將淺色+淺色的色彩搭配拉入黑名單
色+淺色的色彩搭配是網站設計中非常常見的一種錯識的色彩搭配方式，這樣的設計會讓用戶很難閱讀其中的內容。在網站Banner圖的設計中經常出現這種色彩搭配錯誤，即文字的色彩正好和背景色彩中最淺的部分疊加在一起，造成了閱讀障礙，降低了Banner應該起到的作用。
建議修復方法：選擇色彩均勻統一的背景，文字部分的色彩要與背景色之構成對比，或是嘗試調整整個背景圖片的色調、明暗、飽和度等，以達成提升對比度的效果。
第四，將“K”黑色拉入黑名單
“K”黑指的是CMYK中的K黑色，很網設計網站設計時用的圖很可以會被使用到印刷品上，但是我們需要知道網頁中使用的黑色與印刷品中使用的黑色是不一樣的，二者有碰上巨大的差別。
網頁用的純黑的色值為#000000，而印刷品中的純黑的色值是C75、M68、Y67、K90，這種色彩使用到印刷品中會有微微泛藍的現象。
建議解決方法：網站設計在使用黑色時可以挑選一個帶有你的品牌色調的黑色，而不是色值為#000000的純黑色，這樣可以在用到印刷品上時更容易協調。薦讀文章：網站設計中如何讓你的網站色彩會說話
400-6446-365 / 010-64928252
我想要個更針對我需求的方案
也許您需要專業的服務，歡迎來電咨詢
您的需求，是我們前進最大的動力
關于我們
北京分形科技有限公司成立于2003年，是一家以AI為核心驅動力，提供網絡品牌策劃、AI互聯網服務、WEB3服務、AI人工智能解決方案的綜合服務商
我們一直秉承的經營理念：責任、熱情、品質、包容
主要業務范圍：AI互聯網服務（網站建設,網站群,短視頻社交平臺,APP,小程序）AI人工智能行業解決方案（智慧博物館,智慧公園,智慧景區,智慧社區,智慧醫療,智慧校園,）IoT智能物聯產品（智能步道,AR太極,AI健身,AI導覽,AI單車,智慧樹）WEB3（區塊鏈,元宇宙,NFT數字藏品）