展覽主視覺設計:構圖、色彩、訊息濃縮三大原則一次掌握

餐廳開在騎樓下,真正決定有多少客人願意推門進來的,往往不是菜單印得多精緻,而是掛在門口那張招牌菜的照片。照片拍得清不清楚、看不看得懂在賣什麼、隔著馬路掃過去一眼會不會讓人停下腳步,這幾件事加起來,幾乎就決定了客人會不會走進來。展覽攤位的主視覺,扮演的正是同一個角色。

這篇要談的不是活動宣傳海報,也不是品牌長期在用的行銷主視覺,而是展覽攤位現場那張要撐住整個攤位門面的主視覺。觀眾看到它的方式,是用走路經過的速度,隔著好幾公尺遠,旁邊還有一整排攤位同時在搶同一批目光。這種又遠又擠的觀看條件,讓展覽主視覺設計跟一般平面設計不是同一套規則。少了慢慢端詳的時間,多了旁邊攤位的干擾,一張畫面能不能在很短的時間內把重點交出去,就決定了觀眾要不要停下腳步。

這篇拆成三個決定主視覺扛不扛得住這種場景的原則,構圖怎麼引導視線先落在哪裡、色彩怎麼在遠處先被看清楚也被記住、訊息量該濃縮到多短才撐得住一眼瞄過。先從這個場景本身為什麼特殊講起,再一關一關往下拆。

展場裡,主視覺打的是一場距離戰

多數人想像的主視覺,腦中浮現的可能是活動宣傳的方形海報,或是社群貼文上的一張精美圖片,那種畫面通常尺寸不大,觀眾滑手機或站在海報前,還能花個幾秒鐘細看。攤位主視覺不是這麼回事,它多半被放大輸出成整面背板或大圖懸掛,觀眾隔著走道、用餘光掃過去判斷,而不是拿在手上翻閱。

這個觀看條件上的落差,才是這篇文章真正要處理的問題。攤位主視覺要同時應付兩個任務,一個是「被看見」,在隔著距離、觀眾還在移動的狀態下先被注意到;另一個是「被看懂」,旁邊還有其他攤位同時在搶同一批人的目光,畫面得在很短的瀏覽時間內把重點交出去,不能靠慢慢欣賞才看懂。這兩個任務缺一不可。再吸睛的畫面,如果看不懂在講什麼,也只是一閃而過的色塊;再清楚的訊息,如果先天沒被注意到,也等於沒印出來。

也因為這樣,接下來三個原則,構圖、色彩、訊息濃縮,談的其實是同一件事的三個切面,都是要讓一張畫面在觀眾還沒決定要不要多看一眼之前,就先把焦點、色彩印象、核心訊息交出去。這篇聚焦的是主視覺這張畫面本身,不涉及展場動線規劃、物料延伸或印刷規格,那些是另外的課題。

展覽主視覺設計的三大原則:構圖決定視線焦點、色彩先靠對比被看見再收斂主色、訊息濃縮到一句話
展覽主視覺設計圍繞構圖、色彩、訊息濃縮三個原則,讓畫面在觀眾快步掃過時同時被看見、也被看懂。

原則一:構圖,先決定觀眾的視線第一眼落在哪裡

構圖談的是這張畫面裡,眼睛會先看到哪裡、接著怎麼移動,不是海報上哪個資訊區塊該放在哪個位置的版面編排,那是排版要處理的事。構圖比較像拍照時決定主體、背景與留白怎麼配置,目標是讓一個完全沒有心理準備的路人,第一眼就抓到重點在哪裡。

一張主視覺只能有一個視覺焦點,這是構圖階段最先要決定、也最容易被忽略的前提。以下拆成三個具體做法。

一個焦點就夠,其餘都是配角

視覺焦點通常是一個主體,一個產品、一個人物情境,或是一個核心圖像符號。其他元素,像是次要文案、贊助商標誌、裝飾圖形,都該退到輔助的位置,靠大小、位置、對比度的層級差異去區分主從。

常見的錯誤是每個元素都想被看到,產品要大、標語要大、贊助標誌也要大,結果畫面裡沒有一個東西真正大得起來。主角的戲份被配角搶走,觀眾反而什麼都記不住,什麼都想強調,等於什麼都沒強調。構圖前不妨先問一句,如果只能有一個東西被看見,會是哪一個。其他所有元素的大小與位置,都該圍繞這個答案去安排。

左邊多個元素尺寸相近互相搶眼導致焦點打架,右邊放大單一主體、其餘退為配角,視線一眼落在主角
焦點不是把每個元素都做大,而是放大單一主體、讓其餘退為配角,視線才會落在該記住的地方。

留白不是沒設計,是幫主角讓出呼吸空間

不少人把留白(負空間)當成還沒填滿的地方,覺得空著可惜,於是把空白處塞滿贊助商標誌或補充說明文字。但留白真正的作用,是把觀眾的視線逼向主體,畫面塞得越滿,每個元素能分到的注意力反而越少。

這跟認知負荷有關。當一張畫面同時塞進太多資訊,大腦處理起來會直接放棄,眼睛乾脆略過整張圖,連本來該被看到的主體也一起被忽略(這一點在後面談訊息濃縮時會再展開)。留白因此不是美學上的奢侈品,而是構圖上的效率工具,刻意留出的空白,其實是在幫主角讓出呼吸的空間,讓視線有地方可以停留、聚焦。

圖與字誰主誰副,構圖前先講好

主視覺上通常同時有圖像與文字,但兩者的份量不該勢均力敵。構圖前要先選定一種主從關係,是圖像帶出情境、文字補充說明(圖為主,類似電影海報那種一張主圖搭一句標語的常見配置),還是一句有力的文案本身就是視覺焦點、圖像退居背景襯托(字為主)。兩種都合理,差別只在哪一種比較貼合這次想傳達的內容。

沒有先決定主從,最常見的下場是圖跟字用差不多的視覺份量互相打架,文字想搶眼、圖片也想搶眼,結果觀眾的視線在兩者之間游移,不知道該先看哪裡。構圖前先問清楚這次是圖說話、還是字說話,把答案定下來,再決定圖像面積與字級大小,構圖才不會淪為兩邊拉扯的結果。

原則二:色彩,先讓人看見,才輪到讓人記住

色彩這件事,多數人第一個念頭是選好看的顏色,但在展場這種場景裡,色彩其實該分成兩層來想。第一層是「被看見」,靠的主要是對比度,不是顏色本身討不討喜;第二層才輪到「被記住」,用有限的幾個主色,建立一個一致的印象。把這兩層分開想,才不會把選好看的顏色跟選有效的顏色混成同一件事。

抓住目光的是對比,不是顏色的數量

在展場這種視覺噪音很大的環境裡,色彩能不能被看清楚,關鍵在於前景與背景的明暗、色相差異夠不夠大,而不是顏色本身多漂亮。前景文字或主體如果跟背景的明暗、色相太接近,就算配色再細緻,隔著幾公尺外看過去還是會糊成一片,觀眾根本讀不出寫了什麼。

這個對比決定可辨識度的邏輯,螢幕設計的世界早就有明確的量化標準可以參考。全球資訊網協會(W3C)訂定的網頁無障礙設計指南 WCAG,就針對螢幕上文字與背景的亮度對比訂出具體門檻,一般文字要達到 4.5 比 1 以上的對比度,較大的字級門檻放寬到 3 比 1,低於這個比例就會被判定為不夠清楚可辨。這套比例數字是針對螢幕文字設計的,不能直接套用到印刷輸出的展場背板上,但背後的原理值得借用。對比夠不夠不是憑感覺判斷,而是有一個門檻在那裡,選色時不妨先檢查前景跟背景拉不拉得開對比,再談喜不喜歡這個顏色。

同一句標語在低對比下幾乎融進背景讀不出,拉開明暗對比後遠處也一眼看得清楚
前景與背景對比拉得夠開,遠處才讀得清楚;一般文字建議對比度 4.5:1、大字級 3:1(資料來源:W3C WCAG)。

一張主視覺,通常撐不住三種以上的主色

色彩計畫的另一個關鍵是收斂。一張主視覺通常只撐得住一個主色,搭配一到兩個輔助色,顏色一多,畫面在遠處看起來就會顯得雜亂,也很難在觀眾腦中留下單一的色彩記憶點。

很容易犯的錯誤,是把每個想強調的元素都配上不同顏色,產品一個顏色、標語一個顏色、贊助商標誌又是另一個顏色,結果整張畫面顏色太多,等於沒有主色。輔助色的功能是襯托主色,不是跟主色搶戲;色彩計畫前先選定一個主色,其他顏色圍繞它服務,畫面才會有清楚的色彩印象。

冷色與暖色,決定攤位給人的第一印象

暖色(紅、橙、黃)與冷色(藍、綠)在視覺上有不同的功能取捨。暖色通常較容易在遠處先被注意到,也比較容易帶出活力、促銷的氛圍;冷色相對沉穩,專業感較強,但相對不容易搶眼。這是功能上的取捨,不是哪一種比較高級,該用哪一種要回頭對照這次攤位想傳達的調性,是偏活潑促銷型,還是偏專業信任型。

冷色與暖色沒有絕對的好壞,重點是回到攤位想給人的第一印象去判斷。想被記住成充滿活力、促銷感重的攤位,暖色調通常更容易達到;想被記住成沉穩、專業、值得信賴的攤位,冷色調通常更合適。這裡談的是單一場合、單一畫面該用哪種色彩基調的取捨,跟品牌長期識別要定調成暖色系或冷色系是不同層次的問題,那是品牌識別規劃要處理的事,不在這篇要拆的範圍內。

原則三:訊息濃縮,一句話,不是一段話

這節談的是內容篩選,不是排版位置。重點不是把資訊放在畫面的哪裡(那是版面編排要處理的事),而是主視覺上該不該出現這麼多資訊。多數展覽主視覺失敗的原因,不是設計不夠漂亮,是塞了太多想講的事,導致觀眾在有限的注意力裡什麼都沒記住。這節要說服你的是,主視覺的文字量該往刪到只剩一句的方向去逼自己,而不是想著多講一點比較保險。

只能留一句話,你會留哪一句?

有一個具體的自我練習可以逼出答案。假設整套想傳達的內容只能留一句話,把攤位想講的所有賣點、活動資訊、產品特色先全部列出來,再逐一刪減,一路刪到只剩一句最核心的主張。

這個練習的價值不只是幫忙決定主視覺上寫什麼,更是逼設計者(或提出需求的人)在動筆構圖前,先想清楚這次參展最想讓人記住的是哪一件事。跳過這個練習、直接進入設計,主視覺最容易淪為什麼都塞一點的資訊拼盤,每個賣點各分到一小塊版面,結果沒有一個賣點真正被記住。

美國心理學家 George Miller 在 1956 年提出過一個著名的發現,俗稱「神奇數字七」,認為人一次能處理的資訊量,大概落在七加減二個項目左右。後來的研究者 Cowan 在 2001 年重新檢視這個議題,發現當注意力真正要同時聚焦在多個項目上時,實際能處理的數量遠比七小,更接近三到四個組塊。這說明資訊一多、觀眾根本記不住,不只是設計師的主觀偏好,背後有認知心理學的基礎支撐,一張主視覺同時想塞好幾個賣點,早就超出觀眾在短短一瞥之間能處理的資訊量。

把攤位想講的所有賣點逐一刪減,收斂成一句最核心的主張,才不會超出觀眾一瞥能處理的資訊量
訊息濃縮就是把賣點刪到只剩一句;人一次能同時聚焦的其實只有約三到四個組塊(資料來源:Miller 1956、Cowan 2001)。

標語的字數,要撐得住被遠遠瞄到一眼

留下來的那句核心主張,字數要控制到即使隔著距離、只花一兩秒瞄過去也能讀完抓到意思。它不是寫給人站在正前方慢慢細讀的文案,細節說明可以留給其他物料,像是型錄、名片,或現場人員的口說介紹去補。

這裡談的只是字數該多精簡的原則,不涉及字級大小或印刷尺寸這類規格問題,那是另一個要另外處理的課題。判斷標語夠不夠短有個簡單的方法,把它唸出來,如果唸完超過三、四秒,或是唸完還要停下來想一下意思,大概就是還太長,需要再刪。

品牌識別要露臉,但不能搶走主視覺的鋒頭

攤位主辦方通常會希望品牌標誌、識別色夠明顯,這個需求合理,品牌識別本來就該被看到。但如果標誌被放得太大、色彩太搶眼,反而會蓋過主視覺真正想傳達的那句核心訊息,觀眾記住的變成一個商標,而不是這次參展想說的事。

原則是,品牌識別要出現、要能被看到,但份量應該服務於整體訊息濃縮後的那一個重點,不是自己成為另一個視覺焦點。這其實呼應了前面構圖談的一個焦點就夠,品牌標誌也是眾多元素之一,不該例外去搶主角的戲份。

設計完成後,退幾步再看一次

照片好不好,攝影師自己站在鏡頭前是看不出來的,得退開幾步,站到客人的角度去看。主視覺設計完成後,同樣的邏輯也用得上,實際印出縮小版,或是把電腦螢幕拉遠一點看,檢查它是不是還撐得住前面講的三個原則。

有三個簡單的問題可以拿來自我檢核:

  1. 矇眼一秒再睜開,第一眼看到的是哪裡?如果答案不只一個地方,構圖的焦點大概還不夠清楚。
  2. 畫面裡的東西還能不能再刪?如果每個元素都覺得捨不得拿掉,通常代表訊息還沒濃縮到位。
  3. 如果只能留一種顏色讓人記住這個攤位,會是哪一種?答不出來,或答案不只一個,色彩計畫大概還需要再收斂。

這三個問題剛好對應構圖、訊息濃縮、色彩三個原則,不是要再把前面講過的內容複述一遍,而是把它們變成動手前最後一道篩檢。退開幾步看不出問題,才代表這張主視覺真的準備好被印出來、掛上背板。

回到一開始的招牌菜照片,好的餐廳門口不會把整份菜單都拍進同一張照片,而是挑一道最想讓人記住的菜,拍得清楚、拍得誘人。展覽主視覺設計要做的其實是同一件事,先幫觀眾做好選擇,決定他該先看到什麼、記住什麼,而不是把所有想講的話都丟給觀眾自己去挑。下次動筆構圖之前,不妨先問自己那個招牌菜的問題,這一次,你想讓觀眾一眼記住的,是哪一道菜。

資料來源
  1. Understanding Success Criterion 1.4.3: Contrast (Minimum) — 全球資訊網協會(W3C)
  2. The Magical Number Seven, Plus or Minus Two: Some Limits on Our Capacity for Processing Information(1956) — George Miller
  3. The Magical Number 4 in Short-Term Memory: A Reconsideration of Mental Storage Capacity(2001) — Cowan