萬盛學電腦網

您现在的位置: 萬盛學電腦網 >> 軟體知識 >  >> 影像處理 >> Photoshop 教學 >> Photoshop 入門教學

Photoshop 設計扁平風格商務名片:尺寸規範、出血設定、色彩心理與印刷避坑

扁平名片設計不只是「去陰影去漸變」,更需精準掌握「國際尺寸標準、出血邊距、CMYK 色彩模式、300dpi 解析度、參考線佈局、留白呼吸感、品牌色心理、Logo 矢量置入、圖標風格統一、灰階資訊層級、打印交付檢查」。本文以實際案例完整走一遍專業名片設計流程。

成品展示(正反面)

名片正面
名片反面1
名片反面2
名片反面3

步驟一:畫布與規範設定

  • 尺寸:國內標準 90×54 mm,出血上下左右各 2 mm → 畫布 94×58 mm。
  • 色彩/解析度:CMYK、16 位元(或 8 位元輸出較輕)、300dpi。
  • 參考線:Ctrl+R 標尺 → 新建參考線劃出版心區(90×54 mm)與出血區邊界,確保關鍵資訊不被切除。
新建文件設定
參考線佈局

步驟二:扁平設計語言落地

  • 配色:主色 #2ecc71(Emerald 綠),輔色 #27ae60(深綠),文字 #868686(中灰),白 #ffffff。參考 Flat UI Colors 色票庫。
  • 正面:下 1/3 填主色,上 2/3 填輔色 → 置入矢量 Logo(AI/EPS 置入保持銳利) → Logo 加描邊 10px #27ae60 → 文字「Crazycloud」Open Sans 白字置中。
  • 反面:同色塊分割 → 縮小 Logo 置右下 → 圖標(Vandelay Design Outline Icons)統一著色 #27ae60 → 資訊文字灰階層級(標題深、內文淡) → 對齊基線網格。
正面色塊
Logo置入
正面完成
文字排版
反面色塊
反面Logo
圖標與文字

步驟三:印刷交付檢查清單

  1. 圖層整理命名、分組;隱藏參考線圖層。
  2. 確認所有文字已轉曲(或附上字體檔)、圖片解析度 ≥300dpi、色彩模式 CMYK。
  3. 另存為 PDF/X-1a:2001(含出血、裁切標記),或 TIFF(無壓縮、含圖層)。
  4. 與印刷廠確認專色需求、專色轉四色數值、紙材克重、後加工(燙金/UV/擊凸)。
copyright © 萬盛學電腦網 all rights reserved