設計行(xíng)業,無時(shí)無刻不在和(hé)色彩打交道(dào)。配色問(wèn)題一(yī)直是設計圈恒久不變的熱(rè)門話題,網絡上(shàng)關于配色的知識多如(rú)牛毛,看(kàn)的時(shí)候都(dōu)很(hěn)懂(dǒng),但(dàn)是一(yī)旦自(zì)己獨立做(zuò)項目時(shí)就又原形畢露。究竟應該如(rú)何去理解配色呢?所謂的配色「配」在整個環節中真的是放在第一(yī)位的嗎?本期內(nèi)容通(tōng)過不同層面分析配色中最易被忽略的,即:色,從(cóng)哪裏來的問(wèn)題,同時(shí)也是最重要(yào)的一(yī)步。
一(yī)、配色常見(jiàn)的誤區(qū)
很(hěn)多人(rén)之所以怕配色,或者說配不好色的原因是自(zì)己一(yī)直深處誤區(qū)中而渾然不知,接下(xià)來希望大家不要(yào)對号入座。
誤區(qū)一(yī):配色的過程在整體之前。也就是常說的先配色,後設計。
誤區(qū)二:隻會配不會選。這(zhè)是最常見(jiàn)的一(yī)種,隻會在有基礎色或者主色的前提下(xià)配色,而不懂(dǒng)得選一(yī)個符合整體的基礎色遠比配色更重要(yào)。
誤區(qū)三:被理論所局限。配色的過程是偏感性的,理論雖然沒錯,但(dàn)是它隻是輔助提供一(yī)種方向的,而不是完全要(yào)依靠理論去配色。
接下(xià)來就繼續今天的主題:色,從(cóng)哪裏來?也就是基礎色應該怎麽選?
二、顔色來源 —— 主體
在設計中,主體也就是畫(huà)面中最重要(yào)的部分,它可(kě)以是産品、模特、抽象圖形等等,基礎色來源最常用的方式就是在主體身上(shàng)提取,可(kě)以是主體中比重較大的顔色,這(zhè)樣有利于主色與主體形成更強烈的呼應關系,也可(kě)以是比重相比較小的顔色,這(zhè)樣在形成呼應關系的同時(shí),拓展性更強,下(xià)面舉個例子:
假如(rú)我們在這(zhè)個人(rén)物(wù)的基礎上(shàng)去選背景的基礎色,我們就可(kě)以用到這(zhè)裏說到的理論:基礎色來源于主體,那(nà)麽我們可(kě)以有哪幾種選色的形式呢?下(xià)面我們繼續看(kàn):
配色形式一(yī):将主體整體比例最大的顔色作(zuò)為(wèi)主色,整體在色彩上(shàng)與主體形成很(hěn)強烈的呼應關系,這(zhè)樣做(zuò)的目的在于整體很(hěn)和(hé)諧、舒服,易于接受,畫(huà)面更統一(yī),整體視(shì)覺沖擊力偏柔軟一(yī)些。下(xià)面看(kàn)另外(wài)一(yī)種形式:
配色形式二:将主體整體比例較小的顔色作(zuò)為(wèi)主色,同樣整體在色彩上(shàng)也與主體形成了(le)一(yī)定的呼應關系,而正是因為(wèi)主色是主體比重較小的顔色,這(zhè)也使得畫(huà)面整體在于主體形成呼應關系的前提下(xià),也拉開(kāi)了(le)主體與背景的層次,整體視(shì)覺沖擊力增強,畫(huà)面統一(yī)性減弱,整體性并沒有因為(wèi)主色的改變而降低(dī)。下(xià)面嘗試将文字的顔色也稍加改動:
不難發現,無論上(shàng)面哪種主色的形式,配黃(huáng)色字都(dōu)很(hěn)融合,且都(dōu)增強了(le)視(shì)覺沖擊力。其原因在于畫(huà)面整體顔色與主體都(dōu)形成了(le)呼應關系,使得配色不會給用戶一(yī)種很(hěn)突兀、毫無依據的感覺。而這(zhè)種形式的選色在工(gōng)作(zuò)中也是用到最多的,比如(rú):
、
其實,這(zhè)種通(tōng)過提取主體色作(zuò)為(wèi)配色參考的形式在接受程度上(shàng)是很(hěn)高的,通(tōng)過搭配一(yī)些點綴色,整體上(shàng)也不會給人(rén)一(yī)種很(hěn)單調的視(shì)覺感受;利用主體選色的配色方式是将原本有可(kě)能(néng)茫無頭緒、感性的配色工(gōng)作(zuò),轉化為(wèi)一(yī)種可(kě)以有所依據、有所參考的配色技法,同時(shí)也能(néng)提升一(yī)定的工(gōng)作(zuò)效率。再舉個例子:
三款牙刷,三種不同的主色方案,但(dàn)是每一(yī)個給人(rén)的感覺都(dōu)很(hěn)舒服、和(hé)諧,呼應明(míng)确,這(zhè)就是提取主體色方式的好處。
三、顔色來源 —— 風(fēng)格
不管是做(zuò)海(hǎi)報還是頁面,在最初都(dōu)要(yào)确定一(yī)個風(fēng)格路線,然後圍繞确定好的風(fēng)格選材、選色、搭配主體等。那(nà)麽很(hěn)多情況下(xià),确定風(fēng)格也就等于間(jiān)接性的确定了(le)一(yī)個選色的區(qū)間(jiān),所以結合風(fēng)格特征選色也是一(yī)種很(hěn)實用的方式,比如(rú)我們要(yào)做(zuò)「狂暑季」風(fēng)格的專題頁,那(nà)麽在用色方面就要(yào)避免大面積暖色調用色,而要(yào)着重使用冷(lěng)色調的顔色,目的很(hěn)簡單:大面積的暖色會給人(rén)一(yī)種熱(rè)鬧、狂熱(rè)、張揚、溫馨的感受,和(hé)暑季需要(yào)清爽、降溫的感覺不相匹配,所以我們會盡可(kě)能(néng)采用主色冷(lěng)色調的用色形式,搭配一(yī)些輔助色、點綴色,比如(rú):
這(zhè)些都(dōu)是依據風(fēng)格最直觀的選色形式,這(zhè)樣做(zuò)的目的是将整體用色盡可(kě)能(néng)的貼合主題風(fēng)格,同時(shí)再結合主體選色的形式,将配色的過程盡可(kě)能(néng)做(zuò)到有據可(kě)循。風(fēng)格選色的形式在日常工(gōng)作(zuò)中也是很(hěn)實用的,比如(rú):促銷,我們會用紅(hóng)色、藍(lán)紫色、黃(huáng)色的用色形式;春節,則是以紅(hóng)、黃(huáng)為(wèi)主;七夕,多以紫色、紅(hóng)色為(wèi)主;暑期購,多以藍(lán)色、青色、綠(lǜ)色為(wèi)主。比如(rú):
這(zhè)些海(hǎi)報的配色形式很(hěn)大程度上(shàng)是依據風(fēng)格來決定的,這(zhè)樣的選色方式也不會顯得很(hěn)突兀,且擴展性相對更高。
四、顔色來源 —— 文案
做(zuò)設計目的是服務于商業,很(hěn)多時(shí)候我們都(dōu)要(yào)圍繞文案、産品去制定風(fēng)格、主題,所以選色同樣可(kě)以參考文案,從(cóng)文案中提取關鍵詞,依據關鍵詞同樣也可(kě)以提取相對應的顔色,比如(rú):
文案在一(yī)個畫(huà)面中的重要(yào)性也是很(hěn)高的,因為(wèi)用戶在不看(kàn)文案的前提下(xià)理解設計畫(huà)面速度是相對緩慢(màn)的,所以文案結合畫(huà)面的方式能(néng)夠大大的提升用戶對整體的理解速度,也就是捕捉信息的速度,将文案與畫(huà)面很(hěn)好的結合在一(yī)起也是設計師(shī)所必備的技能(néng),這(zhè)樣做(zuò)的目的在于讓文案與畫(huà)面形成視(shì)覺上(shàng)的呼應,也更利于視(shì)覺信息的傳遞。
五、來源 —— 主體反色
前面說的大多都(dōu)是通(tōng)過顔色找整體的呼應關系,這(zhè)樣做(zuò)的目的是讓畫(huà)面整體更和(hé)諧、整體性更強。而還有一(yī)種選色的形式,即以主體顔色的反色作(zuò)為(wèi)主色調,也可(kě)以理解為(wèi):主體比重較大顔色的對比色或間(jiān)隔色作(zuò)為(wèi)主色。比如(rú):
将主色和(hé)主體色通(tōng)過對比色或間(jiān)隔色的關系拉開(kāi)對比,目的是讓主體在整個畫(huà)面中的視(shì)覺形象更加鮮明(míng),視(shì)覺感受更加強烈,但(dàn)是要(yào)注意的是:在選反色時(shí),盡量選用主體色中比重較大顔色的反色,這(zhè)樣才能(néng)起到強烈對比的效果。
再說下(xià)點綴色,點綴色的作(zuò)用很(hěn)大程度上(shàng)是豐富畫(huà)面整體色感的,它的用色比例隻占畫(huà)面整體的5%~10%左右,點綴色的選色很(hěn)多時(shí)候是畫(huà)面主色的反色,目的是讓畫(huà)面整體色感不顯得單調、缺少(shǎo)變化,同時(shí)也有豐富畫(huà)面的作(zuò)用,但(dàn)是要(yào)注意不要(yào)大面積的使用,起到點綴、打破的作(zuò)用即可(kě)。
總結
總的來說,其實配圖的過程就是在配色,當一(yī)個畫(huà)面的主體、風(fēng)格、文案确定時(shí),我們就可(kě)以依據這(zhè)些進行(xíng)選整體色,隻有主色确定時(shí)才有必要(yào)進行(xíng)下(xià)面配色的工(gōng)作(zuò),而不是把配色放在所有工(gōng)作(zuò)之前。今天主要(yào)說的就是選色的幾種常用方式,選色的過程其實也是在配色,配色合不合理要(yào)看(kàn)整體效果,設計的整體感也是很(hěn)重要(yào)的,凡事要(yào)做(zuò)到有所依據。最後還是那(nà)句話,配色是感性的,理論是提供思路和(hé)方向的,兩者相互結合才能(néng)把配色做(zuò)的更出彩。