什麼！你還沒有自己的作品集嗎？
許多 UIUX 設計師、平面設計師等..多種領域創作者，都會建立自己的作品集，展示個人獨特的創意風格、技術能力及工作經驗，以便獲取更多工作機會。
別擔心！這篇文章將會告訴你作品集通常須包含哪些內容、怎麼製作、有哪些適合的作品集範本模板軟體等..，也會有相關範例參考，讓你有滿滿的作品集設計靈感！更多 靈感網站、配色靈感。
一起來看看吧：）
作品集內容要包含什麼？
一個完整且有吸引力的作品集，應該包含封面、目錄、簡介、作品、相關成就等..幾個關鍵內容，有助業主迅速了解你的能力與經驗。
來看看可以放些什麼吧～
一、作品集封面
作品集封面是你給人的第一印象，不須設計的太複雜，簡潔大方的設計就可以有效吸引業主的注意力。
封面通常會包含你的名字或品牌名稱，讓人一看就知道這份作品集屬於誰。或是也可放上相關素材圖，展示你的專業特質，吸引人看下去。
二、作品集目錄
簡潔、清晰的目錄可以幫助業主更快掌握作品集的內容，輕鬆找到想要查看的項目。
此外，良好的目錄安排也可以讓作品集整體感覺更有條理、易讀，反映出你個人的細心＆邏輯。
三、個人簡介
在個人簡介中可以簡單介紹你的工作經驗、專長領域等..，篇幅建議不要太長，只需要讓業主快速了解你是誰、你的價值在哪裡。
須注意的是，寫個人介紹時，用詞要靈活一點，千萬不要像 AI 機器人產出的內容一樣生硬，很容易讓人感到無聊、看不下去。
四、作品項目
這會是整份作品集的核心重點部分，可以展示幾個能凸顯個人風格、符合業主需求的作品，並詳細說明每個作品項目的理念、目標和成果。
通常會附上 2-3 張照片，讓業主不僅能了解你的設計思考過程，也能看到實際成果，讓你更有說服力＆吸引力。
五、相關成就（得獎或參展經驗）
可以列出你曾經的參展經驗、所獲得的獎項、專業認證等..，這些成就可以更進一步證明你的專業能力和價值，增強你在業主心中的印象。
這部分篇幅也不需要過長，建議以列點式簡單說明即可，也不用放上獎盃、獎狀等..照片，容易破壞整體排版美觀。
六、聯絡方式
在作品集最後，千萬別忘了提供業者能聯繫到你的方式，包含電子郵件、電話或有對外經營的社群媒體帳號等..。
如果他們對你的作品感興趣，就可以輕鬆找到你囉！
如何製作作品集？
在了解作品集要包含哪些內容後，接下來就可以開始製作作品集啦！
作品集製作步驟其實很簡單，從挑選作品、選擇呈現方式、設計排版到內容撰寫，簡單四步驟就能輕鬆完成專業的作品集，快來看怎麼做吧：）
第一步：挑選作品
首先，挑選幾個過去作品中，最具代表性、可展現個人特色又符合業主品牌需求的作品項目。
如果你打算吸引科技產業公司的注意，就可以多挑一些科技相關作品，會更有幫助。最好是確保所挑選的作品涵蓋不同種類案例，這樣能更全方位的展現你的實力。
除了考慮作品的類型外，還需要考量到作品背後是否有吸引人的故事，像是作品遇到的挑戰、你的解決方案等..。
例如：攝影師在拍攝時遇到天氣不好、光線不足，是怎麼克服並拍出好照片的？或是設計師如何在短時間內，快速完成客戶期望的設計？
這些內容不僅可以良好的展示你的實力，還能顯示出你的問題解決能力，讓你看起來更專業。至於作品的擺放順序，建議可以從最具代表性的作品開始放，比較能吸引業主的注意力：）
第二步：選擇呈現方式
許多人在建立作品集時，會不知道該選擇 架設網站 或是使用現有的展示平台，這兩種方式各有優缺點，適合不同需求的人。
自己架設網站
架設作品集網站可以有更多的客製設計，從外觀到功能，都可以自由設計排版。
甚至加入一些動態互動效果，強化品牌形象，但這會需要一些時間和技術來完成。
有許多熱門的架站軟體，像是 WordPress.org 、Webflow 等..，提供大量的模板主題，讓你快速建立一個作品集網頁。更多 網頁製作平台推薦。
自架作品集網站優點：
-
可自由客製排版設計，強化品牌形象
-
加入動態特效，提升瀏覽體驗
-
自由上傳、管理內容，不受平台限制
-
可自行優化 SEO
自架作品集網站缺點：
-
須花費時間成本製作網站
-
要有一定的架站技術
-
後續要自己維護網站
使用現成的展示平台
展示平台則相對簡單，你只需要上傳作品即可。熱門的展示平台如：Behance、Issuu、Dribbble 等..，都是許多創作者的愛用平台。
但這個方法自由度有限，無法完全按照自己的風格排版設計。且掌控權在平台方，若平台營運政策改變或出現技術問題，可能就會對你造成影響。
展示平台作品集優點：
-
簡單上傳作品就能完成
-
平台本身有大量用戶，有助增加曝光
-
不需自行維護網站
展示平台作品集缺點：
-
無法照自己的風格排版設計
-
掌控權在平台方，若平台出問題也會影響到自己
-
SEO 優化能力有限
架設網站 vs 展示平台兩者差異？
架設網站和展示平台兩者的差異主要在於設計自由度、內容掌控權等..，以下用表格做個重點整理，方便大家比較哪種方式更適合你：）
| 自己架設網站 | 使用現成平台 | |
|---|---|---|
| 自由度 | 自由度較高，可依個人需求客製設計網頁排版、功能 | 自由度較受限，無法完全按照自己的風格排版設計 |
| 獨特性 | 客製化設計可展現個人的風格特色 | 平台固定的展示方式，只能從上傳的作品展現個人特色 |
| 製作成本 | 成本較高，需花較多時間製作 | 成本較低，直接上傳作品即可 |
| 後續維護 | 須自行維護網站安全＆效能 | 平台方負責維護，無需自己處理 |
| SEO | 可自行優化網站 SEO，增加曝光 | SEO 優化能力有限 |
| 未來發展＆資料所有權 | 全世界高達 40% 以上使用 WP 架設網站。資料所有權屬於站長 | 若平台經營不善，辛苦經營的網站會付諸於流水 |
總結來說，如果你需要高客製化設計，且要長期經營個人品牌，架設作品集網頁更適合。
如果只是想快速展示作品，避免後續維護困擾，那選擇展示平台會更方便。
第三步：設計排版
設計排版是作品集的重點之一，決定了整個作品呈現的視覺效果。須確保排版清晰、有條理，讓業主能夠輕鬆瀏覽內容。
盡量避免過度的裝飾元素影響視覺焦點，並選擇合適的字體與字元間距，讓內容更易讀。另外，也要確保照片和文字之間有足夠的留白，讓作品有呼吸的空間。
作品集的色彩搭配也應該維持一致性，並選用舒服、不會過於刺眼的配色。推薦可利用 配色網站 挑選適合的配色。
設計一個視覺流暢、符合你專業形象的作品集排版，會讓你的作品更加突出，強化業主對你的良好印象唷！
第四步：內容撰寫
作品集除了要展示精美的作品外，內容撰寫也是不可忽視的一部分！
文字的表達方式非常重要，業主可以從用詞看出你的個性。你的內容應該簡潔明瞭、不長篇大論，讓業主能快速抓住重點。
以下整理幾個項目的撰寫重點：
- 作品集目錄：須維持簡潔，架構清楚、順序有邏輯性，讓人一看就懂。
- 個人簡介：注意用詞自然，不要像 AI 一樣冷冰冰的，篇幅也須留意，點到就好。
- 作品項目：可簡短描述作品理念、使用的軟體技術、製作時遇到的困難等..，讓業主更了解你的實際能力。
- 相關成就：可用條列式列出作品的得獎經歷、參展經驗等..，表明你的經驗價值。
- 聯繫方式：包含電子郵件、電話和公開的社群媒體等..，讓業主能輕鬆與你取得聯繫。
作品集範例參考網站
如果你還不太知道作品集該怎呈現，也可以參考其他成功的作品集範例，尋找靈感方向。
犬哥整理了一些優質的作品集範本參考網站，不論是設計師、攝影師等..都可以在上面找到相關的案例。
Awwwards
Awwwards 是一個專業的網頁設計競賽平台，專門評選世界各地的網頁作品，並將優質的網站展示在該網站中，Hero Section 每日會更換不同的網站設計推薦。
設計師可以自由投稿自己製作的網站， Awwwards 的評分項目包含：整體設計、實用性、創意、優質內容。
除了會附上得獎網站的連結外，還會將該網站使用的配色、字體等細節列出，方便用戶參考。
另外也有網站開發項目評分，像是 網站 SEO、動態效果、響應式設計等..。
Awwwards 的搜尋分類也很方便，不論是想找電商類型、作品集類型的網站，或是年度最佳、本月最佳、本日最佳網站，都能輕鬆透過篩選器搜尋。
在這裡除了可以參考到許多經典、優質的排版設計，也能夠讓設計師了解最新設計趨勢，是個非常優質的網頁靈感參考平台。
Siteinspire
Siteinspire 是一款國外的網頁設計展示平台，設計師可以投稿自己的網頁作品，就有機會被展示在 Siteinspire 上。
Siteinspire 的評選機制目前沒有一個公開標準，不過看下來，主要都是以簡潔、乾淨的設計為原則，並確保網站是易於使用的。
建議可利用 Siteinspire 的篩選功能，快速找到想看的範例類別，例如部落格網站、電商網站、作品集網站等..。也可以用風格主題做篩選，像喜歡日系網頁設計的，就可以挑選日系風格的設計推薦。
目前網站上所提供的資訊比較簡單，只有附上推薦網站的預覽和連結，沒有過多的細項說明，但下方會另外推薦同類型的網站，讓你有更多網頁靈感參考。
Siteinspire 的更新頻率算滿高的，大概 1 ~ 5 天就會更新網站，讓你有源源不絕的靈感範例。
CSS Nectar
CSS Nectar 是一個網站評比平台，不論是電商、部落格、餐飲或是作品集網站案例都有。設計師可付費投稿自己的作品，讓網站用戶投票評比。
網站每天都會選出一個案例展示在 Hero Section 上，若幸運獲選的話，應該可以獲得不錯的曝光。
CSS Nectar 特別的地方是，它的評分項目除了包含整體設計、創意度外，還會將網站的程式碼列入評分的一環。
所以，在這裡找到的網站，不僅設計漂亮，程式碼的部分也是通過保證的，是個適合設計師、工程師參考的網站：）
Best Website Gallery
Best Website Gallery 是由一個國外設計師兼開發者所創立的網站，於 2008 年建立，起初只是為了當作自己的設計靈感書籤，結果受到許多人的喜愛！
Best Website Gallery 展示的網站會附上該網站連結，以及網站使用的配色、多個頁面截圖預覽等..。你可以先在 Best Website Gallery 預覽網站頁面截圖，若覺得不錯再前往網站細看。
Best Website Gallery 篩選功能也很豐富，可以選擇只列出使用 WordPress 架設的網站，或是用 jQuery 架設的網站等..。
除了網站設計案例外，還會有一些網頁設計相關資源連結，像是漸層 CSS 程式碼、網站按鈕程式碼等..。讓你除了找到靈感外，還能學習更多！
Designnokoto
Designnokoto 是一款日本的網頁作品分享平台，主要分享日本國內的網頁設計案例居多。
Designnokoto 可輕鬆切換電腦版、手機版預覽的功能，讓你可以快速預覽不同裝置的呈現風貌。另外，也分別針對網頁 / 手機設計介面做了推薦排名。
你可以透過篩選器選擇你想要找的網站類型，分類中也包含 WordPress 網站的分類，適合用 WordPress 架站的站長前往參考。更多 WordPress 是什麼。
Designnokoto 網站本身的設計就有非常多值得參考的地方，不論是排版的整潔、按鈕的互動效果等小細節都很有創意，推薦大家前往參考唷！
如何架設作品集網站？
WordPress
WordPress 是全球知名的網頁設計軟體，全球有 40 % 以上的網站，都來自於 WordPress。更多 WordPress 是什麼 。
擁有上萬個佈景主題（樣板）和功能外掛，只需一鍵安裝即可成為多功能網站。或許你不知道怎麼選，請參考 優質佈景主題 和 優質外掛推薦，會給你應該的幫助。
WordPress 可完成多種網頁設計，如：部落格架設、個人品牌或公司企業官網、購物網站架設 等 ..
最大好處是，它是免費開源的軟體，可完全掌握自己網站資料，不需被任何網路平台、網頁設計公司牽制。
且不會因為任一網頁製作平台的營運問題，造成網站消失（舉例來說，無名小站結束營運，原來的內容也隨著關站而消失，但這不會發生在 WordPress 身上）。
因為你就是網站的擁有者！
若想要快速架設作品集網站，也可以利用 WordPress.org 大量的主題外掛，快速套用質感作品集範本主題！
Squarespace
Squarespace 發源於紐約，是一個網站製作平台，目前服務 100 多個國家。
在台灣知名度相比 Wix、Weebly 是少了許多，但在歐美國家累積不少愛好者。
網站有許多高品質的圖片可以使用，模板設計也都比較新穎流行，如果你是設計師、攝影師、廣告商、個人品牌 .. ，或許會愛上它的風格。
可惜的是，Squarespace 目前並不支援中文，且編輯器在使用上也沒有像其他網站一樣好操作，希望未來 Squarespace 可以對此做更新。
Squarespace 提供多種精美的 作品集模板，風格都滿時尚、充滿設計感的，還有許多圖庫、功能區塊，可應用在網站上。
如果需要高品質的作品集網站設計，Squarespace 會是一個好選擇！
Webflow
Webflow 是一個美國的網頁代管平台，致力於打造零代碼的網頁設計環境。2013 年成立，擁有超過 350 萬個用戶。
Webflow 上也有多款精美模板可以選擇，不過相較起來，較多是需要付費的模板，免費版的模板較少，不過免費版也有非常好看的設計可以選擇唷！
Webflow 也是一款非常適合設計師的架站平台，它的介面和 Illustrator、Figma 也滿像似的，工具列有各個元素分層，你也可以自由調整頁面顯示大小，來設計響應式頁面斷點。
不過小缺點是，Webflow 還沒辦法自由的拖曳編輯區塊，對於架站新手來說會有一點點不方便。
Webflow 上有許多專業設計師製作的 作品集範本模板，可快速套用，且質感都滿棒的，可以先預覽網頁的實際呈現樣貌，再決定是否購買。
如果你不想花時間摸索，想快速獲得質感的作品集網站，試看看 WebFlow 吧：）
常見問題
作品集要包含哪些內容？
通常作品集應該包含封面、目錄、簡介、作品、相關成就等..幾個關鍵內容，有助業主迅速了解你的能力與經驗。
該如何挑選作品？
可挑選最具代表性、可展現個人特色又符合業主品牌需求的作品項目。如果你打算吸引科技產業公司的注意，就可以多挑一些科技相關的作品，會更有利。
除了考慮作品的類型外，還需要考量到作品背後是否有吸引人的故事，像是作品遇到的挑戰、你的解決方案等..。
推薦用哪些工具製作作品集？
比較推薦使用像是 WordPress.org 、Webflow 這類的架站軟體，高客製化、不受限制、可自由管理內容，且有大量的範本模板可套用修改，讓你輕鬆打造獨特的作品集。
WordPress 學習資源
學習網站架設＋網路行銷的過程中，或許會遇到一些解決不了問題，可以在下方留言給我，我會盡力協助解答！
接下來，額外分享 2 項實用資源，可有效幫助大家做學習。
資源一：犬哥數位（專業 WordPress 網頁設計公司）
如果你沒時間自己架站、或是遇到解決不了的網站問題。歡迎洽詢 犬哥數位（WordPress 網頁設計公司），請專家製作會更有效率！
我們有多年網頁設計經驗，加上上百個實戰高質感作品，絕對能滿足您的需求！
資源二：WordPress＋SEO 超強線上課程
這門 WordPress 高手架站課 濃縮了犬哥多年在網頁設計的實戰經驗，從網頁設計觀念、WordPress / WooCommerce 後台操作、熱門主題.外掛教學、品牌網站 / 部落格 / 電商網站，3 大類型網站建置方法等 .. 豐富內容，一次教會你。
課程內容非常的紮實（長度超過 20 小時）。如果你剛學習自架網站，這門課程可以讓你用最快的速度，就學會這項技能！
網站建立完畢後，但卻沒有流量怎麼辦？或是只能靠花錢投廣告才會有訂單？
這門 SEO 排名飆升課，教你掌握關鍵字策略、SEO 文章撰寫、多種實戰 SEO 技巧、透視對手 SEO 策略、SEO 必備軟體教學、最新 AI SEO 應用等 ..，大幅提升行銷能力。
帶你衝上 Google 排名第一頁，大量提升網站營收和訂單！
