建站
咨詢
售后
建站咨詢
新聞中心
很多前端開發(fā)人員喜歡使用各種UI框架，比如bootstrap，material UI，tailwindcss等，他們希望這可以節(jié)省他們大量的時間，然而，現(xiàn)實卻并非如此。
在小店等地區(qū)，都構(gòu)建了全面的區(qū)域性戰(zhàn)略布局，加強發(fā)展的系統(tǒng)性、市場前瞻性、產(chǎn)品創(chuàng)新能力，以專注、極致的服務(wù)理念，為客戶提供成都網(wǎng)站建設(shè)、成都網(wǎng)站設(shè)計 網(wǎng)站設(shè)計制作定制網(wǎng)站制作,公司網(wǎng)站建設(shè),企業(yè)網(wǎng)站建設(shè),品牌網(wǎng)站建設(shè),成都營銷網(wǎng)站建設(shè),外貿(mào)網(wǎng)站建設(shè),小店網(wǎng)站建設(shè)費用合理。
很多時候，人們會問我，或者讓我推薦一些UI框架，但是我想說的是，對于UI框架，沒有萬能的，每個UI框架都有自身的優(yōu)點和缺點，如果你非要找到一個萬金油的UI框架，那么我推薦你放棄尋找，自己去構(gòu)建自己的UI框架。
UI框架的優(yōu)點
- 可以提供更流行的，設(shè)計更好的UI組件
- 最短時間內(nèi)能提供不錯的使用體驗
- 豐富的組件可以調(diào)用
流行的設(shè)計
因為很多前端開發(fā)人員沒有設(shè)計背景，因此他們不想要花費很多時間來學(xué)習(xí)如何設(shè)計，他們只是想要一個已經(jīng)設(shè)計好的UI框架來滿足他們的頁面構(gòu)建需求。
但是，其實對于一個網(wǎng)站，設(shè)計才是靈魂，如果沒有經(jīng)過自己的精心設(shè)計，那些看似很精美的網(wǎng)站也會失去靈魂。
曾經(jīng)有人說過，只有谷歌的開發(fā)者才能讓材料設(shè)計的應(yīng)用看起來非常漂亮，而第三方開發(fā)者使用材料設(shè)計開發(fā)出來的應(yīng)用卻慘不忍睹。
雖然UI組件可以給你好看的按鈕，給你好看的日期選擇器，給你提供分頁組件，但是你仍然要學(xué)會組裝它們，否則一切看起來總是那么地不協(xié)調(diào)。
良好的設(shè)計有很多無形的方面需要我們注意，比如平衡，間距和一致性之類的東西。要有效地使用組件庫，我們需要將自己融入設(shè)計師的思維里面，并了解如何部署它們。
另外，無論UI庫設(shè)計的有多全面，它都將永遠(yuǎn)滿足用戶的所有需求。每個應(yīng)用程序和網(wǎng)站都是獨一無二的，總會有特殊要求。
節(jié)省時間
很多人選擇UI框架是因為他們覺得UI框架可以幫助他們節(jié)省時間。這在很多情況下是非常正確的，但是，有時候卻并不是。
當(dāng)你選擇Bootstrap或Materiate UI之類的UI框架開發(fā)一個項目的時候，的確可以非常迅速地開發(fā)界面，并在最開始的幾天取得了非常快的的進(jìn)步。 但是隨著時間的流逝，你將會慢慢陷入困境。你會花費大量的時間用來修改組件讓它適應(yīng)你的設(shè)計。因為組件總是不能滿足你的所有設(shè)計需求。
我自己曾經(jīng)花了整整一個下午試圖從CSS框架中修改默認(rèn)的樣式來適應(yīng)我的界面，但是最后我放棄了，因為我意識到我的修改總會影響到其它組件或者需要修改大量代碼結(jié)構(gòu)。
最后，我決定移除第三方UI組件，然后在很短地時間內(nèi)我就調(diào)整好了樣式。
編寫自己的樣式庫對我來說有點像編寫測試：起初有點慢，但是早期的努力都會有所回報。 從長遠(yuǎn)來看，這將節(jié)省大量時間，精力和挫敗感。
可用性和可訪問性
人們選擇UI框架其實還有一個主要原因就是構(gòu)建網(wǎng)站的可用性和可訪問性。
構(gòu)建一種適合鼠標(biāo)用戶，鍵盤用戶和屏幕閱讀器用戶的模態(tài)非常困難。
在可用性和可訪問性方面，UI框架具有自己的特性，通過使用它們的確可以大大減輕工作量。
因此，當(dāng)你的界面需要一些可用性和可訪問性的時候，我推薦你使用一些UI組件，僅限于此。
總結(jié)
不建議使用UI框架，并不是完全拋棄UI框架，而是在適當(dāng)?shù)臅r候選擇去使用它們。任何工具都有自己的最適合的場景，如果我們沒有掌握工具的使用方法，就拿來使用的話，我們一定會犯錯誤。
如果你做的界面更多的是后端展示操作界面，那么UI框架將會是非常適合的選擇，否則對于設(shè)計師設(shè)計的網(wǎng)頁，自己動手去寫樣式可能會更好。
網(wǎng)站欄目：有些時候，你也許不需要使用UI框架
標(biāo)題路徑：http://fisionsoft.com.cn/article/dpdshgg.html
