方格精選

好的配色帶你上天堂!你必須知道的色彩對比法則,輕鬆讓設計更上一層

閱讀時間約 5 分鐘
要如何為品牌設計一套獨特配色,使它既可以傳遞產品資訊,實現商業效益,同時又符合美學法則?這樣的色彩構成,需要協調多方面元素,如不同色彩間的關係與比例,以及對比、過渡、調和等色彩效果。
色彩對比是常用的手法,是把兩種或兩種以上的色彩並置所產生的對比現象。透過並置色彩間的差別便突顯出來,色彩間的關係也得以平衡,同時讓人們生理、心理和情感上對平衡之美的需求得到滿足。

色相對比

色相對比是由不同色相間的差別形成的。用色環來呈現色相對比會比較方便直觀。在24色環裡,色相間的角度越大,對比越強烈,反之亦然。
色相弱對比
在色環中,色相間的夾角在45˚之內屬於弱對比。弱對比的色相相互之間有很 多相似之處,通常只在明度、飽和度和冷暖色間形成差異,很難形成視覺衝 擊。但這樣的對比也比單色配色強,因為它更加生動,而且顯得更和諧。
(圖/《所有人都用得上的暢銷配色學》)
色相中對比
在色環中,色相間的夾角在45˚到120˚ 之間是中對比,譬如橘色和綠色,洋紅 和青色。這樣的對比更能體現色彩間的差異,使畫面看上去豐富華麗,讓人感 到興奮。
色相強對比
在色環中,色相間的夾角在120˚到 180˚ 之間是強對比,這樣的對比看上去鮮明 活潑且形成強烈的視覺衝擊,但如果處理不當可能會帶來視覺疲勞、不安全感 和不協調感。
(圖/《所有人都用得上的暢銷配色學》)
互補色色相對比
在色環中,色相間的夾角成180˚時形成最強烈和最充分的對比。色環上的互補色有十二對,其中最典型的有紅配綠、黃配紫和橘配藍。互補色的對比強烈且生動,能形成最強烈的視覺衝擊。在與另一種顏色的並置中,每種顏色的特點都能突顯出來。而人類在視覺上對互補色的生理適應性(人類在看到一種顏色時,會本能地在視網膜中出現它的互補色,以維持生理上的平衡),決定了這樣 的對比能反映天然的平衡與和諧,並且是最美麗的色彩搭配。因此,互補色被廣泛地運用在視覺設計領域,譬如廣告、包裝、海報等。但是,對互補色的處理須非常注意,避免引起視覺疲勞和其他不適。

明度對比

明度對比是色彩對比中非常重要的一環,因為它是決定畫面氣氛不可或缺的元素,或歡快或憂鬱,或活潑或典雅。此外,明度的差異可形成層次感和距離感,深色看起來比較遠,淺色看起來比較近。
在曼賽爾顏色系統(Munsell color system)裡,明度被分為十個色階。1為純黑,10為純白。明度對比可根據色階差,分為三種類型。但值得注意的是,不同色相間的明度是不同的,其中黃色是最亮的顏色。
明度弱對比
三個明度色階差是明度弱對比。使不同色相的明度一致或相似,會產生穩定的 視覺體驗。弱明度對比的畫面看上去會顯得簡單和單調。在畫面上增加色相或 運用多種色彩組合能增強畫面的活力並吸引受眾。
明度中對比
四至五個明度色階差是明度中對比,這種對比的畫面能更加突顯層次。色彩的 明暗會產生前進和後退的感覺,受眾因此能更容易分辨出作品的主體。
(圖/《所有人都用得上的暢銷配色學》)
明度強對比
五個以上明度色階差是明度強對比,這樣的對比更容易給受眾留下深刻印象。 在明度強對比中,黑白對比是最典型的,這種對比可以進一步突顯畫面元素間的層級關係。
在設計時,我們可以將明度強對比應用到主體和底色中,使受眾能快速聚焦到作品的主體上。(圖/《所有人都用得上的暢銷配色學》)

飽和度對比

我們在純色裡加入黑、白、灰這樣的無彩色或者互補色,以改變飽和度,在此過程中,色彩的色相和明度也隨之改變。因此,飽和度對比處理起來會更加複雜。但是,由於飽和度的基調和對比層次對整個畫面的主色調有重要影響,因此飽和度對比不容忽視。
為了更好理解飽和度對比,可以建立一個有十個等級的飽和度色階,表示在純色中加入不同比例的等量灰色。像明度對比的測量一樣,飽和度對比也可以根據色階差分成三種類型。
飽和度弱對比
三個飽和度色階差是飽和度弱對比。通常在這種對比中,形象比較模糊、不突出。針對不同情況,處理方法也不一樣。當佔了畫面大半面積的,是高度灰或中度灰的飽和度弱對比,便應增強色相對比;相反,當佔了畫面大半面積的,是低度灰的飽和度弱對比,就應使用色相相近的顏色,或減少強烈色相對比的面積。
(圖/《所有人都用得上的暢銷配色學》)
飽和度中對比
四至六個飽和度色階差是飽和度中對比。這種對比傳遞含蓄、溫和的感覺,在這種對比下會有更高的能見度,畫面看起來也更加有活力,因此,飽和度中對比在設計中很常見。
飽和度強對比
八個以上飽和度色階差是飽和度強對比。這種對比能形成很強的視覺衝擊,豐富畫面的色彩,使畫面看上去充滿動感。
(圖/《所有人都用得上的暢銷配色學》)
除了滿足人們對平衡和諧之美的需求之外,色彩對比還有聚焦作用,能將人們的注意力吸引到重要的資訊上。色彩對比的這一特性在色彩行銷中得到了廣泛應用,有經驗的設計師會巧妙地應用對比色彩,突顯設計主體和需要引起關注的地方,達到更好的行銷效果。
為什麼會看到廣告
    留言0
    查看全部
    avatar-img
    發表第一個留言支持創作者!
    原點出版社的沙龍 的其他內容
    現今,色彩心理學已經被廣泛應用於行銷和品牌推廣,特別是包裝設計,因為顏色可以影響消費者的情感以及對商品和品牌的看法。當包裝的顏色與商品或品牌的個性相匹配,這些包裝就能夠吸引更多顧客,包裝中成功的色彩搭配,也可以使消費者在提及某個品牌時馬上聯想到其象徵性顏色。
    編輯圖示就像金塊,他們幫助讀者在走馬看花瀏覽資訊時,決定是否要認真讀下去,還是一覽而過。這些圖示畫起來很有趣,因為通常有很多不同的方式去描繪一個主題或文章,像是一個遊戲。你也必須考慮到你所溝通的廣大觀眾。每一位看這張圖像的人都必須對它有相同的理解,否則這張圖就失敗了。
    印象中的東京是匆忙來往的人潮、五光十色的夜晚,旅遊所留下的印象都是美好而輕快,但你知道嗎?其實東京的日常充斥著莫名其妙的都市傳說……  會鞠躬的印章 這幾天日本推特上流傳一則引起熱議的貼文。有一位網友在半夜四點半手機響起,居然是客戶打來的抱怨電話,指責他不懂「印鑑禮儀」。原來是網友在開給客戶的請款單
    這一個星期以來,身邊認識的朋友,至少有十個人都取消了赴日旅遊的行程。二月底台灣有連續假期,原本應是到日本旅遊的旺季,但因為新冠肺炎(COVID-19)的影響,日本確診人數不斷刷新,在感染途徑越來越難掌握的窘境中,大家不得不選擇放棄。甚至原訂三、四月要到日本賞櫻的人,擔心疫情發展未明也都紛紛取消。
    畢卡索說過:「要知道自己想畫什麼,首先你必須開始畫……」 你曾經說過多少次,自己不會畫畫?如果你這麼說過,請別再說了。未戰先投降,這代表學習繪畫最大的障礙不是別人,而是你自己。克服這重障礙最好的方法,就是放輕鬆。 放輕鬆,別擔心自己畫出來的東西,這根本說比做容易。在目前這個階段,我請你接納自己畫出來
    為什麼一個以科技為基礎的媒體,對科技改變所作出的回應,是一個個充滿科技恐懼的故事? 電影的吸引力來自它的科技──從它令人讚嘆地再現我們這個世界的能力,到以最新特效創造出的徹底奇觀。從工業化、原子能到現代電腦,新科技總是在顛覆現狀,而電影總是能最迅速地探討科技變化所帶來的潛在後果。
    現今,色彩心理學已經被廣泛應用於行銷和品牌推廣,特別是包裝設計,因為顏色可以影響消費者的情感以及對商品和品牌的看法。當包裝的顏色與商品或品牌的個性相匹配,這些包裝就能夠吸引更多顧客,包裝中成功的色彩搭配,也可以使消費者在提及某個品牌時馬上聯想到其象徵性顏色。
    編輯圖示就像金塊,他們幫助讀者在走馬看花瀏覽資訊時,決定是否要認真讀下去,還是一覽而過。這些圖示畫起來很有趣,因為通常有很多不同的方式去描繪一個主題或文章,像是一個遊戲。你也必須考慮到你所溝通的廣大觀眾。每一位看這張圖像的人都必須對它有相同的理解,否則這張圖就失敗了。
    印象中的東京是匆忙來往的人潮、五光十色的夜晚,旅遊所留下的印象都是美好而輕快,但你知道嗎?其實東京的日常充斥著莫名其妙的都市傳說……  會鞠躬的印章 這幾天日本推特上流傳一則引起熱議的貼文。有一位網友在半夜四點半手機響起,居然是客戶打來的抱怨電話,指責他不懂「印鑑禮儀」。原來是網友在開給客戶的請款單
    這一個星期以來,身邊認識的朋友,至少有十個人都取消了赴日旅遊的行程。二月底台灣有連續假期,原本應是到日本旅遊的旺季,但因為新冠肺炎(COVID-19)的影響,日本確診人數不斷刷新,在感染途徑越來越難掌握的窘境中,大家不得不選擇放棄。甚至原訂三、四月要到日本賞櫻的人,擔心疫情發展未明也都紛紛取消。
    畢卡索說過:「要知道自己想畫什麼,首先你必須開始畫……」 你曾經說過多少次,自己不會畫畫?如果你這麼說過,請別再說了。未戰先投降,這代表學習繪畫最大的障礙不是別人,而是你自己。克服這重障礙最好的方法,就是放輕鬆。 放輕鬆,別擔心自己畫出來的東西,這根本說比做容易。在目前這個階段,我請你接納自己畫出來
    為什麼一個以科技為基礎的媒體,對科技改變所作出的回應,是一個個充滿科技恐懼的故事? 電影的吸引力來自它的科技──從它令人讚嘆地再現我們這個世界的能力,到以最新特效創造出的徹底奇觀。從工業化、原子能到現代電腦,新科技總是在顛覆現狀,而電影總是能最迅速地探討科技變化所帶來的潛在後果。
    你可能也想看
    Google News 追蹤
    Thumbnail
    國泰CUBE App 整合外幣換匯、基金、證券等服務,提供簡便、低成本的美股定期定額投資解決方案。 5分鐘開戶、低投資門檻,幫助新手輕鬆進軍國際股市;提供人氣排行榜,讓投資人能夠掌握市場趨勢。
    Thumbnail
    手機滑開一則廣告,寫著「百萬部落客,教你一個月就能靠接案創造收入」,這樣的課程不知道你們會有興趣嗎? 如果是以新手小白想靠接案創造多少收入,我想第一個月大概會先餓死。
    Thumbnail
    這篇是初體驗小短篇的故事,短文小品,之後不確定會不會繼續。     「你最近好嗎?」這是我們每過一陣子再聯繫上的第一句話。我們總有一搭沒一搭的聊著彼此的近況,我也從不曉得為什麼在你身上總有許多的熟悉以及安心感。
    Thumbnail
    「老師你念政大?阿你現在在這裡?」 「對阿,不然你覺得念政大應該要去哪裡?」 「念政大不是應該要走什麼法律還是政治嗎?」 「我念的是心理系(苦笑)。」 「心理系?是那個佛教的系嗎?」 「不是。」 「喔老師那你念政大,做這個工作好嗎?」 「不然你覺得我應該做什麼?」 「感覺就是要走軍公教才好啊。」
    Thumbnail
    今天來跟大家分享禪繞畫的特色 其中有幾個特點是我認為跟其他藝術媒材分常不一樣的地方 也是禪繞畫最吸引人的地方喔
    Thumbnail
    視覺設計師在選擇顏色時,不僅僅要了解到不同顏色會引發的不同感官效應,還要了解不同的色彩間是否能夠互相搭配。這篇文章中,哈利熊整理了根據色環(Color Wheels)理論延伸出的色彩搭配技巧,來幫大家進一步了解如何配色。
    Thumbnail
    在數位科技的突飛猛進,讀者閱讀習性大翻轉的時代,光是會寫文章而不會下標,那幾乎跟不寫文章一樣,終究沒人看得見;會寫文章又會下標,才可一舉衝出高流量,創造價值。 傳統的作文教育不教下標,沒關係,我來教。本單元綜合個人寫作經驗、其他寫作教學書籍以及課堂實作,跟各位分享設計標題的訣竅與練習方式。
    Thumbnail
    巴菲特(Warren Buffett)就曾透露自己每天閱讀 500 頁,知識才會如利息一般累積。 比爾‧蓋茲(Bill Gates)和馬斯克(Elon Musk)也是,前者每周讀一本書、後來也說是閱讀讓他造出火箭。 想要像這些億萬富翁一樣閱讀、快速吸收資訊,你可以採取以下這四種策略。
    Thumbnail
    國泰CUBE App 整合外幣換匯、基金、證券等服務,提供簡便、低成本的美股定期定額投資解決方案。 5分鐘開戶、低投資門檻,幫助新手輕鬆進軍國際股市;提供人氣排行榜,讓投資人能夠掌握市場趨勢。
    Thumbnail
    手機滑開一則廣告,寫著「百萬部落客,教你一個月就能靠接案創造收入」,這樣的課程不知道你們會有興趣嗎? 如果是以新手小白想靠接案創造多少收入,我想第一個月大概會先餓死。
    Thumbnail
    這篇是初體驗小短篇的故事,短文小品,之後不確定會不會繼續。     「你最近好嗎?」這是我們每過一陣子再聯繫上的第一句話。我們總有一搭沒一搭的聊著彼此的近況,我也從不曉得為什麼在你身上總有許多的熟悉以及安心感。
    Thumbnail
    「老師你念政大?阿你現在在這裡?」 「對阿,不然你覺得念政大應該要去哪裡?」 「念政大不是應該要走什麼法律還是政治嗎?」 「我念的是心理系(苦笑)。」 「心理系?是那個佛教的系嗎?」 「不是。」 「喔老師那你念政大,做這個工作好嗎?」 「不然你覺得我應該做什麼?」 「感覺就是要走軍公教才好啊。」
    Thumbnail
    今天來跟大家分享禪繞畫的特色 其中有幾個特點是我認為跟其他藝術媒材分常不一樣的地方 也是禪繞畫最吸引人的地方喔
    Thumbnail
    視覺設計師在選擇顏色時,不僅僅要了解到不同顏色會引發的不同感官效應,還要了解不同的色彩間是否能夠互相搭配。這篇文章中,哈利熊整理了根據色環(Color Wheels)理論延伸出的色彩搭配技巧,來幫大家進一步了解如何配色。
    Thumbnail
    在數位科技的突飛猛進,讀者閱讀習性大翻轉的時代,光是會寫文章而不會下標,那幾乎跟不寫文章一樣,終究沒人看得見;會寫文章又會下標,才可一舉衝出高流量,創造價值。 傳統的作文教育不教下標,沒關係,我來教。本單元綜合個人寫作經驗、其他寫作教學書籍以及課堂實作,跟各位分享設計標題的訣竅與練習方式。
    Thumbnail
    巴菲特(Warren Buffett)就曾透露自己每天閱讀 500 頁,知識才會如利息一般累積。 比爾‧蓋茲(Bill Gates)和馬斯克(Elon Musk)也是,前者每周讀一本書、後來也說是閱讀讓他造出火箭。 想要像這些億萬富翁一樣閱讀、快速吸收資訊,你可以採取以下這四種策略。