您設計的app或者網站的質量通常取決於您所使用的工具的質量。對很多人來說，在紙上進行手繪是一個非常好的方式。但是，工期很趕，能力又不夠時，為什麼不站在巨人的肩膀上進行設計呢？是的，我們要討論的就是下載
UI Kit（或者稱為設計模板）進行更快速的設計。
UI Kit通常包含了非常全面的資源集合，同時也能讓您正確的規劃組織結構，您也可以把您創意跟模板結合。UI Kit通常包含了各種模板和ui組件（按鈕，複選框，進度條，導航欄等），它們可以幫助設計師在有限的時間內創造出出色的效果。所以，先不要花大量時間去搞清楚如何設計組件，UI Kit可以讓您更專注您擅長的事情：創造更好的設計。
UI Kit可以通過不同的方式幫助您優化設計流程，不過，我們最能感受的兩種用途是：原型設計和app/網頁設計。
所以，我們來看看使用UI Kit的好處，以及如何將它們用於原型設計和app/網頁設計。
節省時間和金錢
幾乎每個設計師都遇到過這樣一個鬱悶的情況：當一個小項目失控時，工作量可能增加四倍，項目的預計時間增加了一倍。客戶又因為項目延期而拖延支付項目款。為了給自己留有餘地，設計師經常要告訴客戶，要估算一個網站或app的具體完成時間是很困難的。因為期間肯定有不同原因而進行的修改。
雖然UI Kit不會為您估算時間，但是使用UI Kit後，您可以更縮短設計週期，快速修改。本來需要一週完成的時間，可能2天就可以搞定。很多UI Kit使用嵌套元件，只需修改組件，調用到組件的頁面跟著改動。您也可以調用UI Kit中的元素重構您所需要的頁面，然後調整這些元素匹配您的品牌形象。
現在我們已經介紹了這些優勢，讓我們來看看UI套件的兩種最常見的用途：原型設計和app/網站設計。
如何使用UI套件進行原型設計
為了獲得有效的客戶反饋或者用戶反饋，您必須讓您的設計以最好最快的方式呈現出來。所以，你必須將想法轉化為視覺效果，客戶或者用戶才能直觀看到。這也是原型誕生的原因。
有句老話說得好：一圖道千言。它可以呈現您在推出最終方案前設計和動效呈現的方式。讓客戶或用戶知道最終的效果會是怎麼樣的。
UI Kit對於快速的原型設計非常重要，很多線框圖模板也是這樣的用途。原型能夠模擬設計的功能，設計師，客戶，領導還有用戶都可以進行測試，發現問題及時修復。
為了節約時間，如果從0開始，原型設計通常都是低保真的。但如果有高保真的原型，為什麼不用呢？它們看起來幾乎與最終產品相同。如果使用UI套件，高保真的原型一點也不難。您只需要拖放ui小部件就能設計出專業的高保真原型。
如何使用UI Kit進行app、網站設計
當你搞定了原型設計中碰到的所有問題，您就得將設計變成真正的產品。這時候，UI Kit也能夠提供幫助。
UI Kit可以包含幾乎所有的界面元素，您可以創建一個可愛的用戶界面-從佈局，小部件、按鈕到排版和複雜的反饋模塊。
基本上，UI kit的使用就像搭積木，在sketch裡使用尤為方便和快捷。
建立自己的UI Kit
如果是開發者或者產品經理或者客戶，您可以一點都不熟悉UI Kit，但是對設計師來說，這是一個很好的工具，能夠讓您為用戶提供更快更好的產品設計方案。
為了控制設計輸出的品質，UI Kit非常有用，不過，設計師通常沒有那麼多時間設計一套一套的ui kit。而且對於新功能新的設計規範沒有那麼快熟悉。這時候，購買一些付費的ui kit還是不錯的選擇。或者選擇下載免費的ui kit。這邊推薦UI巴巴的ui kit設計模板，一定可以找到您想要的模板。
sketch網頁設計系統模板
使用ui kit不僅僅創建一些功能，而是您可以重複使用，隨意調取。這個過程並不複雜，也不需要重新發明：你需要的一切應該都在那個庫裡面！
結論
細節決定成敗，這在app或者網站設計中也是如此。現在用戶體驗這麼重要，很多細節和提示必須要考慮。
閱讀更多 UI巴巴 的文章
