商業設計的核心不在於炫技，而在於「在限制條件下解決問題」。本教學實錄一個真實商業項目：客戶臨時需求、素材有限、需自繪地圖、緊迫交付期。完整拆解從文檔設置、素材處理、版面佈局、字體設計、地圖繪製、印刷前檢查的專業級 DM 單頁設計全流程，附帶職業習慣建議與避坑指南。

項目背景與限制條件

• 客戶：某汽車駕駛學校
• 交付物：A4 雙面 DM 宣傳單 (印刷)
• 提供素材：Logo (低解析度 JPG)、文案文本
• 額外需求：簡易地圖指引 (無現成素材、需自繪)
• 工具鏈：Photoshop CS5 + Illustrator (矢量素材編輯)
• 時間壓力：單日完成

專業文檔設置：印刷級規範

新建文檔：A4 (210×297mm) + 3mm 出血 (216×303mm)、300dpi、CMYK 色彩模式、色彩配置文件「Japan Color 2001 Coated」/「FOGRA39」。建立參考線：邊緣 3mm 出血線、內邊距 10mm 安全區。

背景系統構建：矢量素材優先策略

1. 置入 Logo 素材，命名「LOGO」，置頂對齊安全區上邊緣
2. 背景素材 1：「放射狀光效」矢量素材 (AI 編輯顏色/透視後置入)，命名「Radiation」，混合模式「疊加」
3. 背景素材 2：「幾何方塊透視」矢量素材，命名「Blocks」，置底部，添加蒙版漸變透明化增強縱深感
4. 圖層編組：選中上述 4 層 > Ctrl+G 命名「Background」組。習慣：每個邏輯模塊獨立編組，防止圖層面板失控。

主視覺元素植入：吉祥物植入與圖層樣式

從 Logo 中扣出「大象開車」吉祥物 (通道法/選取並遮住) > 命名「Elephant_Drive」置於「Blocks」上方 > 自由變換調整姿態大小 > 添加「投影」層樣式 (距離 5px、大小 8px、不透明度 30%) 著地。

文字系統設計：層級、強調、可讀性

1. 建立「Text」圖層組
2. 核心詞「好消息」拆分處理：「好」字獨立圖層，字體「方正黑體簡體/Source Han Sans Heavy」、字號 72pt、顏色暫定、添加層樣式：描邊 2px #FFFFFF、投影 3px #000000、漸變疊加 (紅橙漸變)。
3. 增強「好」字視覺權重：自定義形狀工具 > 「爆炸」形狀 > 填充 #F5C53A > 移至「好」字下方 > 圖層模式「亮光」> 不透明度 80%
4. 「消息」二字縮小 60%，置「好」字下方，層樣式簡化 (僅描邊+投影)
5. 其他文案：層級分明 (標題/副標題/正文/聯繫方式)，字號階梯 36/24/18/16pt，行高 1.5-1.8 倍字號，對比度符合 WCAG AA 標準

地圖繪製：從 Google Maps 到矢量簡圖的標準化流程

此為本項目最大難點與核心價值體現：

1. Google Maps 輸入地址截圖 (高解析度) > PS 開啟
2. 新建「Streets」圖層，鋼筆工具 (P) 勾勒主要道路中線 (無需極致精確，保持幾何簡潔) > 描邊路徑：2px 白色、模擬壓力
3. 新建「Buildings」圖層，勾勒地標建築輪廓 > 填充中性灰 #999999
4. 新建「Base」圖層置底，填充品牌色 (紅 #E74C3C) 作為地圖底色
5. 文字工具標註：主要道路名 (白色 12pt)、客戶地址 (紅色粗體 14pt、外發光)、地標名稱 (灰色 10pt)
6. 整組編組為「Map」組，拖入主文檔對應位置，自由變換適配版面

印刷前檢查清單 (Preflight Checklist) —— 生死線

職業習慣五條鐵律 (教學者親授)

1. 強迫性存檔：Ctrl+S 成肌肉記憶，關鍵節點 (合併圖層前/複雜操作後/離開工位前) 必存。大文件 (＞1GB) 更需敬畏軟體穩定性。
2. 圖層命名強迫症：拒絕「圖層 1 副本 2」，命名即思考，思考即設計決策。
3. 圖層組強迫症：超過 20 層必須編組，組名語義化 (Header/Content/Footer/Background/Effects)。
4. 交付前全流程複檢：從第 1 像素看到最後 1 個像素，模擬印刷廠 RIP 流程心理預演。
5. 知識資產沉澱：好方法寫成教程/腳本/預設/組件庫，分享即複利，教學相長。

這張 DM 單頁從接單到出稿僅耗時 4 小時，其中地圖繪製 1.5 小時、文字排版 1 小時、背景合成 0.5 小時、檢查輸出 1 小時。專業不在於快，在於標準化流程讓「快」成為必然結果。當你擁有成熟的 SOP、素材庫、組件庫、檢查清單，面對任何突發商業需求，你都能從容交出超出預期的作品。

檢查項目	標準/工具	風險等級
色彩模式	CMYK (圖像 > 模式 > CMYK 色彩)	🔴 致命
解析度	所有位圖 ≥ 300dpi (圖像 > 圖像大小)	🔴 致命
出血與裁切線	3mm 出血、裁切線正確、關鍵內容在安全區內	🔴 致命
字體嵌入/曲線化	文字圖層右鍵 > 「轉換為形狀」或導出 PDF 時嵌入字體	🔴 致命
專色/潘通色	如有專色需求，分色版輸出並標註潘通色號	🟡 高
圖層命名/結構	英文命名、邏輯編組、無無用圖層	🟡 高
圖片鏈接/嵌入	所有置入圖片嵌入 (非鏈接) 或打包收集	🟡 高
拼寫/數字/電話核對	逐字逐句核對、電話號碼實測撥打	🔴 致命
黑場/白場控制	最深陰影 C60 M40 Y40 K100、最高光 C0 M0 Y0 K0	🟢 中
總墨量限制	不超過 300-320% (視印刷廠要求)	🟡 高