無論是網(wǎng)頁還是APP的設(shè)計，你可以完全從零開始，但是絕大多數(shù)時候，合理地運用模板和UI Kit 是能夠讓你事半功倍的。

仔細回顧一下：你所做過的那么多設(shè)計項目，沒少做重復的工作吧？

這個時候，設(shè)計模板和UI Kit 的重要性就體現(xiàn)出來了。這些預先準備好的設(shè)計套件大都是基于一些常見的需求而創(chuàng)建的，雖然它們大多不會完全匹配你的需求，但是也能在很大程度上幫你節(jié)省設(shè)計成本，降低設(shè)計的工作量。

1、幫你更快地完成設(shè)計項目

使用模板或者設(shè)計工具套件來完成網(wǎng)頁設(shè)計項目，很大程度上是出于對速度和效率的需求。相比于使用HTML、CSS和PHP從頭開始開發(fā)和設(shè)計，模板和設(shè)計工具套件能很大程度上縮減這個過程。

這個時候你所需要的所有事情，就是安裝，然后根據(jù)自己的需求進行調(diào)整和定制。最典型的，就是Wordpress 這樣的內(nèi)容管理系統(tǒng)（CMS），對于小型的網(wǎng)站而言，它們是更好的起點。

時間和效率是關(guān)鍵。在這些設(shè)計工具套件和模板當中，你能夠根據(jù)需求，不同程度地獲得你所需要的東西：配色、排版、字體、裝飾元素、控件、樣式，甚至整個頁面。如果你的項目亟需一個網(wǎng)站或者頁面，模板、UI Kit 、甚至CMS系統(tǒng)能夠快速地幫你搭建起基礎(chǔ)。

從設(shè)計工具套件和模板中獲取素材，調(diào)整之后應(yīng)用到自己的設(shè)計項目當中，可以明顯加快整個流程。如果模板和素材挑選合理的話，用來給用戶展示之用的Demo 會更快地輸出。

2、確保一致性

用戶都是習慣性的生物?？雌饋碛闷饋矶己芤恢碌脑O(shè)計會給予他們以掌控感，和可預期性。當設(shè)計師們在完成設(shè)計工具套件和模板的設(shè)計的時候，他們會出于靈活性、泛用性的考慮，盡可能地將UI Kit 和模板設(shè)計得足夠一致。當你從同一個工具套件或者模板中取用素材的時候，能夠確保你最終輸出的設(shè)計在視覺、交互和體驗上能保證一致性。

絕大多數(shù)的模板與工具套件都確保了可定制性，這種定制性也是在總體一致的前提下提供的，這也足以讓你足夠快捷的根據(jù)自己的需求來進行調(diào)整。

3、了解最佳實踐

事實上，許多模板和UI kit 都是經(jīng)驗豐富的網(wǎng)頁和APP UI 設(shè)計師來設(shè)計完成的，當他們在設(shè)計工具和模板的時候，通常都會遵循實際的需求和行業(yè)標準來進行的，換句話說，在這些UI Kit 和模板當中，我們所看到的排版布局、UI控件大都是遵循當前的最佳實踐。

當你在使用這些工具套件和模板來為自己的客戶設(shè)計的時候，這些PSD和模板當中的UI設(shè)計模式和最佳實踐，能夠作為參考，拿來復用。

實際上，許多設(shè)計師也正是通過拆分和研究這些模板、UI Kit 來學習最佳實踐和設(shè)計套路的。

4、內(nèi)置功能

許多設(shè)計工具套件和模板當中所包含的不僅僅是 PSD、AI、Sketch 格式的設(shè)計文檔，還具一些可用的功能。對于開發(fā)并不專精的設(shè)計師，可以從這些工具套件/模板當中直接借用其中內(nèi)置的功能，諸如 SEO，CMS編輯組件，等等。

許多模板當中的內(nèi)置組件對于用戶是非常友好的，甚至是專門為初學者所準備的。許多模塊對于并不專精于開發(fā)的用戶而言，并不難上手，如果身為設(shè)計師的你能夠合理地運用到這些功能，對于整個項目而言，能夠節(jié)省不少開支。

通常，這樣的模板和工具套件當中，會包含相應(yīng)的說明文檔，你可以通過閱讀這些文檔來獲取使用方法和技術(shù)支持。

另一方面，許多工具套件和模板還包含自動更新功能，這樣你就不用為后續(xù)的功能支持來操心了。這一點無論是對于身為設(shè)計師的你，還是你的客戶而言，都是相對而言更為省心的選擇。

5、更合理的價格

相比于直接購買整套的設(shè)計服務(wù)，UI Kit 和模板無疑是性價比更高的服務(wù)，如果利用得當?shù)脑?。無論是設(shè)計模板還是UI Kit，它們的價格通常不會太昂貴，即使是最強大最貴的 WordPress 模板授權(quán)也不會超過100美元，而許多獨立的模板或者單獨的功能也就10美元左右。

如果你有計劃有意識地下載、購買 UI Kit 或者模板，它們給你帶來的價值是不可估量的。它們能夠極大地降低你的時間成本。

6、更清晰的代碼

如果你所找到的模板供應(yīng)商足夠有經(jīng)驗和信譽的話，他們?yōu)槟闼峁┑拇a通常是干凈和輕量級的。在許多的開發(fā)者眼里，清晰干凈、可維護性強的代碼，也算是一種“藝術(shù)”。

挑選評價高、下載量大的模板，這樣有足夠的保障。同時，你還可以同其他的用戶互動、討論，交流使用經(jīng)驗，更好地使用。

7、拓展

最后，這些設(shè)計工具套件和模板還讓你具備了創(chuàng)造屬于自己的模板和工具套件的可能性。你可以在這些模板或者 UI Kit 的基礎(chǔ)上，根據(jù)自己的需求和經(jīng)驗，吸收別人的經(jīng)驗，在已有的模板和設(shè)計元素的基礎(chǔ)上，加入你自己所設(shè)計的控件、元素甚至交互方式。這樣不僅能夠促進設(shè)計師和開發(fā)者的協(xié)同，而且能夠更好地分享經(jīng)驗。

原文作者：Carrie Cousins

原文地址：webdesignerdepot

譯者：@陳子木

譯文地址：優(yōu)設(shè)網(wǎng)

本文由 @陳子木?授權(quán)發(fā)布于人人都是產(chǎn)品經(jīng)理，未經(jīng)作者許可，禁止轉(zhuǎn)載。

題圖來自 Pexels，基于 CC0 協(xié)議