走在騎樓下,一個背影從對面經過,很多人光憑外套上的格紋,或者對方習慣側背的那個包款花色,就認出這是熟識的誰,根本不必等到對方轉身、露出正臉。這種不靠正臉也能被認出的本事,放到品牌經營上,對應到設計圈常說的品牌「第二張臉」,也就是輔助圖形:那些在 Logo 之外,反覆出現在品牌各種應用物、各種版面上的圖案、紋理或線條。
多數品牌的 Logo 設計得再精緻,也有一個先天限制,很多場合根本放不下一個完整、清楚的 Logo。提袋一角、簡報角落、活動背板邊緣,這些畫面留給品牌識別的空間往往只有巴掌大,硬塞一個完整標誌反而顯得侷促、生硬。真正在這些場合撐住「這是我們家」識別的,常常不是 Logo 本身,而是那些看習慣了、一眼就能認出的輔助圖形。搞懂它怎麼從 Logo 造型或標準色系統延伸出來,能讓品牌識別系統多一層彈性,不必每次都靠放大 Logo 硬撐畫面。
先從輔助圖形在整套品牌識別系統裡的位置講起,再一路拆到怎麼從 Logo 造型、標準色分別發展出這第二張臉。
輔助圖形是什麼?跟 Logo、標準色是什麼關係?
品牌視覺識別(Visual Identity,VI)是一整套系統,通常包含以下幾個部分:
- Logo(標誌)
- 標準字
- 標準色
- 輔助圖形
- 應用系統,也就是把以上元素套用到各種物件上的規則
輔助圖形排在 Logo 之後,常被當成順便做一下就好的配角,但它在整套系統裡其實有明確分工。
Logo 負責讓人一眼認出這是誰,是整套識別系統裡最濃縮、最正式的代表符號。輔助圖形接手的是 Logo 不方便出場、或不適合搶戲的場合,它把識別感分散到更多畫面元素上,同時讓版面多一點層次、耐看一點,不會每次呈現都一模一樣。
這裡有個常見誤解得先拆掉。輔助圖形不是隨便加一個好看的花紋上去,一個圖案要夠格被叫做輔助圖形,得跟 Logo 的造型或標準色系統有血緣關係,線條抽取自 Logo 本身,顏色鎖在核准的色階裡,才有辦法在讀者眼中被連回品牌。判斷一個圖案是輔助圖形還是純裝飾,關鍵不在好不好看,而在它跟品牌其他視覺元素有沒有明確關聯,沒有這層關聯,再精緻的花紋也只是裝飾,撐不起第二張臉該做的識別功能。

為什麼品牌需要輔助圖形這張「第二張臉」?
搞懂輔助圖形跟裝飾的分野之後,更實際的問題是,品牌為什麼需要它。品牌會在非常多地方跟人相遇,例如網頁背景、簡報封面、提袋一角、社群貼文邊框,甚至活動現場的桌卡、指示牌。這些接觸點的共同點是,畫面留給品牌識別的空間都不大,如果每一次都硬塞一個完整、清楚的 Logo,版面很快就會顯得擁擠,設計起來也綁手綁腳。
輔助圖形能在這些場合低調接手,它不需要被一眼認出是完整標誌,只要透過反覆出現的圖案、線條或色塊,讓人在潛意識裡把畫面跟品牌連起來。這也讓設計多了一點呼吸空間,不必每個版面都長得一模一樣,卻還是能守住「這是我們家」的識別。
反過來想,如果品牌完全沒有輔助圖形,只能靠單一 Logo 撐場面,問題會出在哪裡?最直接的後果是記憶點太少,一個品牌只有一個符號可以重複,讀者要建立印象的素材就變少了。這也逼得 Logo 常常得放得很大、很搶眼才會被注意到,設計上的靈活度反而被綁死,版面選擇會少掉很多可能性。
視覺一致、可被反覆辨識,對品牌實際經營成效的幫助,並不只是設計師的美感堅持而已。Marq(原 Lucidpress)一份收集超過 450 位受訪者意見的品牌一致性調查就發現,如果品牌能呈現一致,企業預期營收成長可達 10%到 20%。反覆出現、看起來像同一個品牌的視覺元素,不是可有可無的裝飾,而是實際會反映在經營數字上的資產。
從 Logo 造型延伸輔助圖形,有哪些設計手法?
如果輔助圖形跟 Logo 沒有血緣關係就只是裝飾,那要怎麼讓兩者產生這層關係?最常見的路徑,是直接從 Logo 本身的造型去發展,而不是另外設計一套不相干的花紋。以下三種手法在國際品牌案例中都看得到,做法各自不同,但共同原則只有一個,輔助圖形作為符號的獨立性不能超過 Logo 本身,它的角色是襯托,不是取代。

放大或簡化 Logo 局部線條
第一種手法,是把 Logo 裡最有辨識度的一小段線條、轉角或弧度單獨抽出來,放大、簡化成一個可以重複使用的圖形元素。這個做法利用的是一種常見的心理現象,大腦一旦對某個完整圖形夠熟悉,只要看到其中一小段局部特徵,就會自動在腦中把畫面補齊,不需要整個 Logo 都露出來才認得出品牌。
這種手法特別適合 Logo 本身就有明顯特徵造型的品牌,一個獨特的轉角、一道缺口、一段弧線,都是很好的抽取素材。舉例來說,國際間有些銀行的品牌識別會把方框造型上的一角切出三角形缺口,這個局部造型被獨立抽出來反覆使用,在 App 圖示、小尺寸的行動裝置版面這類空間有限的場合,反而比完整標誌更靈活好用。
把 Logo 重複排列成背景底紋
第二種手法,是把 Logo 圖形本身用固定的間距與角度重複排列,讓它從一個標誌退化成一種背景紋理。好處是畫面裡不會每一寸都在強調這是我們的標誌,卻仍然維持著品牌聯想,適合用在需要大面積鋪底、但真正的主角是其他內容(文字、照片)的場合。
可口可樂就是廣為人知的例子,品牌標誌裡那條流動的線條,設計圈習慣稱它動態緞帶,被單獨抽出來發展成一種獨立的輔助圖形,大量用在廣告版面、包裝與網站的背景紋理上,不需要完整標誌同時出現,消費者一樣認得出來。
只截取 Logo 最有記憶點的局部
第三種手法跟第一種類似,但更進一步,不只是放大局部線條,而是直接只挑 Logo 裡最獨特、最容易被記住的那一小塊元素,可能是一個轉角,也可能是一段弧線,把其餘部分整個拿掉,只留這一小塊單獨使用。
這種做法比完整 Logo 更靈活,特別適合套用在小尺寸的應用場合,像是提袋一角、社群大頭貼周邊的裝飾細節,或者版面本身不方便完整呈現 Logo 的地方。國際間有些信用卡品牌就是用一段簡單的弧線造型當輔助圖形,這段弧線不管縮到多小、套進什麼形狀的版位,都還能維持一定的辨識度,反而比完整標誌更容易套用在各種尺寸的應用物上。
從標準色延伸輔助圖形,怎麼設計才不會亂?
發展輔助圖形還有另一條路,不是從 Logo 造型出發,而是從品牌的標準色系統出發,用核准的品牌色階做出點、線、格線、色塊這類幾何圖形,反覆排列,形成一套跟色彩系統綁在一起的圖案語言。這條路徑做壞了很容易失控,美國賓州州立大學(Penn State)與愛荷華大學(University of Iowa)的官方品牌手冊,剛好都把該守住的克制原則寫得很清楚。

第一個原則是顏色數量要收斂。愛荷華大學的品牌規範明訂,圖案只能使用核准的黑、金、灰、白等色階,不能一次疊加超過一種顏色,多加一種顏色,圖案很容易就從輔助變成搶戲,喧賓奪主蓋過真正該被看到的 Logo 與內容。
第二個原則是圖形比例不能被隨意扭曲。同一份規範也直接要求,圖案不能被改變或竄改,也要避免傾斜、變形到讓人認不出原本的樣子,輔助圖形之所以有效,是因為它維持著跟 Logo 或色彩系統一致的比例與角度,一旦被拉伸、扭曲到走樣,原本累積起來的辨識度也會跟著流失。
第三個原則是大面積使用時要做淡化處理。賓州州立大學的品牌手冊把圖案定位成次要的疊加層,用來增加質感與層次,並且強調即使是大膽的設計,圖案也一律該低調呈現,當輔助圖形被鋪成大面積背景時,要跟主要內容保持協調,而不是搶過主要內容原本該有的視覺重量。
輔助圖形用在提袋上,要注意哪些設計細節?
前面兩條路徑講的是輔助圖形怎麼生出來,這一節把焦點收斂到一個具體的應用物件,提袋,不管是紙提袋還是布提袋。提袋有幾個先天限制,在設計輔助圖形的階段就得先想清楚。
第一個限制是裁切。袋身摺疊、打摺、提把的位置,常常會把圖案裁掉一部分,如果圖案設計成一定要看到完整全貌才有意義,裁切之後很容易變得四不像。輔助圖形要禁得起局部裁切還能被認出來,不能太依賴某個特定角度或某個完整輪廓。
第二個限制是印製色數。提袋印刷通常比較精簡,色數壓得很低,圖案要就算簡化成一到兩色也不失效果,不能仰賴多層次的漸層或細微色階變化才成立。那種在螢幕上分層細膩、色彩過渡平滑,印到袋子上卻糊成一團看不出造型的圖案,實務上根本用不了;設計輔助圖形時,最好從一開始就假設只有一到兩個顏色可用,再往上加。
第三件要想清楚的事,是輔助圖形跟 Logo 在袋面上的主副關係。一種安排是圖案當底紋、Logo 維持視覺焦點,適合想傳達穩重、正式調性的品牌;另一種安排反過來,讓圖案當主角、Logo 縮小放在角落當簽名,適合想傳達活潑、好認調性的品牌。以格紋圖案聞名的國際精品品牌 Burberry 就是後者的典型例子,提袋上就算沒有明顯的文字標誌,消費者仍然單靠格紋圖案就認得出品牌,圖案本身已經具備等同標誌的識別力。兩種安排沒有絕對的對錯,差別只在品牌想被記住的樣子是哪一種。
輔助圖形當版面背景時,怎麼淡出、不蓋過內容?
換一個應用物件,從提袋換成版面背景,像是網頁、簡報,或活動主視覺這類需要同時放文字、照片等主要內容的畫面。跟提袋不同,版面背景通常不是輔助圖形自己唱獨角戲,它在這裡的角色更接近氣氛,而不是主角。
第一件要拿捏的事是透明度與淡化程度。前面提到賓州州立大學與愛荷華大學的品牌手冊都強調,圖案作為背景使用時要以疊加、低調的方式呈現,用透明度或淡化色階讓圖案退到文字後面,確保跟文字之間的對比度足夠可讀,不能讓一整片鮮明的圖案跟正文搶著被看見。
第二件事是圖案密度跟留白的平衡。密度太高,版面看起來會顯得雜亂,反而模糊了原本該被聚焦的重點內容;密度太低,又發揮不了反覆出現、累積辨識度的效果。這中間沒有一個放諸四海皆準的公式,得靠實際套進版面測試,找到讓圖案有存在感、卻不搶戲的密度。
第三件事是不同版面尺寸下的縮放測試。手機網頁的窄版面,跟大圖輸出的活動背板,兩者的觀看距離跟畫面比例完全不同,同一套輔助圖形直接等比例套用,很容易在其中一種尺寸上顯得過密或過疏。每一種尺寸都該各自測試圖案縮放之後,是不是還維持著一致的識別效果,而不是設計完一套就直接套用到底。
圖案不是裝飾,它得長在品牌基因裡
從 Logo 造型到標準色,兩條路徑都拆解過一輪,可以收攏成一句提醒。輔助圖形不是為了好看或跟上潮流隨便換的裝飾花紋,它必須跟 Logo 造型或標準色系統有明確關聯,才擔得起第二張臉這個角色。
實務上最常見的三個誤區,值得逐一點名。第一個誤區,是讓圖案脫離 Logo 與色彩系統獨立發展,變成一套跟品牌本身沒有關聯的裝飾,這種圖案就算單獨看很美,擺回品牌識別系統裡卻連不上任何線索,讀者看到它不會聯想到品牌,反而像是誤植進來的外來元素。
第二個誤區,是圖案用得比 Logo 本身還搶眼,喧賓奪主。輔助圖形的角色是襯托,一旦視覺重量壓過真正該被記住的 Logo,整套識別系統的主從關係就亂了,讀者反而記住了圖案,卻對品牌本身沒有印象。
第三個誤區,是為了求新求變,每隔一段時間就把輔助圖形整套換掉。輔助圖形要發揮效果,靠的正是反覆出現、被看習慣這個累積過程,頻繁更換等於把已經累積的辨識度重新歸零,下一輪又要從頭開始讓讀者眼熟,這跟做輔助圖形的初衷完全相反。
一個人不需要每次都露臉,才能被路上的熟人認出來;一個真正成熟的品牌識別,也不必每次都把 Logo 放到最大、最完整才算數。那些安靜反覆出現、看似不起眼的輔助圖形,才是別人一眼就記住的那件外套花紋,不需要看到正面,也認得出是你。
