ps線上教程:名片設計 — 7 大必須規避的錯誤

閱讀約 19 分鐘

首頁/ PS學習教程/ ps線上教程:名片設計 — 7 大必須規避的錯誤

名片印出來才發現問題就晚了。這篇從尺寸、排版、顏色講到 CMYK 校色和匯出印刷,順帶列出七個最常見的錯誤,附線上 PS 的完整操作流程,自己設計名片夠用了。

1. 名片簡介與設計要點

名片是現代社交與商務往來中最具價效比的個人或企業介紹工具。它具備印製規範、文字簡練、攜帶便利、易於儲存等優勢,並且不分年齡、性別、職務,任何人都可以使用。

因為名片是對外展示形象的第一張“臉”,所以它的設計品質直接影響他人對你的第一印象。一張精心設計的名片往往能在潛在合作、招聘、商務談判等場景中發揮“意想不到的加分效應”。

設計的三大核心原則

  1. 資訊簡明清晰——只保留姓名、職位、公司、聯絡方式等必需資訊。
  2. 構圖完整明確——所有要素佈局需有層次、留白恰到好處。
  3. 視覺統一美觀——顏色、字型、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 大常見錯誤(必須規避)

  1. 資訊冗餘/文字不清晰

    錯誤表現:名片上出現過多不必要的內容(如公司歷史、座右銘、長篇自我介紹)。

    如何規避:在 Photoshop中僅保留 姓名、職位、公司、電話、郵箱、地址六項資訊。使用 Ctrl+Shift+T 合併文字圖層,避免不必要的層。

  2. 尺寸、摺疊式設計失當

    錯誤表現:擅自將名片做成 10 cm × 10 cm 的方形,或採用摺疊式、翻頁式佈局。

    規避方法:始終使用國內標準尺寸 9 cm × 5.5 cm。新建檔案時鎖定寬高比,禁止自行拉伸。

    若實在需要特殊尺寸,務必提前與印刷廠確認其裁切機規格。

  3. 顏色雜亂/不莊重

    錯誤表現:使用過於鮮豔的彩色背景、圖案或混色(如粉紅、紫色、彩虹條紋)。

    規避方法:使用 CIS 規定的主色 + 輔色,整體色數不超過 3 種(包括 LOGO 專色)。在 Photoshop的「色板」中儲存企業配色,統一呼叫。

    ⚠️ 把「白底、米色、淡藍、淡黃、淡灰」列為安全背景色。

  4. 文字使用繁體/混雜語言/手寫體

    錯誤表現:同一張名片出現簡體、繁體、英文字型交錯,甚至使用手寫簽名或塗鴉。

    規避方法:統一使用簡體中文(或企業統一的語言),單張名片僅限一種文字系統。在 Photoshop文字工具屬性框中選定統一的字型族。

  5. 未考慮紙張材質和印刷顏色校正

    錯誤表現:在水彩紙上使用高飽和度 CMYK 顏色,導致印刷後顏色暗淡或出現滲色。

    規避方法:在 Photoshop中先選定 CMYK 模式,並使用「檢視 → 色彩配置檔案 → 列印 CMYK」預覽。若有特殊色(PMS),在匯出 PDF 時勾選「輸出為專色」並附上校色單。

  6. 堆砌格言、警句或無關圖案

    錯誤表現:在空白處加入「人生格言」或裝飾性卡通、寵物圖片。

    規避方法:名片資訊要專注實用,僅保留必要的身份標識。若堅持要加入裝飾,請確保其不搶佔資訊區且顏色統一(比如淡灰線條)。

  7. 顏色超過三種/缺乏統一視覺語言

    錯誤表現:名片上出現四五種不同顏色,使整體顯得雜亂。

    規避方法:遵循「兩種主色 + 一種點綴色」的配色原則。採用 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 安全區指南線?
  1. 開啟標尺(Ctrl+R)
  2. 在標尺上拖出四根指南線(左、上、右、下),分別距離畫布邊緣 3 mm(≈ 35 px @300dpi)
  3. 按住 Shift 鍵可讓指南線水平/垂直對齊,確保所有文字都在兩條內部線之間。
Q4:如果我想在名片背面加 QR 碼,怎麼做?
在 Photoshop中使用「檔案 → 開啟」載入已生成的 QR 碼 PNG(建議 300 dpi),將其拖入畫布,保持尺寸在 12 mm~15 mm 範圍內,且位置不侵佔重要文字區。

參考資料