東西明明不便宜,客人卻覺得這家很普通。
差的常常不是預算,是幾個沒人提醒的小地方。
我設計過幾百個品牌。成功千千萬萬種,失敗就那幾種。我教不了你成功,但下面這 5 個細節,很多自己排菜單、名片的創業家都會踩。
這份自查表不用懂設計。每一點都有一個你自己就能做的檢查動作,名片、菜單、招牌都適用。
開始之前:準備 3 樣東西
質感自查,是用 5 個固定的檢查點,把名片、菜單、招牌各看一遍,找出讓畫面顯得廉價的地方。不看好不好看,只看有沒有亂。
- 印出來的實物。 名片、菜單用實際尺寸印,招牌拍一張正面照片。螢幕放大看的不算數。
- 一支紅筆。 用來圈、用來數、用來畫線。
- 一支手機。 拍照、轉黑白、修圖拿掉顏色都用它。
三個基本動作,下面會一直用到:瞇眼看、退 3 步看、轉黑白看。
瞇眼看是設計圈常用的方法。Nielsen Norman Group 把它叫做瞇眼測試,用來找出畫面上最搶眼的東西,確認重要的內容真的被看到。
第 1 點:字體太多
長什麼樣
標題一種字,品名一種,價格一種,促銷再加一種手寫風。
每一種字都在喊「我是重點」,最後沒有重點。 整張看起來像不同時間、不同人拼起來的。
自己怎麼檢查:數字體
拿紅筆,每看到一種長相不一樣的字,就圈起來編號。
- 同一套字的粗體、細體,算同一種。
- 明體、黑體、圓體、手寫體,造型不同,各算一種。
- Logo 本身的標準字不算在裡面。
數到 3 種以上,就是這一點要改。 Adobe Express 的字體排印建議也是這個方向:最多三種字是好的經驗法則,可以避免畫面雜亂。
怎麼改
留 2 種就夠:一種給標題與品名,一種給內文與價格。
要強調某一行,用同一套字放大、加粗,不要換一套字。
Logo 越有個性,其他字越要素。像陳式設計做的拾序燒肉,作品頁寫明了標準字是手繪的,不是直接打字。 標準字已經有表情的時候,旁邊的字就不用再搶戲。
拾序燒肉的標準字是手繪的,不是直接打字。Logo 有表情,其他字就退一步。照片:陳式設計作品
字型能不能商用是另一條線,挑之前先看商用字體怎麼選。
第 2 點:對齊
長什麼樣
這一段置中,那一段靠左,價格一下貼著品名、一下被推到最右邊。
名片正面靠左,翻過來背面又是置中。
眼睛看東西會自己找線。找不到線,就會覺得亂、覺得隨便。
自己怎麼檢查:數起跑線
拿尺跟紅筆,沿著每一區文字的左邊緣畫一條直線。
數一數總共畫出幾條起跑線。 一張名片、一頁菜單上有一大堆起點不同的線,就是對齊沒有規則。
名片要再做一件事:正面看完直接翻到背面,看兩面是不是靠同一邊。
怎麼改
- 選一邊靠齊。 左或右都可以,選了就整張照做。
- 置中只留給短的東西。 Logo、店名、一行標語。長段文字置中,每行起點都不一樣,最難讀。
- 正反面同一套規則。 正面靠右,背面也靠右。
一張印好的飲料菜單。試著沿每一區的左邊緣畫線,數一數有幾條起跑線。照片:Andy Li/CC0/Wikimedia Commons
菜單的價格要怎麼對齊,有三種做法,我寫在菜單排版怎麼做。
第 3 點:顏色太多
長什麼樣
每個分類一個顏色,促銷用紅,新品用黃,推薦用綠,招牌再加兩個顏色。
顏色越多,越不像一家店,越像好幾家店拼在一起。
自己怎麼檢查:數、拿掉、轉黑白
- 數顏色。 把名片、菜單、招牌上出現的顏色一個一個數,黑、白、灰也算進去。
- 拿掉一個。 用手機修圖,把你最捨不得的那個顏色改成黑色或灰色。如果看起來沒變差,甚至更清楚,它本來就不需要。
- 轉黑白。 手機拍照轉成黑白。重點如果只靠顏色區分,轉完就分不出來了,那代表重點要靠大小、粗細來撐,不是靠顏色。
怎麼改
連黑白灰在內,固定 5 個以內。
陳式設計公開在作品頁的案子,拾序燒肉和澐宇的色彩計畫都是 5 個顏色。澐宇那 5 個顏色,每一個都有自己的名字。有名字的顏色,才不會被隨手換掉。
為什麼是一個主色加兩個輔色,跨廠商印刷時顏色為什麼會偏,我寫在品牌色該定幾個,這裡不重複。
能挑的顏色永遠比你需要的多。拿掉一個,看會不會更好認。照片:Textile and Fibre Technology, CSIRO/CC BY 3.0/Wikimedia Commons
第 4 點:字距
長什麼樣
名片上的小字看不出問題。同樣的字放大到招牌、菜單標題,間距就鬆掉了。
有的字黏在一起,有的字中間空一大塊。英文更明顯,Adobe 的排版軟體說明就列了 LA、To、Wa 這類要特別調整間距的字母組合。
為什麼看起來廉價
字距是軟體預設給的,沒調過的字距,等於告訴客人「這裡沒人顧」。
Adobe Express 的說法很直接:好的字距是字母之間的間距看起來一致,會讓設計更好看,也更好讀。
自己怎麼檢查:印出來,退 3 步
- 把招牌字、菜單標題用實際大小印出來,招牌太大就印其中兩三個字。
- 貼在牆上,退 3 步看。
- 再瞇眼看一次。字距不均的地方,會變成一塊一塊的空洞或黑團。
怎麼改
只調大字。 名片內文、菜單品項這種小字,通常不用動。招牌、店名、標題要一組一組手動調。
調的標準是「字與字之間的空白看起來一樣多」,不是數字一樣。 筆畫多的字跟筆畫少的字放在一起,同樣的間距看起來就不一樣寬,要用眼睛校。
德國美因茲古騰堡博物館的活字字盒。那個年代每個字都是一塊實體,字要一個一個排到位。照片:dronepicr/CC BY 2.0/Wikimedia Commons
名片上最小的字能小到哪裡,是另一個問題,我寫在名片上的字要多大。
第 5 點:用字不統一
長什麼樣
同一個東西,在不同地方有不同寫法。
價格一下寫「元」,一下寫「$」。營業時間一下「11:00」,一下「上午十一點」。菜單寫「招牌」,貼文寫「必點」,名片又寫「推薦」。
最麻煩的是錯字。1 個錯字,會跟著印滿整間店。
一個真實的例子:炭和碳
陳式設計做拾序燒肉的時候,作品頁記下了一件小事。他們表單上寫的全是「碳」,可是店裡燒的是真正的木炭。
所以同一份提案裡,定了一條用字規範:一律用「炭」,不用「碳」。 這個字從第 1 天寫對,菜單、招牌、貼文才會一路對下去。
查教育部《重編國語辭典修訂本》就分得很清楚。碳是化學元素,炭是含碳物質不完全燃燒後的殘留物,例子就是木炭。
拾序燒肉的菜單封面,副標是「炭火 燒肉」。一個字從第 1 天寫對,後面才會一路對。照片:陳式設計作品
自己怎麼檢查:全部貼進同一個文件
把名片、菜單、招牌、社群簡介上的文字,全部複製貼進同一個文件。
用「尋找」功能,一個一個搜你最常寫的字:價格、時間、品項名稱、店名。同一個東西出現兩種以上寫法,就記下來。
怎麼改:做一張用字表
一張表,兩欄就好。以後誰要做新的東西,先看這張表。
| 項目 | 不要用 | 一律用 |
|---|---|---|
| 容易寫錯的字 | 碳(店裡燒的是木炭時) | 炭 |
| 價格 | $、NT、元 混用 | 選一種,例如全部寫「元」 |
| 營業時間 | 11點、上午十一點、11:00 混用 | 選一種,例如全部寫「11:00」 |
| 主推品項 | 招牌、必點、推薦 混用 | 選一個詞 |
| 店名 | 中英文、全半形各寫各的 | 照 Logo 上的寫法 |
表裡「一律用」那欄是填寫範例,換成你自己的就好。
總表:名片、菜單、招牌各看哪裡
5 點走完一遍,大概只要十幾分鐘。下面這張表,告訴你每一點在三種東西上該先看哪裡。
| 檢查點 | 名片 | 菜單 | 招牌 |
|---|---|---|---|
| 1 字體太多 | 姓名、職稱、聯絡資訊是不是各用一種字 | 分類標題、品名、價格、促銷貼紙各用了幾種字 | 店名以外的營業項目、電話又換了幾種字 |
| 2 對齊 | 正面跟背面是不是靠同一邊 | 品項起點是否同一條線,價格是否同一條線 | 店名、標語、電話是否以同一條中線或邊線對齊 |
| 3 顏色太多 | 兩面加起來有幾個顏色 | 是不是每個分類都換一個顏色 | 底色、字色、光源色加起來幾個,轉黑白還讀得到嗎 |
| 4 字距 | 姓名與店名這種最大的字 | 封面店名與分類標題 | 最重要的一點,印實際大小,退 3 步看 |
| 5 用字統一 | 店名、地址、時間寫法跟菜單一不一樣 | 品項名稱跟點餐單、貼文是不是同一個寫法 | 營業時間、電話、店名跟名片是不是同一套 |
每一點只問自己一句話:
- 數得出來的字體,是不是 2 種以內?
- 每一區的文字,是不是都靠著同一條線?
- 連黑白灰,顏色是不是 5 個以內?
- 放大的字,退 3 步看,間距是不是一樣?
- 同一個東西,是不是只有一種寫法?
拾序燒肉門口外凸的小燈箱,讓左右兩側來車都看得到。招牌上的字與顏色,跟菜單是同一套。照片:陳式設計作品
檢查完,先改哪一個
先改用字。 錯字最便宜改,留著的傷害最大,下一批印刷前就要改掉。
再改字體與顏色。 這兩點都是數量問題,刪掉多的就好,不用重新設計。
最後是對齊與字距。 對齊要重排版面,字距要逐字調,招牌重做的成本也最高,可以等下一次改版一起處理。
質感不只靠錢,還要靠少做。字少一種、顏色少一個、寫法只留一種,這三件事都不花錢。
問你一件事:你剛剛數完,店裡用了幾種字、幾個顏色?
如果數出來的比你想的多,不知道該留哪幾個,跟我說一聲。