平面設計中一定不能用的配色方案

 　　當我們討論配色的時(shí)候，通常聊的是配色趨勢、配色規則和配色方法，但是與此同時(shí)，我也應當合理的規避一些比較典型的錯誤配色方式。這個(gè)配色黑名單并不長(cháng)，但是覆蓋了多屬的配色問(wèn)題，不妨仔細看看~

　　網(wǎng)絡(luò )是一個(gè)多彩的世界，而色彩也是網(wǎng)絡(luò )吸引用戶(hù)注意力的主要手段之一，它令人產(chǎn)生興趣，給人帶來(lái)影響，并且通過(guò)對比、襯托帶來(lái)愉悅的瀏覽體驗。與此同時(shí)，色彩還是設計趨勢中無(wú)法忽略的一個(gè)重要組成部分，無(wú)論是扁平化設計還是Material Design，色彩的運用都是重中之重。

　　但是，用錯色彩也是常見(jiàn)的現象。有沒(méi)有特定的色彩搭配是網(wǎng)頁(yè)設計中的大忌?有!這個(gè)一定是有的，并且還不少。這些色彩組合會(huì )讓你的網(wǎng)頁(yè)出現各種各樣的問(wèn)題，為配色制定一個(gè)黑名單勢在必行。今天的文章，我們就來(lái)聊聊配色的"黑名單"吧。

　　太亮的霓虹色

　　閃亮的霓虹色看起來(lái)很有趣，似乎能讓頁(yè)面顯得非常潮、非常流行。但是他們并不會(huì )讓眼睛覺(jué)得舒服，往往會(huì )給人以"閃瞎了"的不適感覺(jué)。

　　霓虹色的主要問(wèn)題在于使用這種色彩的文字內容難于閱讀，不好識別，和暗色調的背景搭配的時(shí)候，這種晃眼的感覺(jué)尤其明顯。而如果用霓虹色作為背景的話(huà)，這個(gè)頁(yè)面幾乎是沒(méi)法看的，除了霓虹色之外的內容幾乎都沒(méi)法看清楚。

　　想解決這個(gè)問(wèn)題，你可以試著(zhù)降低霓虹色的亮度，讓它看起來(lái)更暗，讓它看起來(lái)更加微妙，同屏幕顯示更匹配。

　　Orange You Glad 這個(gè)頁(yè)面就很好的解決了這個(gè)問(wèn)題，他們使用了非常接近霓虹色的配色，并且通過(guò)漸變色的方法來(lái)增加頁(yè)面的豐富度，色彩的亮度、對比度都用的相當微妙，不會(huì )令訪(fǎng)客感到不適。

　　"震顫"的色彩

　　當高飽和度的色彩搭配在一起的時(shí)候，它們會(huì )產(chǎn)生一種"震顫效應"， 會(huì )讓你覺(jué)得兩種色彩之間會(huì )產(chǎn)生模糊、震顫或者發(fā)出光暈的視覺(jué)效果。毫無(wú)疑問(wèn)，這是令人不適的。

　　在Josef Albers 的經(jīng)典著(zhù)作《色彩交互》中描述了色彩的"震顫效應"是如何給人帶來(lái)不安感的："這種配色最初可能會(huì )給人帶來(lái)驚喜的效果，同時(shí)這種侵略性會(huì )讓人覺(jué)得不舒服，尤其是眼睛。你們會(huì )發(fā)現，這種配色很少出現在廣告當中，因為它會(huì )讓人覺(jué)得不愉快，難受。"

　　不過(guò)即使你沒(méi)有嘗試搭配，也可以通過(guò)它們的基礎特征，合理地規避"震顫"配色：

　　·它們都是高飽和度的色彩

　　·兩種色彩在色輪上是互補色

　　·他們在色輪上相隔180度，處于對稱(chēng)的位置

　　·將兩種色彩轉化為灰度之后，兩者灰度非常接近

　　最典型的案例就是明亮的紅色和綠色。這是廣受歡迎的"圣誕節"配色，這也是受到最廣泛詬病的配色方案之一。它最主要的可訪(fǎng)問(wèn)性問(wèn)題就是，色盲的用戶(hù)是完全分辨不出來(lái)的……

　　如果說(shuō)你必須使用"震顫"配色，這個(gè)矛盾也不是不能調和的：加入中性的色彩將兩者分隔開(kāi)就好了。

　　淺色+淺色

　　淺色+淺色的搭配也是最常見(jiàn)的錯誤之一。也許你在某個(gè)平面設計或者印刷相關(guān)的項目上這么配色，最終沒(méi)造成可讀性的影響，這可能是設置的問(wèn)題或者色差造成的，但是在絕大多數的情況下，是錯誤的。

　　無(wú)論你怎么設計，這樣的配色一定很難閱讀其中的內容，每一次都這樣。

　　這種錯誤最常見(jiàn)于網(wǎng)站的Banner圖中：帥氣的大圖和精心設計的白色字體搭配在一起，而字體正好和色彩最淺的部分疊加在一起，這下就非常尷尬了。淺色+淺色的搭配讓內容完全無(wú)法讀，作為Banner的作用幾乎被削弱為0。

　　想要修復這個(gè)問(wèn)題其實(shí)非常簡(jiǎn)單：

　　·選擇色彩均勻統一的背景，文字部分可以與之構成對比

　　·如果無(wú)法修改背景，可以在背景和文字之間加一層，增加對比

　　·嘗試調整整個(gè)背景圖片的色調、明暗、飽和度等，以達成提升對比度的目的

　　彩虹式配色

　　當網(wǎng)站花成彩虹那樣的話(huà)，設計師一定是也生無(wú)可戀了。想想看，當一大堆各種各樣的色彩都成為系統配色的一部分的話(huà)，各種色彩之間的干涉，都不知道打破了多少配色的規則。這種設計雖然可能在一開(kāi)始吸引用戶(hù)的注意力，但是隨后讓用戶(hù)產(chǎn)生的惡心和不適絕對會(huì )遠超設計者的預期，即使網(wǎng)站內容再好，都無(wú)法被人識別。

　　如果你真的希望讓頁(yè)面更加"多彩"，那么不要讓色彩都混雜到一起，試著(zhù)使用卡片式設計來(lái)承載不同的色彩，合理的排布，既可以讓色彩更加靈活，也可以保證組織性和流動(dòng)感。

　　亮色+亮色/深色+深色

　　就像淺色+淺色的搭配一樣，亮色+亮色和深色+深色的搭配，都是因為飽和度接近而造成的辨識度問(wèn)題。毫無(wú)疑問(wèn)，這也是要規避的問(wèn)題。

　　你真的覺(jué)得這個(gè)問(wèn)題不會(huì )發(fā)生到你身上?那么在做單色配色方案的時(shí)候，要小心這一點(diǎn)。即使是經(jīng)驗豐富的設計師，也可能會(huì )在這個(gè)時(shí)候掉坑里。

　　總之，千萬(wàn)注意配色的對比度。如果這幾個(gè)色彩是必須使用的話(huà)，不妨將頁(yè)面設計成滾動(dòng)變色的，這樣你可以在保證對比和可讀性的同時(shí)，讓色彩也都用上。

　　"K"黑

　　我們常說(shuō)的CMYK中的K是黑色。許多設計師的設計作品會(huì )橫跨網(wǎng)頁(yè)版和印刷品，有時(shí)候會(huì )在做印刷品的設計的時(shí)候，會(huì )誤將網(wǎng)頁(yè)配色中的黑色用上去。實(shí)際上網(wǎng)頁(yè)中的純黑(#000000)和印刷中的黑色有著(zhù)巨大的差別，早在PS 7.0中，黑色的CMYK色標其實(shí)是C75 M68 Y67 K90，而常說(shuō)的系統黑K100 在更廣泛的RGB配色中，也只是較深的灰色而已!

　　印刷品，包括我們日常生活中的許多黑色，其實(shí)分很多種，它們通常是某種色彩疊加了很多之后產(chǎn)生的效果，比如渡鴉的羽毛是黑色的，但是你仔細看它會(huì )微微泛藍。

　　所以，在設計這個(gè)黑色的時(shí)候，最好是挑選一個(gè)帶有你的品牌色調的黑色(而非#000000)。這樣可以在印刷的時(shí)候更容易協(xié)調。(比如讓黑色帶有一點(diǎn)藍色的色調，來(lái)抵消文本內容中的黃色色調)舉個(gè)例子，上面Wonderland的頁(yè)面中，黑色實(shí)際上是#0a0a0b。

　　結語(yǔ)

　　其實(shí)今天所談到的所有的配色的問(wèn)題，幾乎都是關(guān)于對比度和可讀性問(wèn)題的。實(shí)際上，只要確保色彩和內容的對比度和配色美感，幾乎所有的色彩都是能用的。