普通位圖二維碼縮放易模糊掃碼失效。本教學示範在 PS 中結合「形狀圖層 + 智慧物件 + 精確像素對齊」製作可無限縮放、邊緣絕對銳利、容錯率達 H 級的專業級二維碼。
向量化生成流程
- 獲取二維碼矩陣數據:使用線上生成器(如 qrcode.com、goqr.me)輸入內容,選 錯誤糾正等級 H(最高 30% 容錯),下載 SVG 或 EPS 向量格式。若僅有 PNG,需在 AI 中「影像描圖」轉向量。
- 置入 PS 為形狀圖層:檔案 > 置入嵌入 選取 SVG/EPS,PS 自動轉為向量形狀圖層(縮圖顯示路往圖示),命名「QR_Vector」。
- 像素網格對齊:開啟 視圖 > 對齊到 > 像素網格,選取形狀圖層,屬性面板勾選「對齊像素網格」,確保所有路往錨點落在像素中心,避免光柵化時產生半像素模糊。
尺寸與靜區設定
- 最小模組(最小黑白方塊)建議 ≥ 4 px(列印)或 ≥ 2 px(螢幕)。
- 靜區(四周留白)≥ 4 個模組寬度,確保掃描器識別邊界。
- 以移動工具 (V) 拖動參考線量測,必要時自由變換 (Ctrl+T) 整體縮放(按 Shift 保持比例)。
顏色與品牌化客製
- 雙擊形狀圖層縮圖,更改填充顏色(深色前景:#1a1a1a、#003366 等),保持背景透明或添加矩形底圖層填淺色(對比度 ≥ 4.5:1 符合 WCAG AA)。
- 嵌入 Logo:置入向量 Logo 置中,縮放至佔二維碼面積 15-20%(H 級容錯允許),添加白色描邊 2-3 px 隔離前景色。
- 圓角風格:屬性面板「圓角」輸入數值(如 8 px),或用「直接選取工具」拖動實時圓角控制點。
多尺寸輸出策略
- 向量母版:保存 PSD,後續任意尺寸無損輸出。
- 印刷:300 dpi,CMYK,匯出 PDF/X-1a 或 TIFF(LZW壓縮)。
- 螢幕:72/96/144/300 dpi(@1x/@2x/@3x),sRGB,匯出 PNG-24(透明背景)或 WebP。
- 向量交付:另存為 SVG(檔案 > 匯出 > 匯出為 > SVG),保留純向量優勢。
驗證與品管
- 實機測試:iOS/Android 多款掃碼 App、微信/支付寶/Line 內建掃碼,不同光線/角度/距離測試。
- 線上驗證:上傳至 zxing.org/decoder 或 QR Code Validator 檢查結構完整性與容錯率。
- 列印打樣:實際印刷材質(銅版紙、PVC、金屬標籤)測試掃描成功率。
核心原則:向量源頭 → 像素對齊 → 高容錯 → 多格式輸出 → 實測驗證,確保二維碼在任何尺寸、介質、環境下皆能秒級識別,體現專業設計師的嚴謹標準。