設計師、攝影師、插畫家、室內設計、建築、木作工藝，這些行業的客人在聯絡之前，幾乎都會先看作品。作品集網站常常就是第一次面試。
很多人做作品集的方式，是把這幾年的作品全部放上去，排成一整面縮圖。看起來很豐富，但看的人不知道該點哪一件、看不出你最擅長什麼，也不知道每件作品背後你做了什麼。
這篇整理作品集網站怎麼挑作品、三種常見版面怎麼選、單一案例頁怎麼寫，以及圖片怎麼處理，才能清楚又不拖慢網站。
作品集網站跟平台作品頁差在哪
社群和作品集平台很適合曝光：容易被同行和潛在客戶看到，上傳也方便。但它們有幾個限制：
- 版面由平台決定：每個人的頁面長得差不多，很難呈現你自己的風格。
- 旁邊都是別人的作品：看你的作品時，平台會推薦其他創作者。
- 很難寫完整的案例：平台多半以圖片為主，能放的說明有限，也不方便加上服務介紹和詢價表單。
比較好的分工是：平台負責曝光，自己的作品集網站負責「讓人決定要不要找你」。平台上的作品連回網站，網站上放完整案例、服務內容和聯絡方式。
先挑作品：少而精，比多而雜有用
作品集最常見的問題不是作品不夠，而是放太多。挑作品時可以照這幾個原則：
- 放你想接的類型：作品集會決定誰來找你。想多接品牌設計，就把品牌案例放前面；不想再接的類型，就算做得好也可以拿掉。
- 每一件都要能代表你：寧可少放一件，也不要放一件讓人猶豫的作品。
- 新的放前面：最近一兩年的作品最能代表你現在的程度。
- 數量抓一個上限：一般建議主要作品集先挑 6～12 件，其他作品放在「更多作品」或依分類收起來。
挑完之後，再決定哪幾件要寫成完整案例。不是每件都需要長篇說明，挑 3～5 件最有代表性的好好寫，其他作品放圖片和一兩句說明就好。
作品集的 3 種版面類型
格狀版面
縮圖整齊排成兩欄到四欄，一眼看到很多作品。適合攝影、插畫、平面設計這類「看圖就懂」的作品，作品數量多也不會亂。要注意縮圖的比例和裁切要一致，畫面才不會參差不齊；縮圖下方加上作品名稱和類型，看的人才知道點進去是什麼。
大圖列表
一件作品一張大圖，往下捲一件一件看，每件旁邊搭配一兩句說明。適合作品數量不多、但每件都有故事的人，例如品牌設計、網頁設計、室內設計。看的人會放慢速度，比較容易記住你。
分類索引
用文字清單列出作品名稱、年份、類型，滑過或點擊才看到圖片。適合作品量大、類型很多的人，例如建築事務所、資深的接案設計師。好處是容易查找，缺點是第一眼的視覺衝擊比較弱，所以首頁通常還是會搭配幾張精選大圖。
選版面的簡單判斷：作品看圖就懂、數量多，用格狀；每件都需要解釋，用大圖列表；作品多到需要搜尋和篩選，用分類索引。手機上這三種都會變成單欄往下捲，所以手機版的縮圖大小和說明文字也要一起檢查，可以參考〈RWD 響應式網站是什麼？〉。
單一案例頁怎麼寫：5 段結構
一張漂亮的成品圖，只能證明你做得出好看的東西。客人想知道的還有：你怎麼思考、怎麼跟客戶合作、做完之後有沒有幫上忙。案例頁可以照這 5 段寫：
- 背景：客戶是誰（不能公開就寫產業和規模）、原本遇到什麼問題。
- 任務：這次要做什麼、有什麼限制，例如時程、預算、既有的品牌規範。
- 過程：草圖、提案、修改的關鍵決定。放一兩張過程圖，比只放成品更有說服力。
- 成果：成品照片，加上看得到的結果，例如上線後的回饋、得到的獎項、客戶後續再合作。
- 你的角色：如果是團隊作品，寫清楚你負責哪個部分。
文字不用長，每段三五句就夠。看的人通常先看圖，有興趣才會讀字，所以圖片和段落要穿插排列，不要把所有文字擠在最上面。
室內設計、空間類的作品頁還會需要坪數、風格、預算區間這些資訊，寫法可以參考〈室內設計公司官網怎麼做？〉。
作品分類：用客人的需求來分
作品超過十件，就需要分類。分類方式有兩種思路：
- 用作品類型分：品牌識別、包裝、網站、插畫。適合客人知道自己要什麼的情況。
- 用客人的產業分：餐飲、美容、科技、製造。適合客人想看「你有沒有做過我這一行」的情況。
兩種都可以，重點是用客人的語言。分類數量控制在 3～6 個，太多會讓每個分類只有一兩件作品，反而顯得單薄。
圖片與影片：清楚，但不要拖慢網站
作品集網站幾乎全是圖片，也最容易變慢。圖片處理有幾個重點：
- 壓縮與格式：上傳前把圖片縮到網頁需要的尺寸，不要直接放相機原檔。Google 的〈Google 圖片 SEO 最佳做法〉（2026-03-02 更新）列出支援的格式，包含 JPEG、PNG、WebP、AVIF 等，WebP、AVIF 通常能用更小的檔案保持畫質。
- 第一張大圖要快：web.dev 的〈Largest Contentful Paint (LCP)〉（2025 年 9 月更新）說明，LCP 是畫面中最大的內容顯示完成的時間，建議在 2.5 秒內，而大圖常常就是那個最大的內容。首頁和案例頁最上方的主視覺，檔案尤其要控制好。
- 替代文字：每張圖寫一句描述內容的替代文字，例如「咖啡品牌外包裝，牛皮紙袋搭配手繪插畫」。Google 建議替代文字要具體描述圖片、不要塞關鍵字，這也能幫助使用螢幕報讀器的人。
- 檔名：用有意義的英文檔名，例如
coffee-brand-packaging.jpg，不要用IMG_0023.jpg。 - 影片用嵌入的：動態作品上傳到影音平台再嵌入網站，比直接上傳影片檔到網站更穩定。
讓看完作品的人知道下一步
作品集網站的終點不是「好看」，而是有人聯絡你。每個案例頁最下方放三樣東西：
- 下一件作品的連結：讓看的人繼續逛，而不是看完就關掉。
- 相關服務：「這類專案的服務內容與合作方式」連到服務頁。
- 聯絡按鈕：「想做類似的專案？聊聊看」，連到詢價表單。
另外，作品集最好搭配關於頁和服務頁。作品證明你做得到，關於頁說明你是誰、怎麼做事，服務頁說明可以怎麼合作。顧問、講師這類以個人為主的網站怎麼安排這些頁面，可以參考〈個人品牌官網怎麼做？〉。
作品集網站常見問題
作品還不多，可以先做作品集網站嗎？
可以。先放 3～5 件最好的作品，每件好好寫成案例，比放 20 件只有圖片的作品更有說服力。之後每完成一件滿意的作品就補上。作品少的時候，用一頁式網站把作品、介紹和聯絡放在同一頁也很適合，可以參考〈一頁式網站是什麼？〉。
客戶的作品可以放上網站嗎？
建議先問過客戶。有些案子不方便公開品牌名稱或未上市的內容，可以改成描述產業和需求，或只放過程和局部畫面。合作時先講好作品能不能放進作品集，之後就不用煩惱。
作品集網站要多久、多少錢？
作品少、一頁呈現的作品集約 1～2 週，有分類、案例頁和服務頁的多頁網站約 2～4 週，主要看作品照片和案例說明準備的速度；有 AI 協助整理案例文字初稿，時間可以再縮短。依網站架設費用行情，一頁式網站約 NT$10,000～50,000，用架站平台製作的形象官網約 NT$45,000～60,000。
上線後新增作品，要每次請人做嗎？
不用。basedot 做的網站有中文後台，作品、文字和圖片都能自己新增和修改，交件時會附上操作教學；也可以接上 AI，用對話上傳新作品。
結論：作品集是幫你挑客人的工具
作品集網站做得好，不只是讓人覺得漂亮，而是讓對的客人看完就想聯絡你。先挑出能代表你、也是你想接的作品，依作品性質選格狀、大圖列表或分類索引版面，挑幾件寫成完整案例，最後確認圖片清楚又輕量、每頁都有下一步。
如果只能先改一件事，就從刪掉那幾件「放著湊數」的作品開始。
有架設網站的需求，歡迎跟 basedot 網頁設計聯繫。
