街口電線桿旁,超商門口,一疊疊傳單被塞進手裡的那一刻,多數人不用兩秒就決定收下還是丟開。奇怪的是,用色最滿、印得最搶眼的傳單,往往最快被揉成一團丟進垃圾桶,顏色鋪得越滿,看起來反而越像廣告垃圾。
色彩是形成第一印象最快的訊號。Singh(2006)在《Management Decision》期刊指出,人對商品的第一印象大約 90 秒內成形,六成到九成仰賴色彩本身。只是訊號一多就互相干擾,顏色反而讓印象變混亂,這也是為什麼「顏色用最多」不等於「最容易被記住」。
傳單配色技巧要解決的,是距離問題。傳單多半遞到手上、在手臂範圍內、幾秒內就決定去留,跟牆上的海報、螢幕裡的 banner 完全不同。先從距離怎麼影響眼睛講起,再拆到顏色數量、底色與強調色的做法。
傳單配色為什麼要照「拿在手上」的距離設計?
傳單、海報跟 banner 雖然常被放在同一套配色技巧裡討論,但真正決定配色方向的關鍵,其實是「被看到的那個距離」。距離不一樣,眼睛處理顏色的方式就跟著不一樣,這也是傳單配色技巧要先抓準的第一個判斷基準。

手臂距離大致就是伸手能碰到、隔著一本雜誌左右的那段距離,近到能看清楚每一絲印刷細節、每一個色塊邊界。在這個範圍裡,眼睛會個別辨識每一種顏色,不會像遠距離觀看那樣,自然把細碎的顏色模糊、混在一起。換句話說,傳單上多用一種顏色,讀者是真的看得到、也真的會拿來比較,不像海報或 banner 那樣有距離幫忙稀釋。
海報是另一套邏輯,得靠字級放大才能撐住比手臂距離遠得多的閱讀距離。像加州大學戴維斯分校(UC Davis)一份海報設計原則就建議,字級要到 48 級,才能在 10 英尺(約 3 公尺)外還被看得清楚。距離拉到 14 英尺,字級得放大到 72 級才行,距離每拉遠一點,字就得跟著放大一截,才能維持辨識度。
banner 又是另一套邏輯,得在螢幕頁面裡跟其他色塊搶視覺。這兩者各有專屬的配色與版面技巧,這篇不展開,單純先把它們跟傳單的距離差異點清楚,搞懂這件事,才不會把海報或 banner 的做法直接套用過來。
手臂距離跟遠距離,色彩辨識的方式不一樣
色彩之所以要在近距離特別收斂,原因出在大腦處理色彩資訊的方式。前面提到的研究已經點出,色彩是形成第一印象最快的訊號,訊號一多,大腦要同時消化的色彩資訊就跟著變多,容易產生混亂、粗糙的觀感,而不是加深記憶。
遠距離觀看時,像貼在牆上的海報,眼睛沒辦法個別分辨太細碎的顏色,會自然把它們模糊、混合成一個整體印象,對顏色種類的容忍度也比較高。換句話說,傳單完全相反,近距離下每一種顏色都被看得一清二楚,顏色一多,反而變成互相搶戲的噪音,讓讀者的視線不知道該先落在哪裡。
傳單、海報、banner,各自鎖定的距離不一樣
三種媒材,鎖定的距離跟任務都不一樣。傳單是手臂距離,短短幾秒就決定去留;海報是數公尺外,靠對比色塊跟放大字先被看到;banner 是螢幕前,得跟頁面裡其他色塊搶視覺。
後兩者各有各的技巧,這篇只把焦點放在傳單,先把這條界線畫清楚,才不會把海報或 banner 的配色邏輯直接套用過來,做出跟情境不合的設計。
先收斂顏色數量,重點才跳得出來
傳單版面上的顏色,最好收在兩到三種以內,不含滿版商品照片本身帶出來的顏色。這幾種顏色各自有分工:主色佔版面的大部分,負責定調整張傳單的第一印象;輔助色用來搭配主色、撐出層次;強調色只留給最需要被看到的那一處,不能到處都用。
滿版商品照片是唯一的例外,一張塞滿版面的美食照或商品照,本身色彩就很豐富,不算進這兩到三種的額度裡。但即使有滿版照片,文字跟裝飾用色仍然要收斂,不能因為背景已經花了,前景又疊上一堆顏色。
最常見的失敗模式,是每一則資訊都想加一種顏色去強調,優惠價用紅色、日期用藍色、電話用綠色、地址再配一個橘色。結果所有顏色互相打架,沒有一個真正被看見,這正呼應前面提到的邏輯,近距離下顏色一多,就會互相干擾,反而沒有一個真正跳出來。

傳單的背景色,要怎麼選才不會讓人想避開?
整張傳單第一眼決定觀感的關鍵,其實是底色,卻也是最容易被忽略的一個選擇。近距離、手持閱讀的情境下,大面積高飽和的重色,像是滿版黑、滿版正紅、螢光黃,當底色容易讓人產生壓迫感,拿在手上多看兩秒都覺得累,自然不想細看內容。
不過,白色、淺色或低彩度的底色閱讀起來舒服很多,也更能把版面裡的強調色襯托出來。這也是為什麼多數讀起來順眼的傳單,底色都選得很克制,把「搶眼」的任務留給少數幾個強調色去做,而不是整張紙都在搶戲。
底色跟文字的對比也要抓對,深底配淺字、或淺底配深字都可以,重點是避開中明度對中明度,像深灰底配中灰字,兩者亮度太接近,文字很容易糊在底色裡,近距離讀起來反而更吃力。網頁設計圈在判斷文字是否易讀時,常引用 W3C 訂出的對比準則,要求文字跟背景要有足夠的明度差才算合格;這套「對比要拉開才好讀」的邏輯,同樣可以借來檢查傳單的底色跟文字搭不搭,不必真的照搬網頁的對比數值,抓住「明度差要夠大」這個原則就夠用。

傳單上的行動呼籲,配色怎麼讓它先被看到?
傳單上通常會有一則資訊最重要,可能是優惠價格、活動日期、聯絡方式或是條碼,這則資訊就該交給強調色去處理。做法是從色輪上找對比色或互補色,讓它跟版面其他顏色明顯不同,眼睛掃過去的第一時間就會被吸引過去。
強調色只留給一個最重要的資訊,前面提過的收斂原則在這裡同樣適用,如果每一則資訊都想搶這個位置,強調色的效果就會被稀釋掉,讀者反而分不出該先看哪裡。
紅配綠是很多人直覺會選的組合,但這個組合對一部分讀者並不友善。美國國家眼科研究院的資料顯示,色覺辨識異常在男性中大約每十二人就有一人受影響,女性的比例低很多、不到百分之一,而其中又以紅綠色辨識異常最常見。行動呼籲若只靠紅配綠當唯一的對比依據,對這群讀者來說,顏色本身根本沒有發揮吸引目光的作用。改用對比更穩定的組合,像深藍配亮黃、深紫配亮橘,同樣能達到跳色效果,又不會漏掉這一部分讀者。

螢幕看到的顏色,不是印出來的顏色
多數人設計傳單都在電腦或手機螢幕上完成,螢幕靠 RGB 發光疊色,但傳單最後是印刷、靠 CMYK 油墨疊色在紙上呈現,兩者呈色的原理完全不同。螢幕上看起來飽和明亮的顏色,印出來常常會變得比較沉、比較悶,尤其是螢光色系跟高飽和的亮藍綠色,落差特別明顯。

這代表定案前的最後一步,不能只憑螢幕畫面判斷。重要色塊,尤其是拿來當強調色、行動呼籲用的那個顏色,最好先切到 CMYK 模式檢查一次色值有沒有明顯跑掉,有條件的話,再看過印刷打樣確認實際呈色,才不會等到整批印出來,才發現原本想要的鮮豔強調色變得黯淡。這裡只談呈色原理本身,像印刷機台、紙材選擇、傳單尺寸這些規格問題,是另一個層面的課題,不在這篇的範圍內。
傳單配色技巧要贏的,從來不是用了幾種顏色,而是遞到對方手上的那一秒,眼睛先落在哪裡。近距離的手持情境給了傳單一套跟海報、banner 都不一樣的規則,顏色收斂、底色克制、強調色只留一處、印前多留一手檢查呈色,這四件事做到位,遠比把版面塗滿顏色更容易被記住。下次動手設計傳單之前,不妨先問自己一句,這張傳單遞到對方手上,你最想讓他先看到的是哪一個顏色?
