對於設計師來說作品集一直都是重要的部分,特別是現在行動裝置和網路的便利性,讓很多事情都透過行動裝置就完成,因此如何將作品集呈現在網路上就非常重要

而UI/UX設計師本身就走在數位資訊設計的較前端,所以這部分的期待又會更高,從過去設計師們都會將紙本作品集轉換成數位PDF檔案,讓人們可以透過下載檔案就可以在電腦觀看,但現在更希望透過一個連結就可以看到設計師的作品集

下面會以UI/UX設計作品適合的呈現方式,來介紹幾個建立線上作品集的方式:

使用線上平台

1.Behance

Behance是大多設計師都知道的作品交流平台,全世界的設計師都會將自己的作品上傳到這裡來作為公開展示,所以Behance可以看到全世界各類型設計師們的優秀的作品

也因Behance本身有搜尋功能,所以也是設計師們來搜尋靈感之一的重要地方,而目前也已變為Adobe旗下的服務,可以說即使沒有網站,也應該要經營一個Behance

搜尋功能 by Behance

優點:

  • 可作線上排版編輯,只要將設計圖稿一張張上傳到Behance上,就可以使用編輯功能來作排版
  • 支援影片格式,若有形象影片或UI操作的動畫都可以加入進來
  • 一頁式的頁面來呈現,作品上傳會以專案的概念作為開啟,對於UI/UX設計師來說可以多加入些作品的設計過程,像是色彩定義、Function Map…等,來更完整敘述設計過程,而不只有設計完稿圖檔

缺點:

  • 沒有分類功能,只能單靠封面和作品名稱來分辨作品類型,若有太多類型的作品時,會變得無法聚焦。

費用:

  • 免費

我相信很多設計師都有不同面向的設計經驗,特別在標識和平面設計上,但若要以Behance作為主要的UI/UX設計作品集時,建議應該將其他類型的設計減少,或重新調整排列順序

2.Dribbble

Dribbble其實跟Behance非常相似,這兩個平台同樣都是全世界設計師公開展示作品的地方,只是Dribbble卻有加入的門檻,採邀請制

你可以註冊一個Dribbble使用帳號沒問題,但要上傳作品是沒有辦法的,必須收到由Dribbble設計師的邀請,才有辦法升級成可發布的設計的權限

可想而知,若想在Dribbble上放上作品的話,還需要設計師的認可才行,至於要如何收到設計師的邀請之後會再詳細補充

作品展示 by 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 - 從頭教起的網站架設

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次下面小手給予我支持與鼓勵喔!

Joseph

Hi 👋,我是Joseph
我是一名從理工界踏入設計圈的設計師,設計領域從網頁、UI/UX、平面、再到花藝,也剛開始踏入人夫生活。在這裡我不僅會分享轉職設計的經驗,也會分享一些我個人的其他學習,例如:設計資源、網路收入、聯盟行銷。

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *