名片印出來才發現問題就晚了。這篇從尺寸、排版、顏色講到 CMYK 校色和匯出印刷,順帶列出七個最常見的錯誤,附線上 PS 的完整操作流程,自己設計名片夠用了。
1. 名片簡介與設計要點
名片是現代社交與商務往來中最具價效比的個人或企業介紹工具。它具備印製規範、文字簡練、攜帶便利、易於儲存等優勢,並且不分年齡、性別、職務,任何人都可以使用。
因為名片是對外展示形象的第一張“臉”,所以它的設計品質直接影響他人對你的第一印象。一張精心設計的名片往往能在潛在合作、招聘、商務談判等場景中發揮“意想不到的加分效應”。
設計的三大核心原則
- 資訊簡明清晰——只保留姓名、職位、公司、聯絡方式等必需資訊。
- 構圖完整明確——所有要素佈局需有層次、留白恰到好處。
- 視覺統一美觀——顏色、字型、LOGO 要統一於企業形象系統(CIS)。
2. 準備工作(開啟線上PS)
2.1 進入線上PS
開啟瀏覽器,訪問 線上ps(zaixianps.cc)。此頁面即是線上版 Photoshop,功能幾乎完整。
2.2 新建檔案
步驟 1:File → New(檔案 → 新建)
設定名片尺寸、解析度與顏色模式:
- 寬度:
9 cm(≈ 1062 px,300 dpi) - 高度:
5.5 cm(≈ 649 px,300 dpi) - 解析度:
300 dpi(印刷級別) - 顏色模式:
CMYK(建議在匯出前切換為 CMYK,以免印刷顏色偏差) - 背景內容:
白色或透明(後續自行填滿)
如果你只想先做電子版原型,可以先用 RGB,結束後再「檔案 → 匯出 → 匯出為 PDF」時勾選「Convert to CMYK」。
2.3 啟用標尺與輔助線
步驟 2:顯示標尺(Ctrl+R)並拖出四條安全邊距線
標準名片安全區建議留 3 mm(≈ 35 px)的內部留白,防止裁切時資訊被割掉。
2.4 儲存工作模版
在 檔案 → 儲存為 PSD/PEA(Photoshop專案檔案)後即可隨時繼續編輯,避免重複操作。
3. 設計全流程(從新建到排版)
3.1 背景與底色
步驟 3:新建形狀 → 矩形
按 U(形狀工具) → 選擇 矩形 → 按住 Shift 鍵繪製與畫布等大小的矩形。
填滿顏色建議使用企業主色(CMYK),如 C=0 M=0 Y=0 K=100(純黑)或 C=100 M=0 Y=0 K=0(純青)等,不超過兩種顏色。
3.2 放置 LOGO(或公司徽記)
步驟 4:檔案 → 開啟並拖入 Logo
Logo 建議使用透明 PNG或.svg,方便在任意背景上保持清晰。
⚠️ 切勿使用彩色底紋、人物、卡通等與企業形象無關的圖案。
3.3 新增文字資訊
步驟 5:文字工具(T)
常規資訊順序(左上 ↘ 右下)
- 姓名(字號 12–14 pt)
- 職位/部門(字號 9–11 pt)
- 公司名稱(建議加粗、字號 10–12 pt)
- 聯絡電話 / 郵箱 / 地址(字號 8–10 pt)
字型建議使用系統常規字型(宋體、微軟雅黑、Helvetica)或企業專用字型,避免使用手寫體、卡通體。
使用 段落樣式 → 對齊 → 居左/居中,確保左/右邊距不超出安全區。
3.4 顏色校正與統一
步驟 6:顏色面板 → 輸入 CMYK 數值
確保所有文字顏色與品牌色調一致;若使用多於兩種顏色,請保持在 3 種以內(包括 LOGO 的專色)。
3.5 細節檢查(防錯)
步驟 7:放大 200% 檢查文字排版
確保:
- 沒有拼寫錯誤、標點錯誤。
- 所有文字均在安全區內。
- 圖層命名規範(背景 / logo / text_姓名 / text_聯絡方式)方便後期修改。
- 沒有不必要的圖層、空白圖層或隱藏的填滿。
4. 7 大常見錯誤(必須規避)
-
資訊冗餘/文字不清晰
錯誤表現:名片上出現過多不必要的內容(如公司歷史、座右銘、長篇自我介紹)。
如何規避:在 Photoshop中僅保留 姓名、職位、公司、電話、郵箱、地址六項資訊。使用
Ctrl+Shift+T合併文字圖層,避免不必要的層。 -
尺寸、摺疊式設計失當
錯誤表現:擅自將名片做成 10 cm × 10 cm 的方形,或採用摺疊式、翻頁式佈局。
規避方法:始終使用國內標準尺寸 9 cm × 5.5 cm。新建檔案時鎖定寬高比,禁止自行拉伸。
若實在需要特殊尺寸,務必提前與印刷廠確認其裁切機規格。
-
顏色雜亂/不莊重
錯誤表現:使用過於鮮豔的彩色背景、圖案或混色(如粉紅、紫色、彩虹條紋)。
規避方法:使用 CIS 規定的主色 + 輔色,整體色數不超過 3 種(包括 LOGO 專色)。在 Photoshop的「色板」中儲存企業配色,統一呼叫。
⚠️ 把「白底、米色、淡藍、淡黃、淡灰」列為安全背景色。
-
文字使用繁體/混雜語言/手寫體
錯誤表現:同一張名片出現簡體、繁體、英文字型交錯,甚至使用手寫簽名或塗鴉。
規避方法:統一使用簡體中文(或企業統一的語言),單張名片僅限一種文字系統。在 Photoshop文字工具屬性框中選定統一的字型族。
-
未考慮紙張材質和印刷顏色校正
錯誤表現:在水彩紙上使用高飽和度 CMYK 顏色,導致印刷後顏色暗淡或出現滲色。
規避方法:在 Photoshop中先選定 CMYK 模式,並使用「檢視 → 色彩配置檔案 → 列印 CMYK」預覽。若有特殊色(PMS),在匯出 PDF 時勾選「輸出為專色」並附上校色單。
-
堆砌格言、警句或無關圖案
錯誤表現:在空白處加入「人生格言」或裝飾性卡通、寵物圖片。
規避方法:名片資訊要專注實用,僅保留必要的身份標識。若堅持要加入裝飾,請確保其不搶佔資訊區且顏色統一(比如淡灰線條)。
-
顏色超過三種/缺乏統一視覺語言
錯誤表現:名片上出現四五種不同顏色,使整體顯得雜亂。
規避方法:遵循「兩種主色 + 一種點綴色」的配色原則。採用 Photopea「圖層 → 新建填滿圖層 → 顏色查詢」快速挑選配色。
配色示例:
主色(C=100 M=50 Y=0 K=0)
輔色(C=0 M=0 Y=0 K=80)
點綴(C=0 M=30 Y=100 K=0)
5. 匯出與印刷建議
5.1 匯出為 PDF(推薦)
步驟 8:檔案 → 匯出為 → PDF
- 頁面尺寸:勾選「Use document size」(使用檔案尺寸)
- 顏色轉換:CMYK(若檔案為 RGB,請勾選「Convert to CMYK」)
- 壓縮選項:影像設為「不壓縮」或「ZIP(最高品質)」,確保印刷解析度不低於300 dpi。
- 儲存前開啟「Include Bleed(出血)5 mm」——大多數印刷廠要求 3 mm~5 mm 出血。
5.2 匯出為 PNG/JPEG(僅作電子稿)
若僅用於電子郵件或網路展示,可使用「匯出為 → PNG」(300 dpi) 或「JPG」(最高品質)。注意:PNG 為 RGB,若留給印刷廠自行轉換,顏色可能偏差。
5.3 核對印前稿(PDF 預檢)
- 使用 Adobe Acrobat Preflight 檢查是否為 CMYK、是否含出血。
- 檢驗文字是否全部轉曲(可在 PDF 中勾選「Convert fonts to outlines」),防止字型缺失。
- 對比顏色樣卡(Pantone / CMYK)與實物預覽,必要時聯絡印刷廠進行色彩校正。
FAQ(常見問題)
- Q1:怎麼在 Photoshop中切換到 CMYK?
- 點選右上角的「檔案 → 匯出 → 匯出為 PDF」時勾選「轉換為 CMYK」即可;若想即時預覽,開啟「檢視 → 色彩配置檔案 → CMYK」即可看到近似效果(實際輸出仍以 PDF 為準)。
- Q2:文字層為什麼在匯出 PDF 後變得模糊?
- 可能因為文字轉為了點陣圖。確保在匯出前未對文字圖層使用濾鏡或圖層樣式(如陰影、外光暈),或者在匯出 PDF 時選擇「保留文字」選項。
- Q3:如何快速生成 3 mm 安全區指南線?
-
- 開啟標尺(Ctrl+R)
- 在標尺上拖出四根指南線(左、上、右、下),分別距離畫布邊緣 3 mm(≈ 35 px @300dpi)
- 按住 Shift 鍵可讓指南線水平/垂直對齊,確保所有文字都在兩條內部線之間。
- Q4:如果我想在名片背面加 QR 碼,怎麼做?
- 在 Photoshop中使用「檔案 → 開啟」載入已生成的 QR 碼 PNG(建議 300 dpi),將其拖入畫布,保持尺寸在 12 mm~15 mm 範圍內,且位置不侵佔重要文字區。
參考資料
- 線上ps
- Adobe 官方文件
- PS 教程網
- CMYK 顏色查表(PDF):Avery CMYK Guide
- 名片尺寸對照表(mm → px @300dpi):Business Card Size
- 國內常用紙張材質對比:紙張材質指南