對於設計師來說作品集一直都是重要的部分，特別是現在行動裝置和網路的便利性，讓很多事情都透過行動裝置就完成，因此如何將作品集呈現在網路上就非常重要
而UI/UX設計師本身就走在數位資訊設計的較前端，所以這部分的期待又會更高，從過去設計師們都會將紙本作品集轉換成數位PDF檔案，讓人們可以透過下載檔案就可以在電腦觀看，但現在更希望透過一個連結就可以看到設計師的作品集
下面會以UI/UX設計作品適合的呈現方式，來介紹幾個建立線上作品集的方式：
內容目錄
使用線上平台
1.Behance
Behance是大多設計師都知道的作品交流平台，全世界的設計師都會將自己的作品上傳到這裡來作為公開展示，所以Behance可以看到全世界各類型設計師們的優秀的作品
也因Behance本身有搜尋功能，所以也是設計師們來搜尋靈感之一的重要地方，而目前也已變為Adobe旗下的服務，可以說即使沒有網站，也應該要經營一個Behance
優點：
- 可作線上排版編輯，只要將設計圖稿一張張上傳到Behance上，就可以使用編輯功能來作排版
- 支援影片格式，若有形象影片或UI操作的動畫都可以加入進來
- 一頁式的頁面來呈現，作品上傳會以專案的概念作為開啟，對於UI/UX設計師來說可以多加入些作品的設計過程，像是色彩定義、Function Map…等，來更完整敘述設計過程，而不只有設計完稿圖檔
缺點：
- 沒有分類功能，只能單靠封面和作品名稱來分辨作品類型，若有太多類型的作品時，會變得無法聚焦。
費用：
- 免費
我相信很多設計師都有不同面向的設計經驗，特別在標識和平面設計上，但若要以Behance作為主要的UI/UX設計作品集時，建議應該將其他類型的設計減少，或重新調整排列順序
2.Dribbble
Dribbble其實跟Behance非常相似，這兩個平台同樣都是全世界設計師公開展示作品的地方，只是Dribbble卻有加入的門檻，採邀請制
你可以註冊一個Dribbble使用帳號沒問題，但要上傳作品是沒有辦法的，必須收到由Dribbble設計師的邀請，才有辦法升級成可發布的設計的權限
可想而知，若想在Dribbble上放上作品的話，還需要設計師的認可才行，至於要如何收到設計師的邀請之後會再詳細補充
優點：
- 設計能力被認可，若沒有一定的水平是無法加入的，因為很多人也搶著想要加入，而一個設計師只有2個邀請券額度
- 呈現方式較單純，因為作品採用單圖呈現，有點類似Instagram的概念，因此很適合單一介面的UI設計呈現(ex.Daily UI)
缺點：
- 邀請制，沒有被邀請就無法上傳作品
- 沒有分類功能，這跟Behance一樣
費用：
- 免費
3.Pinterest
Pinterest其實是一個超強的靈感搜集工具，主打強大的圖片搜尋引擎，所以大部分設計師都是在上面收集各樣的靈感，並且用類似分類的釘板功能，將各種靈感分類搜集
這些靈感圖片的來源，主要是從其他網站而來，所以UI設計來說常常可以看到從Dribbble、Behance、Envato Market的網站而來，但也可以透過自己上傳的方式而來
優點：
- 可建立分類釘板，這也是Pinterest主要功能，因此可以將自己的設計分門別類放好
缺點：
- 目前還沒想到，但Pinterest主要定位還在作靈感的搜集工具，定位上因此還是不太一樣，也無法很快區分是搜集來的靈感還是自己上傳的作品
費用：
- 免費
建立作品集網站
1.Adobe Portfolio
Adobe Portfolio是專門給設計師和攝影者來建立網站的服務，他最大方便的地方是可以與Behance資料進行串聯，因此只要你在Behance上傳過的作品，都可以直接導入在這網站當中
優點：
- 入門簡單，不需要有網頁基礎
- 可以從Behance直接導入作品
- 網站風格有多種版型可以選擇
- 可自訂版面設計
缺點：
- 目前提供的版型不多，大部分版型都相似
- 可客製化的設定程度還很基本
費用：
費用說明
補充：
目前Adobe Portfolio有提供免費60天的試用服務，若你正愁不知道怎麼建立作品集網站，又需要趕快網站成品出現，這應該是不錯的選擇喔。
2.Playbook
既然Behance有Adobe Portfolio可以導出成為一個作品集網站，Dribbble當然也有相關的服務，Playbook就是他的作品集網站，只是它比Adobe Portfolio又更簡易
優點：
- 入門簡單，不需要有網頁基礎
- 可以從Dribbble直接導入作品
缺點：
- 沒有提供其他版型選擇
費用：
3.WIX
WIX最大的特色不僅容易開始和上手，網站版型也都非常好看，而且還提供圖形化拖曳式介面來編輯網頁內容，所以根本也不需要懂網頁語法就可做出很不錯的網站，但免費和付費版本還是有些差異，免費版本最大的壞處就是會一直出現WIX的廣告
優點：
- 網站版型不僅多，還都很很好看
- 提供圖形化拖曳式介面作編輯，非常方便簡單
缺點：
- 免費版本最大的壞處就是會一直出現WIX的廣告文字
- 免費版網址含有WIX字眼
- 不適用於長期經營，因為擴充不易，也無法搬家
費用：
4.Wordpress架站
WordPress是目前常被用來架站的內容管理系統之一，初期主要是以發布Blog類型網站為主，因使用度非常高，進而開始有非常多的開發者製作了很多網站版型和外掛，以至於現在也廣被應用於電商網站、公司形象網站等等之類，架站資源可以說是非常豐富
優點：
- 有眾多版型和外掛可以使用
- 可以調整的彈性較高
- 可以呈現於作品集以外的用途，例如：部落格、設計服務說明
- 不需寫程式
- 有後台系統管理
- 問題不怕找不到答案
缺點：
- 入門門檻較高，需要處理網站架設的事情
費用：
- WordPress本身免費，但架設網站需要的網域名稱、伺服器主機租賃…等等都需要費用，一年約NT$5,000元左右
若你是想要長期經營自己的網站的話，非常推薦使用wordpess來架設，但是因為需要一定的專業知識，非專業領域的話一定要上課
補充：
這邊我推薦之前我在Udemy上的線上課程，Wordpress架站教程非常詳細，可以說是從0到1的教學，我的網站也是這樣建立起來的，課程內容非常豐富且具實用性，但學費卻意外的親民，只能說作者實在太佛心了
5.GitHub靜態網站
這是可控性最高的架設方式，但同時也最需要網頁編寫技術的能力，只要你想得到的網頁設計都能夠HTML編寫出來，或者會使用網路上免費的版型資源進行修改，那就可以將做好的靜態網頁放到GitHub上面，最大的特點是免費。
優點：
- 可控性最高，版面結構風格都自己決定
缺點：
- 需要網頁編輯能力HTML、CSS
- 沒有後台可以進行內容更新，都要透過程式碼進行修改和上傳
- 需會使用GitHub
費用：
- 完全免費
結語
總合以上的方法，這邊來個小總結，以入門開始最簡單最快速的方式就是使用Behance，而且這幾乎都是每個設計師都會有的
其次想要擁有自己的作品集網站，則是推薦使用Adobe Portfolio直接將Behance將作品直接帶入
若想要長期經營網站，且需要有更多不同功能的頁面，就非常推薦學習Wordpress進行架站，網站也可以更個人化且更專業。
延伸閱讀：
UI/UX設計師履歷作品集，6件你需要注意的事
非本科系如何準備UI作品集? 5個必知製作要點分享
若你喜歡我的這篇文章，麻煩拍5次下面小手給予我支持與鼓勵喔！