很多前端開發人員喜歡使用各種UI框架，比如bootstrap，material UI，tailwindcss等，他們希望這可以節省他們大量的時間，然而，現實卻并非如此。

很多時候，人們會問我，或者讓我推薦一些UI框架，但是我想說的是，對于UI框架，沒有萬能的，每個UI框架都有自身的優點和缺點，如果你非要找到一個萬金油的UI框架，那么我推薦你放棄尋找，自己去構建自己的UI框架。

UI框架的優點

• 可以提供更流行的，設計更好的UI組件
• 最短時間內能提供不錯的使用體驗
• 豐富的組件可以調用

流行的設計

因為很多前端開發人員沒有設計背景，因此他們不想要花費很多時間來學習如何設計，他們只是想要一個已經設計好的UI框架來滿足他們的頁面構建需求。

但是，其實對于一個網站，設計才是靈魂，如果沒有經過自己的精心設計，那些看似很精美的網站也會失去靈魂。

曾經有人說過，只有谷歌的開發者才能讓材料設計的應用看起來非常漂亮，而第三方開發者使用材料設計開發出來的應用卻慘不忍睹。

雖然UI組件可以給你好看的按鈕，給你好看的日期選擇器，給你提供分頁組件，但是你仍然要學會組裝它們，否則一切看起來總是那么地不協調。

良好的設計有很多無形的方面需要我們注意，比如平衡，間距和一致性之類的東西。要有效地使用組件庫，我們需要將自己融入設計師的思維里面，并了解如何部署它們。

另外，無論UI庫設計的有多全面，它都將永遠滿足用戶的所有需求。每個應用程序和網站都是獨一無二的，總會有特殊要求。

節省時間

很多人選擇UI框架是因為他們覺得UI框架可以幫助他們節省時間。這在很多情況下是非常正確的，但是，有時候卻并不是。

當你選擇Bootstrap或Materiate UI之類的UI框架開發一個項目的時候，的確可以非常迅速地開發界面，并在最開始的幾天取得了非常快的的進步。 但是隨著時間的流逝，你將會慢慢陷入困境。你會花費大量的時間用來修改組件讓它適應你的設計。因為組件總是不能滿足你的所有設計需求。

我自己曾經花了整整一個下午試圖從CSS框架中修改默認的樣式來適應我的界面，但是最后我放棄了，因為我意識到我的修改總會影響到其它組件或者需要修改大量代碼結構。

最后，我決定移除第三方UI組件，然后在很短地時間內我就調整好了樣式。

編寫自己的樣式庫對我來說有點像編寫測試：起初有點慢，但是早期的努力都會有所回報。 從長遠來看，這將節省大量時間，精力和挫敗感。

可用性和可訪問性

人們選擇UI框架其實還有一個主要原因就是構建網站的可用性和可訪問性。

構建一種適合鼠標用戶，鍵盤用戶和屏幕閱讀器用戶的模態非常困難。

在可用性和可訪問性方面，UI框架具有自己的特性，通過使用它們的確可以大大減輕工作量。

因此，當你的界面需要一些可用性和可訪問性的時候，我推薦你使用一些UI組件，僅限于此。

總結

不建議使用UI框架，并不是完全拋棄UI框架，而是在適當的時候選擇去使用它們。任何工具都有自己的最適合的場景，如果我們沒有掌握工具的使用方法，就拿來使用的話，我們一定會犯錯誤。

如果你做的界面更多的是后端展示操作界面，那么UI框架將會是非常適合的選擇，否則對于設計師設計的網頁，自己動手去寫樣式可能會更好。