不管是網頁設計師或是 UI 設計師，肯定都會遇到過各種千奇百怪的設計要求，每個企業都希望自己產品的介面能夠有良好的使用者體驗，所以設計師往往也需要絞盡腦汁才能完成這些不同的介面設計，但靈感不太可能憑空出現，所以平常設計師就會需要給大腦一些刺激，這樣才能夠讓自己在關鍵時刻裡產生出新的構想。
創作的第一步就是模仿開始，目前網路上已經有非常多與網站相關的設計範本能夠讓使用者參考，像是本站之前介紹過的 StyleShout，就是一個相當不錯的 HTML 免費範本網站，不過由於 StyleShout 並不完全是為了設計師所構建的，所以今天站長打算要推薦一個專門用來激發網頁、UI 設計師靈感的網站 Collect UI。
Collect UI 是一個免費的 UI 介面設計範例網站，提供許多精美的 UI 設計案例可以做為參考或靈感刺激，Collect UI 並不是網頁設計素材的下載網站，而是專門給予網頁、UI 設計師靈感來源的地方，目前網站上擁有超過 150 種的 UI 介面設計分類，能夠在使用者設計一頁式網站、註冊頁面、結帳頁面…等不同網站內容時給予靈感上的啟發。
網站連結：https://collectui.com/
Collect UI 使用教學
STEP 1
開啟 Collect UI 網站後，使用者可以直接使用網頁左上角的搜尋欄位來搜尋想要的 UI 設計範例，目前 Collect UI 只支援輸入英文的關鍵字。
STEP 2
同時在搜尋欄位的下方，Collect UI 也根據介面目的來進行了分類，例如使用者可以直接點擊 Sign Up 選項來查看與註冊頁面相關的設計範例，或是選擇 Checkout 選項來瀏覽各種電商的結帳頁面設計，目前 Collect UI 提供超過 150 種的介面分類。
STEP 3
當選擇介面類型後，使用者就可以從網頁右側的列表來瀏覽所有相關的 UI 設計範例。
STEP 4
點擊 Collect UI 上的範例後會看到一張放大圖，這時只要再點擊右下角的 View on Dribbble 選項，就可以進到 Dribbble 網站來查看介面設計範本的詳細資料。
STEP 5
開啟 Dribbble 網站後，使用者便可以查看到該 UI 設計的配色、設計師名稱，同時在網頁的底部還會提供其他相似的介面設計範例，相當的方便！
