設計師作品集排版完整教學:用 InDesign 打造專業 Portfolio 從排版到上架 Behance
每次幫設計系學生看作品集,我最常看到的問題不是作品不好,而是排版讓好作品變得平庸。一份專業的作品集,排版功力佔了至少四成的印象分。今天我就用 InDesign 從零開始,帶你走一遍完整的作品集製作流程。
作品集規劃:動手之前先想清楚
很多人一打開 InDesign 就急著開始排版,結果做到一半發現結構不對又要重來。我的建議是花至少一天時間做規劃。首先,確定你的目標受眾是誰——是要投品牌設計公司、UI/UX 團隊、還是接案用的?不同的目標受眾會影響你的作品選擇和呈現方式。一般來說,一份作品集放 5-8 個專案就夠了,太多反而會稀釋每個專案的份量。每個專案我建議用 3-6 頁來呈現,加上封面、簡介、目錄,整本大概 40-60 頁是最舒服的閱讀量。
InDesign 文件設定與主版頁面
開新文件時,尺寸我推薦用 A4 橫式(297 × 210 mm),這是螢幕閱讀最舒適的比例。如果你主要是數位展示,也可以用 1920 × 1080 px。邊距設定我通常上下各留 15mm,左右各 20mm,欄位設定 12 欄的網格系統——這樣排版的彈性最大。
主版頁面是 InDesign 的核心功能之一。我會建立至少三個主版:一個是專案封面頁(大圖 + 專案標題)、一個是內容頁(圖文混排用)、一個是純圖片展示頁。頁碼放在右下角,用小字就好,不要喧賓奪主。關於排版設計中留白與對齊的原則,其實在作品集裡特別重要——留白不是浪費空間,是讓作品呼吸。
字體選擇與文字排版
字體配對策略
作品集的字體不要超過三款。我的標準配置是:標題用一款有個性的無襯線字體(像 Neue Haas Grotesk 或思源黑體 Heavy)、內文用一款好讀的字體(Noto Sans TC Regular 是安全牌)、特殊標註用等寬字體(JetBrains Mono 或 Source Code Pro)。英文和中文字體要分開設定,確保混排時的基線對齊。
文字層級建立
用 InDesign 的段落樣式功能,預先定義好所有文字層級:H1 標題(24-32pt)、H2 副標題(16-20pt)、內文(10-12pt)、圖說(8-9pt)。行距設定為字級的 1.5-1.7 倍最舒適。別忘了設定好字元樣式,像是粗體、連結色、品牌色等,這樣全文件的一致性就有保障了。
專案頁面呈現技巧
每個專案我建議用這個結構:先放一頁大圖作為專案封面,讓讀者對這個專案有直覺的感受;接著一頁專案概述(客戶背景、設計挑戰、我的角色);然後才是設計過程和成果展示。設計過程可以放手稿、Wireframe、Mockup 的演進對比,展示你的思考脈絡。配色的選擇也很關鍵,可以參考品牌配色理論來決定你作品集的整體色調。
圖片處理方面,統一使用 300dpi 的 RGB 圖檔(數位展示用 RGB 就好,不需要轉 CMYK)。圖片大小要一致,不要有的放很大有的縮很小。我習慣用固定比例的圖框——16:9 或 4:3——讓整本的視覺節奏統一。
封面與個人品牌頁
封面是第一印象,但不需要太複雜。放你的名字、職稱(如「品牌設計師」)、聯絡方式就夠了。我看過太多花俏的封面,結果讓人搞不清楚這是誰的作品集。如果你有個人 Logo 的話就放上去,沒有的話用乾淨的字體排版就很好。關於 Logo 設計,可以參考Logo 設計完整教學來為自己做一個簡單的個人標誌。
個人簡介頁要寫得像人話,不要太正式。簡單介紹你的設計理念、擅長的領域、工作經驗,配一張專業但親切的大頭照。聯絡方式(Email、作品網站、LinkedIn)放在明顯的位置。
輸出設定:PDF 與數位格式
InDesign 的輸出設定很重要。數位作品集我用「最高品質列印」預設集,但把色彩空間改為 RGB。勾選「最佳化快速 Web 檢視」讓 PDF 在瀏覽器裡開啟更快。檔案大小控制在 30MB 以內——太大的話面試官根本懶得下載。圖片壓縮用 JPEG(最高品質),解析度降採樣到 150ppi 對螢幕來說就足夠了。
上架 Behance 的完整流程
把 PDF 作品集轉成 Behance 專案是兩件事。Behance 上的呈現要更重視「滾動體驗」——每張圖的寬度統一用 1920px,高度根據內容調整。不要直接把 PDF 的每一頁截圖上傳,這樣看起來很不專業。我的做法是為 Behance 重新輸出一套圖片,寬度一致、間距統一,每張圖之間用灰色背景分隔。標題和說明文字用 Behance 內建的排版工具寫,不要全部做進圖片裡。
另外,排版的時候也可以參考海報設計的視覺階層原則——作品集裡每一頁其實就像一張小海報,需要有明確的視覺重心和閱讀動線。
常見錯誤與改善建議
最後列幾個我常看到的問題。第一,放太多作品——寧可少而精,不要多而雜。第二,沒有展示過程——面試官想看的不只是成品,更是你的思考方式。第三,忽略排版一致性——字體、間距、圖片比例到處不一樣,專業感直接打折。第四,缺少度量化成果——如果有數據(轉換率提升 30%、使用者滿意度 95%),一定要放進去。最後一點很多人沒注意到:作品集本身就是你的作品,它的排版品質直接反映你的設計能力。
繼續閱讀
資訊圖表設計完全指南:從排版、配色到工具選擇的實戰教學
相關文章
你可能也喜歡
探索其他領域的精選好文