fbpx

怎麼挑選品牌色?3 步驟找出理想色彩

最後修訂日期:2023 年 9 月 7 日

文章導覽

本文於 2023 年 9 月 6 日 第一版發佈

文章導覽

之前有寫過一篇文章《製作你的設計規範,形象經營事半功倍》,提到有了設計規範(Design guideline)會對經營者來說有多大好處,但在製作設計規範之前,有些人在挑選色彩這關就卡住了!

身為一個職人品牌顧問兼設計師,常常遇到客戶連自己要什麼顏色都不知道,只好靠著通靈提案(?),不過成功說服的機率也是頗高的。這篇文章將會告訴你,我怎麼幫客戶通靈選顏色,歡迎你照著做找到自己的命定色彩。

色彩其實比你想像中的還複雜

在進到挑選色彩的步驟之前,我們先認識一下色彩的基本知識,能幫助你更好的找顏色。

正常情況下,人類一共約能區分一千多種的顏色,不過因為眼睛構造和腦部結構因人而異,因此大家看到的顏色可能會有少許的不同。詳細關於顏色的物理原理,可以看看維基百科的定義。

常見的色彩用詞 RGB & CMYK ,到底是什麼?

色彩的分類方式很多元,如果你跟設計師協作或是要去印刷店印檔案時,應該會聽到檔案是用 RGB 還是 CMYK 編輯,這個問題又是什麼意思?

  • RGB(Red, Green, Blue)
    色光三原色,指的是不同波段的光刺激眼睛所產生出來的顏色,一般用在發光體上比方說電腦、手機、電視等等。R / G / B 分別的調整範圍都是 0 ~ 255,因此有相當多的變化產生,有些顏色人眼甚至無法辨別。
  • CMYK(Cyan, Magenta, Yellow, blacK)
    油墨用色,透過三個主色加上黑色的堆疊,混出不同的色彩。C / M/ Y / K 分別的調整範圍是 0 ~ 100,產生的變化組數比不上 RGB,有些色彩印不出來導致色偏的問題。

做圖和選色之前,你得先想好圖的使用場景,決定用 RGB 還是 CMYK 的環境製作。

接下來的文章都會以 RGB (色光三原色)為主。

認識色彩最好懂的框架-色相、飽和度、明度

傳統的色彩學中,其實有相當多種學習色彩的教材如伊登十二色相環日本色研配色體系PCCS,這也是念設計系之後才知道,原來色彩學可以學到那麼細!不過對於新手來說,從色相、飽和度、明度來認識色彩就很足夠了。

上一個段落我們介紹到了 RGB,RGB 的編碼都可以轉換成對應的 HSL 和 6 位元編碼,可以運用在各種電腦軟體選色。HSL 分別對應的是色相 Hue、飽和度 Saturation、 明度 Lightness。

色相 Hue

色相指的就是顏色的名字,紅色、黃色、綠色……等等,從紅綠藍三原色為主體,混合出各種顏色,一般會分成 12 種大類,也就是色環中提到的 12 主色。

在 HSL 的系統中,H 的數值調整範圍是 0 ~ 360,也就是繞12主色一圈,因此 0 和 360 都是紅色。

挑選色相對品牌來說是最重要的步驟,每個顏色根據文化、環境不同,人們會對顏色有不同的解讀,是一種相當好傳遞資訊的方法,根據文化背景挑選顏色的好處是能加強產業連結性,但相反的,可能就有些通俗,需要更多的配色想法和同性質者劃出差異。

飽和度 Saturation

飽和度指的是色彩的濃度,從 0 ~100% 未飽和到非常飽和,飽和的數值越低,代表顏色越少越接近灰色。

飽和度影響著的是顏色的張力,如果想要呈現的感覺是很熱情、很強烈、很鮮豔的畫面,色彩的飽和度就會拉高;如果想要呈現的是自然、恬適、平靜的畫面時,就會拉低飽和度。

常見的大地色系、莫藍迪色系,都屬於低飽和度的色彩。

[圖片生產中,請靜候更新💦]

明度 Lightness

也就是色彩的亮暗程度,變化值從 0 ~ 100%,0 的時候會是全暗呈現,100 的時候全亮呈現白色。

明度時常會和飽和度搭配使用,讓一個主色變出不同的色彩,配色時會有更多彈性。比方一個主紅色,就能從飽和度和明度的調整,變出粉紅色、淡紅色、赭紅色……。

[圖片生產中,請靜候更新💦]

認識完色彩,該如何選擇適合的顏色?

品牌在選色的過程中,最重要的是選擇主顏色(色相),接著才去考慮變化。如果你還沒有製作 LOGO 或是定義過自己的品牌配色,推薦你用下面 3 個步驟,找出適合經營的色彩:

  1. 依產業性質挑選主色(色相)
  2. 再根據偏好挑選色調風格(飽和度+明度變化)
  3. 若色彩掌握度高,可規劃強調色(*進階)

步驟一、依產業性質挑主色

我們在前面的段落有提到,因為文化背景大家對色彩會有既定印象,在一個對你完全不了解的陌生客戶前,若有對應產業的色彩,會讓他更快速理解你屬於什麼產業。

這邊打個比方:

  • 紅色、橘色、黃色-給人比較正能量的情緒:熱情、速度感、親和
  • 綠色-給人與環境相關的聯想:健康飲食、環保、植物
  • 藍色-傳遞冷靜的氛圍:科技、企業

這種文化性的挑色法雖然顯得傳統,但對終端要服務的客戶來說,他們好不好認知才是最重要的。如果你怕跟同業太相近一成不變,也不用太擔心,接下來我們還有更多選項可挑。

步驟二、根據偏好挑選色調風格

如果說主色是廚師們拿到的主食材,那飽和度&明度的調整就是各家廚師們的功夫,影響料理的最終呈現。

這個步驟主要是補足第一步驟中同質性太強的漏洞,讓你在加強客戶理解時,還是可以呈現自己的風格。我建議你從形容詞下手,再把顏色調整到類似的氛圍。

以下是經營個人品牌我常幫客戶搭配的形容詞類型供你參考,根據形容詞欲傳遞的氛圍,分別對應不同的飽和度和明度位置:

常用詞組
穩重的、親切的、有魄力的、親切近人的、優雅的、可人的、嚴肅的、活潑的……

飽和度明度對應
[圖片生產中,請靜候更新💦]

如果你對『形容詞欲傳遞的氛圍』這句話很陌生不知道怎麼做,那你需要一些視覺靈感了!請至 Pinterest 中輸入 “ Color Palette + 你的主色,會有很多的參考案例。附帶提一點,建議你參考以實際照片為主的 Color Palette ,比較容易想像,那組配色是不是你想要傳遞的氛圍。

步驟三、決定你的色彩之後,挑選搭配強調色

(!這個項目適合對色彩有一定熟悉度的人,如果你是色彩新手,步驟二就已足夠,可以進入規劃設計規範的環節了)

當你覺得單一主色不夠展現你的想法,想要讓色彩表現更繽紛的話,就可以選擇強調色,強化你想展現的某些重點。

色彩的應用比例網路上有相當多的教學,大多會採用 60 : 30 : 10 的黃金比例。60% / 30% 的部分會留給主色和無彩色(灰黑白)的搭配,剩下的 10% 就是強調色上場的地方。

[圖片生產中,請靜候更新💦]

強調色顧名思義,挑選的顏色就得跟主色有明顯的區隔。比方說你的主色選擇結果是一個深藍色,那輔色就得是很亮的顏色,像黃色、粉紅色;相反的,如果主色是鵝黃色,輔色就可以用暗一點或飽和度很高很搶眼的顏色去製造出對比。

這邊推薦一個不錯的配色工具 coolors,將你的主色和要搭配的無彩色(看你是搭白色、深灰、淺灰或黑色)輸入編碼後鎖起來,按下空白鍵後系統會自己搭配,你可以一直嘗試直到找到喜歡的強調色。

多看多捕捉,從生活中探索喜歡的配色

色彩廣泛的運用在我們的生活中,日本甚至有色彩專門學校和檢定考試,培養色彩相關的專業技術人員,成為顧問或是專職教育者,像這兩年韓國很紅的個人色彩分析,就是色彩應用的一環。

也因為色彩充斥我們的生活,可以觀察的元素很多,無論是環境中、別人做的圖、別人的影響,當你覺得這東西配色好棒時,記得存起來建立資料庫,長久蒐集下來,你的眼睛會被訓練得越來越利,自然能判斷出那些顏色在一起更令人感到舒服。

謝謝你讀到最後,歡迎分享讓更多人知道😎

Janis

技能樹點很雜的品牌成長顧問,擅長使用策展思維,幫助職人專家經營個人品牌,創造網路事業。

因為也是過來人,希望能幫你精準投入預算,不要亂花錢。如果我的分享有幫到你,歡迎寫信跟我說:)

留言回應

Subscribe
Notify of
guest
0 Comments
Inline Feedbacks
查看所有留言

推薦閱讀