個人作品集範本

打開網站的第一秒，整面螢幕是一張光影分明的街拍，標題靜靜躺在畫面底部——這就是 Gallery Noir 想傳達的態度：讓作品說話，其餘都退到暗處。

這套個人作品集範本專為設計師、攝影師、插畫家與自由接案者打造。相較於企業形象官網的多模組敘事，這裡刻意精簡：沒有冗長的文章列表，沒有商品展示區，首頁、作品牆、關於我、花絮相簿與聯絡頁，五個核心頁面就夠讓潛在客戶在三分鐘內理解你的風格與能力。

作品牆才是主角

作品牆頁面採用 Masonry 瀑布流佈局，圖片以遮罩 overlay 卡片呈現，沒有多餘白框搶走視線。分類與標籤篩選讓訪客快速找到品牌識別、攝影或插畫等不同類型案例。點進作品詳情，大圖 Lightbox 支援鍵盤導覽，專案說明、客戶名稱與使用工具一併呈現，方便對方評估合作可能性。

炭黑底搭配暖金 accent，Syne 標題字型與 Instrument Sans 內文，整體沉浸而不壓迫。導覽列維持極簡：大寫 Logo 與文字連結，沒有企業感十足的 Pill 按鈕——因為個人品牌需要的是氣質，不是推銷感。

各頁面在做什麼？

• 首頁 — 全螢幕 Hero、精選作品橫向滑動、關於摘要

• 作品牆 — Masonry 瀑布流、分類／標籤篩選

• 作品詳情 — 大圖 Lightbox、專案說明、上下篇導覽

• 關於我 — 個人簡介、技能標籤、社群連結

• 花絮相簿 — 幕後拍攝、展覽現場

• 聯絡 — 詢價表單，訊息進後台收件匣

精簡但夠用的後台

後台模組約為形象官網的一半，日常只需要上傳新案、調整精選、回覆詢價，不必面對用不到的企業模組：

• 作品管理 — 上架案例、設定分類與標籤

• 相簿 — 花絮、展覽紀錄

• 精選內容 — 控制首頁橫滑展示哪些作品

• 聯絡收件匣 — 回覆潛在客戶詢價

• 網站設定 — 站名、簡介、Footer 等

和形象官網怎麼選？

若你的需求是「公司介紹、最新消息、服務報價」並陳，形象官網（Atelier） 會更合適——暖奶油企業風、多區塊首頁、文章與商品模組齊全。

若你希望訪客一進站就被視覺震懾、快速瀏覽大量案例，Gallery Noir 作品集 才是正確選擇——炭黑藝廊感、Masonry 作品牆、精簡後台。

建議並排預覽再決定：形象官網 Demo · 個人作品集 Demo

親自體驗

• 前台：個人作品集範本

• 後台：個人作品集後台範本

並排參考：一頁式 Landing

喜歡這種風格？了解建置報價：個人作品集網站建置