方格精選

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

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

色相對比

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

明度對比

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

飽和度對比

我們在純色裡加入黑、白、灰這樣的無彩色或者互補色,以改變飽和度,在此過程中,色彩的色相和明度也隨之改變。因此,飽和度對比處理起來會更加複雜。但是,由於飽和度的基調和對比層次對整個畫面的主色調有重要影響,因此飽和度對比不容忽視。
為了更好理解飽和度對比,可以建立一個有十個等級的飽和度色階,表示在純色中加入不同比例的等量灰色。像明度對比的測量一樣,飽和度對比也可以根據色階差分成三種類型。
飽和度弱對比
三個飽和度色階差是飽和度弱對比。通常在這種對比中,形象比較模糊、不突出。針對不同情況,處理方法也不一樣。當佔了畫面大半面積的,是高度灰或中度灰的飽和度弱對比,便應增強色相對比;相反,當佔了畫面大半面積的,是低度灰的飽和度弱對比,就應使用色相相近的顏色,或減少強烈色相對比的面積。
(圖/《所有人都用得上的暢銷配色學》)
飽和度中對比
四至六個飽和度色階差是飽和度中對比。這種對比傳遞含蓄、溫和的感覺,在這種對比下會有更高的能見度,畫面看起來也更加有活力,因此,飽和度中對比在設計中很常見。
飽和度強對比
八個以上飽和度色階差是飽和度強對比。這種對比能形成很強的視覺衝擊,豐富畫面的色彩,使畫面看上去充滿動感。
(圖/《所有人都用得上的暢銷配色學》)
除了滿足人們對平衡和諧之美的需求之外,色彩對比還有聚焦作用,能將人們的注意力吸引到重要的資訊上。色彩對比的這一特性在色彩行銷中得到了廣泛應用,有經驗的設計師會巧妙地應用對比色彩,突顯設計主體和需要引起關注的地方,達到更好的行銷效果。
即將進入廣告,捲動後可繼續閱讀
為什麼會看到廣告
    留言0
    查看全部
    avatar-img
    發表第一個留言支持創作者!
    原點出版社的沙龍 的其他內容
    現今,色彩心理學已經被廣泛應用於行銷和品牌推廣,特別是包裝設計,因為顏色可以影響消費者的情感以及對商品和品牌的看法。當包裝的顏色與商品或品牌的個性相匹配,這些包裝就能夠吸引更多顧客,包裝中成功的色彩搭配,也可以使消費者在提及某個品牌時馬上聯想到其象徵性顏色。
    編輯圖示就像金塊,他們幫助讀者在走馬看花瀏覽資訊時,決定是否要認真讀下去,還是一覽而過。這些圖示畫起來很有趣,因為通常有很多不同的方式去描繪一個主題或文章,像是一個遊戲。你也必須考慮到你所溝通的廣大觀眾。每一位看這張圖像的人都必須對它有相同的理解,否則這張圖就失敗了。
    印象中的東京是匆忙來往的人潮、五光十色的夜晚,旅遊所留下的印象都是美好而輕快,但你知道嗎?其實東京的日常充斥著莫名其妙的都市傳說……  會鞠躬的印章 這幾天日本推特上流傳一則引起熱議的貼文。有一位網友在半夜四點半手機響起,居然是客戶打來的抱怨電話,指責他不懂「印鑑禮儀」。原來是網友在開給客戶的請款單
    這一個星期以來,身邊認識的朋友,至少有十個人都取消了赴日旅遊的行程。二月底台灣有連續假期,原本應是到日本旅遊的旺季,但因為新冠肺炎(COVID-19)的影響,日本確診人數不斷刷新,在感染途徑越來越難掌握的窘境中,大家不得不選擇放棄。甚至原訂三、四月要到日本賞櫻的人,擔心疫情發展未明也都紛紛取消。
    畢卡索說過:「要知道自己想畫什麼,首先你必須開始畫……」 你曾經說過多少次,自己不會畫畫?如果你這麼說過,請別再說了。未戰先投降,這代表學習繪畫最大的障礙不是別人,而是你自己。克服這重障礙最好的方法,就是放輕鬆。 放輕鬆,別擔心自己畫出來的東西,這根本說比做容易。在目前這個階段,我請你接納自己畫出來
    為什麼一個以科技為基礎的媒體,對科技改變所作出的回應,是一個個充滿科技恐懼的故事? 電影的吸引力來自它的科技──從它令人讚嘆地再現我們這個世界的能力,到以最新特效創造出的徹底奇觀。從工業化、原子能到現代電腦,新科技總是在顛覆現狀,而電影總是能最迅速地探討科技變化所帶來的潛在後果。
    現今,色彩心理學已經被廣泛應用於行銷和品牌推廣,特別是包裝設計,因為顏色可以影響消費者的情感以及對商品和品牌的看法。當包裝的顏色與商品或品牌的個性相匹配,這些包裝就能夠吸引更多顧客,包裝中成功的色彩搭配,也可以使消費者在提及某個品牌時馬上聯想到其象徵性顏色。
    編輯圖示就像金塊,他們幫助讀者在走馬看花瀏覽資訊時,決定是否要認真讀下去,還是一覽而過。這些圖示畫起來很有趣,因為通常有很多不同的方式去描繪一個主題或文章,像是一個遊戲。你也必須考慮到你所溝通的廣大觀眾。每一位看這張圖像的人都必須對它有相同的理解,否則這張圖就失敗了。
    印象中的東京是匆忙來往的人潮、五光十色的夜晚,旅遊所留下的印象都是美好而輕快,但你知道嗎?其實東京的日常充斥著莫名其妙的都市傳說……  會鞠躬的印章 這幾天日本推特上流傳一則引起熱議的貼文。有一位網友在半夜四點半手機響起,居然是客戶打來的抱怨電話,指責他不懂「印鑑禮儀」。原來是網友在開給客戶的請款單
    這一個星期以來,身邊認識的朋友,至少有十個人都取消了赴日旅遊的行程。二月底台灣有連續假期,原本應是到日本旅遊的旺季,但因為新冠肺炎(COVID-19)的影響,日本確診人數不斷刷新,在感染途徑越來越難掌握的窘境中,大家不得不選擇放棄。甚至原訂三、四月要到日本賞櫻的人,擔心疫情發展未明也都紛紛取消。
    畢卡索說過:「要知道自己想畫什麼,首先你必須開始畫……」 你曾經說過多少次,自己不會畫畫?如果你這麼說過,請別再說了。未戰先投降,這代表學習繪畫最大的障礙不是別人,而是你自己。克服這重障礙最好的方法,就是放輕鬆。 放輕鬆,別擔心自己畫出來的東西,這根本說比做容易。在目前這個階段,我請你接納自己畫出來
    為什麼一個以科技為基礎的媒體,對科技改變所作出的回應,是一個個充滿科技恐懼的故事? 電影的吸引力來自它的科技──從它令人讚嘆地再現我們這個世界的能力,到以最新特效創造出的徹底奇觀。從工業化、原子能到現代電腦,新科技總是在顛覆現狀,而電影總是能最迅速地探討科技變化所帶來的潛在後果。
    你可能也想看
    Google News 追蹤
    Thumbnail
    徵的就是你 🫵 超ㄅㄧㄤˋ 獎品搭配超瞎趴的四大主題,等你踹共啦!還有機會獲得經典的「偉士牌樂高」喔!馬上來參加本次的活動吧!
    Thumbnail
    隨著理財資訊的普及,越來越多台灣人不再將資產侷限於台股,而是將視野拓展到國際市場。特別是美國市場,其豐富的理財選擇,讓不少人開始思考將資金配置於海外市場的可能性。 然而,要參與美國市場並不只是盲目跟隨標的這麼簡單,而是需要策略和方式,尤其對新手而言,除了選股以外還會遇到語言、開戶流程、Ap
    Thumbnail
    這篇文章深入探討色彩的三個重要屬性:色相、明度和彩度。色相代表顏色的名稱,如紅色和藍色,並構成色相環,幫助我們理解顏色之間的關係。明度則關注顏色的光反射性,而彩度衡量顏色的純淨度和飽滿程度。文章還提供了實際練習,鼓勵讀者親自體驗不同顏色的差別,增進對色彩的理解和應用。
    互補色是色輪上兩個相對的顏色,當它們一起使用時,能產生強烈的視覺對比。 • 什麼是互補色:互補色如紅與綠、藍與橙。當這兩種顏色並排出現在照片中,會產生鮮明的視覺效果。例如,在人像攝影中,讓模特穿著藍色衣物,背景為橙色的夕陽,這種對比會讓人物格外突出。 • 運用互補色強化主題:在照片中適當運用互補
    漸變色的應用的確能夠增加界面的動感和層次感,但它的色彩選擇需謹慎考慮,以免產生不合學的視覺效果。比如我們可以考慮選用近似色或鄰近色等視覺上較為統一的配色方案,使漸變效果更加自然流暢,營造出舒適和諧的視覺氛圍。 漸變色的使用在界面設計中是一種非常有效的方式來增強視覺吸引力和深度,但同時色彩的選擇
    Thumbnail
    如果說素描是繪畫的基礎,那色彩原理就是配色的基礎。我們提到色彩原理就是配色的基礎,這句話稍微狹隘了一些,其實了解色彩原理能夠提升的不只有配色,還有設計視覺運用,甚至是印刷觀念都跟色彩原理有關。
    Thumbnail
    文章通過辯論形式探討顏色和表現為顏色的關係。主要論點包括: 1.兩者有同分,如紅色。 2.顏色和表現為顏色互相周遍。 3.兩者是名相(名詞)和性相(定義)的關係。 辯論過程採用層層推理,立宗方提出論點,辯方通過提問和推理來驗證。整個討論展示了攝類學中嚴謹的邏輯推理方法。
    Thumbnail
    文章討論了顏色和非白色的四句關係。通過論式辯論方法,驗證了四種關係: 同分:如紅色,既是顏色又是非白色。 是顏色不周遍是非白色:如白色。 是非白色不周遍是顏色:如聲音。 俱非:不存在。 辯論過程中,立宗方提出論點,辯方通過提問和推理來驗證每個關係。整個過程展示了攝類學中嚴謹的邏輯推理方法。
    Thumbnail
    傢俱挑選對居住愉悅至關重要,對於輕裝修而言。搭配傢俱時,需考慮美學及個人特色。那麼,有哪些技巧可以讓傢俱挑選更有溫度以及亮點呢?
    Thumbnail
    在視覺設計中,使用對比不只是為了創造風格,它也是一種非常有效的表達手法。當你需要在短短幾秒內抓住人們的注意力時,恰當的對比可以迅速讓你的設計作品吸引眼球,這在網頁設計中尤其重要。
    Thumbnail
    色彩的魔力- 說到設計繪圖工具,Adobe Illustrator(AI)與Photoshop(PS)可說是設計師的得力助手!然而,在進行設計時,我們經常需要注意色彩模式的選擇。AI、PS等工具提供的CMYK、點陣圖、灰階等模式,都有其特殊用途。特別要留意的是,不同的色彩模式在呈現上有著微妙的差異
    Thumbnail
    文案設計是一種重要的視覺傳達技巧,透過文字、圖形、色彩等元素的搭配,傳達出品牌或產品的訊息。其中,色彩是文案設計中不可或缺的元素,它可以影響人們的視覺感受、情緒和心理。學會利用色彩在文案設計中,可以讓你的設計更加吸引人,一眼就被看見。以下將介紹7種常見顏色在文案設計中的魔力,以及它們適合用在哪裡
    Thumbnail
    徵的就是你 🫵 超ㄅㄧㄤˋ 獎品搭配超瞎趴的四大主題,等你踹共啦!還有機會獲得經典的「偉士牌樂高」喔!馬上來參加本次的活動吧!
    Thumbnail
    隨著理財資訊的普及,越來越多台灣人不再將資產侷限於台股,而是將視野拓展到國際市場。特別是美國市場,其豐富的理財選擇,讓不少人開始思考將資金配置於海外市場的可能性。 然而,要參與美國市場並不只是盲目跟隨標的這麼簡單,而是需要策略和方式,尤其對新手而言,除了選股以外還會遇到語言、開戶流程、Ap
    Thumbnail
    這篇文章深入探討色彩的三個重要屬性:色相、明度和彩度。色相代表顏色的名稱,如紅色和藍色,並構成色相環,幫助我們理解顏色之間的關係。明度則關注顏色的光反射性,而彩度衡量顏色的純淨度和飽滿程度。文章還提供了實際練習,鼓勵讀者親自體驗不同顏色的差別,增進對色彩的理解和應用。
    互補色是色輪上兩個相對的顏色,當它們一起使用時,能產生強烈的視覺對比。 • 什麼是互補色:互補色如紅與綠、藍與橙。當這兩種顏色並排出現在照片中,會產生鮮明的視覺效果。例如,在人像攝影中,讓模特穿著藍色衣物,背景為橙色的夕陽,這種對比會讓人物格外突出。 • 運用互補色強化主題:在照片中適當運用互補
    漸變色的應用的確能夠增加界面的動感和層次感,但它的色彩選擇需謹慎考慮,以免產生不合學的視覺效果。比如我們可以考慮選用近似色或鄰近色等視覺上較為統一的配色方案,使漸變效果更加自然流暢,營造出舒適和諧的視覺氛圍。 漸變色的使用在界面設計中是一種非常有效的方式來增強視覺吸引力和深度,但同時色彩的選擇
    Thumbnail
    如果說素描是繪畫的基礎,那色彩原理就是配色的基礎。我們提到色彩原理就是配色的基礎,這句話稍微狹隘了一些,其實了解色彩原理能夠提升的不只有配色,還有設計視覺運用,甚至是印刷觀念都跟色彩原理有關。
    Thumbnail
    文章通過辯論形式探討顏色和表現為顏色的關係。主要論點包括: 1.兩者有同分,如紅色。 2.顏色和表現為顏色互相周遍。 3.兩者是名相(名詞)和性相(定義)的關係。 辯論過程採用層層推理,立宗方提出論點,辯方通過提問和推理來驗證。整個討論展示了攝類學中嚴謹的邏輯推理方法。
    Thumbnail
    文章討論了顏色和非白色的四句關係。通過論式辯論方法,驗證了四種關係: 同分:如紅色,既是顏色又是非白色。 是顏色不周遍是非白色:如白色。 是非白色不周遍是顏色:如聲音。 俱非:不存在。 辯論過程中,立宗方提出論點,辯方通過提問和推理來驗證每個關係。整個過程展示了攝類學中嚴謹的邏輯推理方法。
    Thumbnail
    傢俱挑選對居住愉悅至關重要,對於輕裝修而言。搭配傢俱時,需考慮美學及個人特色。那麼,有哪些技巧可以讓傢俱挑選更有溫度以及亮點呢?
    Thumbnail
    在視覺設計中,使用對比不只是為了創造風格,它也是一種非常有效的表達手法。當你需要在短短幾秒內抓住人們的注意力時,恰當的對比可以迅速讓你的設計作品吸引眼球,這在網頁設計中尤其重要。
    Thumbnail
    色彩的魔力- 說到設計繪圖工具,Adobe Illustrator(AI)與Photoshop(PS)可說是設計師的得力助手!然而,在進行設計時,我們經常需要注意色彩模式的選擇。AI、PS等工具提供的CMYK、點陣圖、灰階等模式,都有其特殊用途。特別要留意的是,不同的色彩模式在呈現上有著微妙的差異
    Thumbnail
    文案設計是一種重要的視覺傳達技巧,透過文字、圖形、色彩等元素的搭配,傳達出品牌或產品的訊息。其中,色彩是文案設計中不可或缺的元素,它可以影響人們的視覺感受、情緒和心理。學會利用色彩在文案設計中,可以讓你的設計更加吸引人,一眼就被看見。以下將介紹7種常見顏色在文案設計中的魔力,以及它們適合用在哪裡