別再無腦亂配色!顏色=訊息,7招基礎配色法,微調你的設計成為銷售神隊友

2023/01/04閱讀時間約 4 分鐘
老闆喜歡粉紅色,整體畫面都套用粉紅色吧(?)想營造歡樂氛圍,多用幾種顏色就沒問題吧(?)想營造高級感,用金色不會錯吧(?)每次都憑感覺選色,結果總是ummmm……
每個人肯定都曾為配色感到苦惱過,而找不到答案就沒頭沒腦選色的人實在太多了!今天就來分享絕對派得上用場的7招基礎配色法,讓你在不知該如何配色時,助你一臂之力!

主色(dominant color)配色法

「dominant」意為「主導」,運用單一色彩來統一色相的配色,便稱為主色配色法。拉近不同顏色之間的明度差距,便可更加提升統一感。
配色效果:
  • 整合整體風格的配色
  • 強化顏色本身給人的印象
左邊範例的主色為黃綠色,由於採用了明色調的顏色組合,得以營造出鮮明輕快的氛圍。而右邊範例 的主色則為綠色,但採用的是淺灰色調顏色,所以營造出了穩重的印象。雖然同樣是採用綠色系來建 構版面,但色調不同就能呈現出完全不一樣的氛圍喔!(圖/原點出版《微調有差の日系新版面配色》)

主色調(dominant tone)配色法

主色調配色法正如其名所示,指的是具有統一(主導)色調的配色。在此配色法中,只需使色調相同,色相則可自由選擇,也因此相較於主色配色法能帶給人更加多彩繽紛的印象。
配色效果:
  • 營造出繽紛的印象
  • 可維持統一感,並有高度的自由發揮空間
即使組合了色相不同的顏色也不顯得突 兀。若想在高度整合的版面中營造繽紛感,相當推薦使用這項配色技法。

濁色(tonal)配色法

在柔色調、淺灰色調、灰色調、鈍色調這四種色調中,組合屬於中明度與中低彩度的中性色,便稱為濁色配色法。使用這個配色法可自由選擇色相。
配色效果:
  • 給人安穩與安心感的配色
  • 展現出柔和且沉穩的氛圍
左邊的範例的主要色調為淺灰色調,搭配屬於鈍色調的強調色,營造出自然的風格。右邊範例則是以鈍色調為主軸,唯有底色是淺灰色調,是意識到沉穩樸實老年客群的配色。若想營造柔和的氛圍,相當推薦這種配色。
(圖/原點出版《微調有差の日系新版面配色》)

同色異調(tone on tone)配色法

「tone on tone」意為「累加色調」,指的是色相統一,但在明度上有所落差的配色手法。由於這技巧是以主色為中心並製造出明度落差的手法,因此既可維持統一感,也能提升文字的易讀性。
配色效果:
  • 提升文字的易讀性
  • 具有統一感,可強烈傳達出顏色所具備的印象
左邊範例的配色是將明色調及淺色調的橘色加以組合,給人強烈的印象,傳達出歡樂的感覺。右邊範例的配色則將包含從淡色調到暗色調的紫色加以組合。由於明度落差大,所以即便文字再小,也能確保其易讀性。(圖/原點出版《微調有差の日系新版面配色》)

同調異色(tone in tone)配色法

「tone in tone」意為「色調內」,指的是組合同一色調內色相不同、明度落差不大的配色。同調異色並未嚴格規定非得採用相同色調顏色,選用相鄰色調的顏色也無妨。
配色效果:
  • 具有協調感,展現出華麗與豐富的感覺
  • 強烈呈現出色調所具備的印象
左邊範例採用淡色調來建構版面,右邊範例則採用了明色調。淡色調的範例建構出透明感、輕巧柔和的氛圍,而明色調的範例則帶出了充滿創意想像、天真的氛圍。這兩種色調各自傳遞出的氛圍都令人感到印象深刻(圖/原點出版《微調有差の日系新版面配色》)

單彩(camaïeu)配色法

「camaïeu」這個法文詞彙意為「單色畫」,展現出細微深淺與明暗變化的配色便稱為單彩配色。這樣的配色遠看或乍看之下會感覺幾乎是相同顏色,顏色之間的界線相當曖昧。
配色效果:
  • 強化主色印象的配色
  • 給人穩重、雅致的印象
左邊範例撇除強調色不看,是將深淺不一的黑色加以組合,營造出時尚黑的強烈視覺印象。右邊範例除了詳細資訊以外,均採用帶淺灰色調、深淺不一的米色來建構版面,營造出沉穩且成熟的氛圍。(圖/原點出版《微調有差の日系新版面配色》)

近似色(faux camaïeu)配色法

法文「faux」意為「偽造、仿製品」,跟單彩配色法相較之下,色相上有差距的配色稱為近似色配色法。使用此配色法時,色相與色調可從相鄰色調中自由選擇。
配色效果:
  • 演繹出風格穩重率性感的配色
  • 用色數量再多,也能建構出協調的氛圍
左邊範例採用將灰色調與淺灰色調藍色加以組合的配色,無論是漸層效果或對比都不強,建構出充滿率性況味的設計風格。而右邊範例雖然用色數量多,但由於選用的都是柔色調顏色,因此不會過於花俏,營造出了柔和的氛圍。(圖/原點出版《微調有差の日系新版面配色》)
為什麼會看到廣告
留言0
查看全部
發表第一個留言支持創作者!