平面設計中一定不能用的配色方案
當我們討論配色的時(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í)際上,只要確保色彩和內容的對比度和配色美感,幾乎所有的色彩都是能用的。
- 2016-04-16瑞士平面設計風(fēng)格有哪些特點(diǎn)?
- 2016-04-16較新較流行的平面設計風(fēng)格是什么?
- 2016-04-16平面設計培訓主修課程有哪些?
- 2016-04-10平面設計中網(wǎng)格系統的作用是什么?
- 2016-03-17城市道路平面設計圖有哪些內容?
- 2016-03-14平面設計師如何表達自己的設計思路
- 2016-03-14學(xué)習平面設計需要知道哪些東西呢?
- 2016-03-14學(xué)習平面設計需要有哪些要求嗎?
- 2016-03-01平面設計各個(gè)行業(yè)的工作水平
- 2016-03-01鄭州清新教育解讀學(xué)習平面設計培訓前景
- 2016-02-29平面設計中全套公司vi設計包括哪些?
- 2016-02-22鄭州平面設計培訓哪家好如何選擇辨別?
- 2016-02-22高級平面設計師的需要具備什么樣條件特點(diǎn)?
- 2016-02-22成為合格的平面設計師需要掌握哪些知識?
- 2016-02-20平面設計軟件七大類(lèi)型有哪些?
- 1 室內設計培訓課程 人咨詢(xún)中 19
- 2 平面設計培訓課程 人咨詢(xún)中 18
- 3 網(wǎng)頁(yè)設計培訓課程 人咨詢(xún)中 18
- 4 淘寶開(kāi)店培訓課程 人咨詢(xún)中 15
- 5 動(dòng)漫設計培訓課程 人咨詢(xún)中 12
- 6 淘寶美工培訓課程 人咨詢(xún)中 17
- 7 電腦辦公培訓課程 人咨詢(xún)中 15
- 8 網(wǎng)絡(luò )營(yíng)銷(xiāo)培訓課程 人咨詢(xún)中 13
- 9 模具設計培訓課程 人咨詢(xún)中 10
- 10 網(wǎng)站開(kāi)發(fā)培訓課程 人咨詢(xún)中 16