線上作品集網站不求人，8個設計師常用的方法

Adobe Portfolio是專門給設計師和攝影者來建立網站的服務，他最大方便的地方是可以與Behance資料進行串聯，因此只要你在Behance上傳過的作品，都可以 ... Skiptocontent(PressEnter) WrittenByJosephPublishedOn2020年6月5日2020年4月4日Category設計資源轉職設計 對於設計師來說作品集一直都是重要的部分，特別是現在行動裝置和網路的便利性，讓很多事情都透過行動裝置就完成，因此如何將作品集呈現在網路上就非常重要 而UI/UX設計師本身就走在數位資訊設計的較前端，所以這部分的期待又會更高，從過去設計師們都會將紙本作品集轉換成數位PDF檔案，讓人們可以透過下載檔案就可以在電腦觀看，但現在更希望透過一個連結就可以看到設計師的作品集 下面會以UI/UX設計作品適合的呈現方式，來介紹幾個建立線上作品集的方式： 內容目錄 使用線上平台1.Behance2.Dribbble3.Pinterest建立作品集網站1.AdobePortfolio2.Playbook3.WIX4.Wordpress架站5.GitHub靜態網站結語 使用線上平台 1.Behance Behance是大多設計師都知道的作品交流平台，全世界的設計師都會將自己的作品上傳到這裡來作為公開展示，所以Behance可以看到全世界各類型設計師們的優秀的作品 也因Behance本身有搜尋功能，所以也是設計師們來搜尋靈感之一的重要地方，而目前也已變為Adobe旗下的服務，可以說即使沒有網站，也應該要經營一個Behance 搜尋功能byBehance 優點： 可作線上排版編輯，只要將設計圖稿一張張上傳到Behance上，就可以使用編輯功能來作排版支援影片格式，若有形象影片或UI操作的動畫都可以加入進來一頁式的頁面來呈現，作品上傳會以專案的概念作為開啟，對於UI/UX設計師來說可以多加入些作品的設計過程，像是色彩定義、FunctionMap…等，來更完整敘述設計過程，而不只有設計完稿圖檔 缺點： 沒有分類功能，只能單靠封面和作品名稱來分辨作品類型，若有太多類型的作品時，會變得無法聚焦。

費用： 免費 我相信很多設計師都有不同面向的設計經驗，特別在標識和平面設計上，但若要以Behance作為主要的UI/UX設計作品集時，建議應該將其他類型的設計減少，或重新調整排列順序 2.Dribbble Dribbble其實跟Behance非常相似，這兩個平台同樣都是全世界設計師公開展示作品的地方，只是Dribbble卻有加入的門檻，採邀請制 你可以註冊一個Dribbble使用帳號沒問題，但要上傳作品是沒有辦法的，必須收到由Dribbble設計師的邀請，才有辦法升級成可發布的設計的權限 可想而知，若想在Dribbble上放上作品的話，還需要設計師的認可才行，至於要如何收到設計師的邀請之後會再詳細補充 作品展示byDribbble 優點： 設計能力被認可，若沒有一定的水平是無法加入的，因為很多人也搶著想要加入，而一個設計師只有2個邀請券額度呈現方式較單純，因為作品採用單圖呈現，有點類似Instagram的概念，因此很適合單一介面的UI設計呈現(ex.DailyUI) 缺點： 邀請制，沒有被邀請就無法上傳作品沒有分類功能，這跟Behance一樣 費用： 免費 3.Pinterest Pinterest其實是一個超強的靈感搜集工具，主打強大的圖片搜尋引擎，所以大部分設計師都是在上面收集各樣的靈感，並且用類似分類的釘板功能，將各種靈感分類搜集 這些靈感圖片的來源，主要是從其他網站而來，所以UI設計來說常常可以看到從Dribbble、Behance、EnvatoMarket的網站而來，但也可以透過自己上傳的方式而來 優點： 可建立分類釘板，這也是Pinterest主要功能，因此可以將自己的設計分門別類放好 缺點： 目前還沒想到，但Pinterest主要定位還在作靈感的搜集工具，定位上因此還是不太一樣，也無法很快區分是搜集來的靈感還是自己上傳的作品 費用： 免費 建立作品集網站 1.AdobePortfolio AdobePortfolio是專門給設計師和攝影者來建立網站的服務，他最大方便的地方是可以與Behance資料進行串聯，因此只要你在Behance上傳過的作品，都可以直接導入在這網站當中 優點： 入門簡單，不需要有網頁基礎可以從Behance直接導入作品網站風格有多種版型可以選擇可自訂版面設計 缺點： 目前提供的版型不多，大部分版型都相似可客製化的設定程度還很基本 費用： 費用說明 補充：目前AdobePortfolio有提供免費60天的試用服務，若你正愁不知道怎麼建立作品集網站，又需要趕快網站成品出現，這應該是不錯的選擇喔。

2.Playbook 既然Behance有AdobePortfolio可以導出成為一個作品集網站，Dribbble當然也有相關的服務，Playbook就是他的作品集網站，只是它比AdobePortfolio又更簡易 優點： 入門簡單，不需要有網頁基礎可以從Dribbble直接導入作品 缺點： 沒有提供其他版型選擇 費用： 費用說明 3.WIX WIX最大的特色不僅容易開始和上手，網站版型也都非常好看，而且還提供圖形化拖曳式介面來編輯網頁內容，所以根本也不需要懂網頁語法就可做出很不錯的網站，但免費和付費版本還是有些差異，免費版本最大的壞處就是會一直出現WIX的廣告 優點： 網站版型不僅多，還都很很好看提供圖形化拖曳式介面作編輯，非常方便簡單 缺點： 免費版本最大的壞處就是會一直出現WIX的廣告文字免費版網址含有WIX字眼不適用於長期經營，因為擴充不易，也無法搬家 費用： 費用說明 4.Wordpress架站 WordPress是目前常被用來架站的內容管理系統之一，初期主要是以發布Blog類型網站為主，因使用度非常高，進而開始有非常多的開發者製作了很多網站版型和外掛，以至於現在也廣被應用於電商網站、公司形象網站等等之類，架站資源可以說是非常豐富 優點： 有眾多版型和外掛可以使用可以調整的彈性較高可以呈現於作品集以外的用途，例如：部落格、設計服務說明不需寫程式有後台系統管理問題不怕找不到答案 缺點： 入門門檻較高，需要處理網站架設的事情 費用： WordPress本身免費，但架設網站需要的網域名稱、伺服器主機租賃…等等都需要費用，一年約NT$5,000元左右 若你是想要長期經營自己的網站的話，非常推薦使用wordpess來架設，但是因為需要一定的專業知識，非專業領域的話一定要上課 補充：這邊我推薦之前我在Udemy上的線上課程，Wordpress架站教程非常詳細，可以說是從0到1的教學，我的網站也是這樣建立起來的，課程內容非常豐富且具實用性，但學費卻意外的親民，只能說作者實在太佛心了 來去看看WordPress架站教學課程 5.GitHub靜態網站 這是可控性最高的架設方式，但同時也最需要網頁編寫技術的能力，只要你想得到的網頁設計都能夠HTML編寫出來，或者會使用網路上免費的版型資源進行修改，那就可以將做好的靜態網頁放到GitHub上面，最大的特點是免費。

優點： 可控性最高，版面結構風格都自己決定 缺點： 需要網頁編輯能力HTML、CSS沒有後台可以進行內容更新，都要透過程式碼進行修改和上傳需會使用GitHub 費用： 完全免費 結語 總合以上的方法，這邊來個小總結，以入門開始最簡單最快速的方式就是使用Behance，而且這幾乎都是每個設計師都會有的 其次想要擁有自己的作品集網站，則是推薦使用AdobePortfolio直接將Behance將作品直接帶入 若想要長期經營網站，且需要有更多不同功能的頁面，就非常推薦學習Wordpress進行架站，網站也可以更個人化且更專業。

值得一學WordPress架站教學課程 延伸閱讀：UI/UX設計師履歷作品集，6件你需要注意的事非本科系如何準備UI作品集?5個必知製作要點分享 若你喜歡我的這篇文章，麻煩拍5次下面小手給予我支持與鼓勵喔！ JosephHi👋，我是Joseph 我是一名從理工界踏入設計圈的UI/UX設計師，同時也是一位人夫和新手爸爸，在這裡我不僅會分享轉職經驗、實物設計，也會分享一些我個人喜愛的事物。

PostNavigation PreviousArticleNextArticle 相關文章 2020年5月20日2020年4月3日 2020年5月18日2019年7月26日 2020年6月4日2019年8月18日 發佈留言取消回覆發佈留言必須填寫的電子郵件地址不會公開。

必填欄位標示為*CommentName* Email* Website 在瀏覽器中儲存顯示名稱、電子郵件地址及個人網站網址，以供下次發佈留言時使用。

Δ