当前位置: 首页 > 科技观察

有时候,你可能不需要使用UI框架_0

时间:2023-03-16 16:31:26 科技观察

很多前端开发者喜欢使用各种UI框架,比如bootstrap、materialUI、tailwindcss等,他们希望这样可以节省很多时间,然而,实际情况并非如此。很多时候,会有人问我,或者让我推荐一些UI框架,但是我想说的是,UI框架没有万能的,每个UI框架都有自己的优缺点。如果非要找一个万能的UI框架,那我建议你放弃寻找,自己搭建自己的UI框架。UI框架的优点是可以提供更流行和设计良好的UI组件。它可以在最短的时间内提供良好的用户体验。丰富的组件可以调用流行的设计。因为很多前端开发人员没有设计背景,所以不想花很多时间。学习如何设计,他们只需要一个已经设计好的UI框架来满足他们的页面构建需求。然而,其实对于一个网站来说,设计才是灵魂。如果不是自己精心设计,那些看似精美的网站就会失去灵魂。有人曾经说过,只有Google开发者才能把MaterialDesign应用做的非常漂亮,而第三方开发者使用MaterialDesign开发出来的应用却惨不忍睹。虽然UI组件可以给你好看的按钮、好看的日期选择器、分页组件,但是你还是要学会组装它们,否则一切看起来总是那么不协调。好的设计有许多无形的方面需要我们注意,比如平衡、间距和一致性。为了有效地使用组件库,我们需要将自己置身于设计者的思维中,并了解如何部署它们。还有,无论UI库设计得多么全面,它总能满足用户的所有需求。每个应用程序和网站都是独一无二的,总会有特殊要求。节省时间许多人选择UI框架是因为他们觉得UI框架可以帮助他们节省时间。在许多情况下这是非常正确的,但有时并非如此。当你选择了Bootstrap或者MateriateUI这样的UI框架来开发项目的时候,确实可以很快的开发出界面,前几天进度也非常快。但随着时间的推移,你会慢慢陷入困境。您将花费大量时间修改组件以适合您的设计。因为组件不能总是满足您所有的设计需求。我自己曾经花了一整个下午试图修改CSS框架的默认样式以适合我的界面,但最后我放弃了,因为我意识到我的更改总是会影响其他组件或需要大量代码结构更改。最后,我决定去掉第三方UI组件,并在很短的时间内调整了样式。编写我自己的样式库有点像为我编写测试:一开始有点慢,但早期的努力是有回报的。从长远来看,这将节省大量时间、精力和挫折感。可用性和可访问性人们选择UI框架的另一个主要原因是构建网站的可用性和可访问性。构建一个适用于鼠标用户、键盘用户和屏幕阅读器用户的模式非常困难。在可用性和可访问性方面,UI框架各有特点,使用它们可以大大减少工作量。因此,当你的界面需要一些可用性和可访问性时,我建议你使用一些UI组件,而且只能这样。总结不推荐使用UI框架,不是完全抛弃UI框架,而是在合适的时候选择使用。任何工具都有自己最适合的场景。如果我们不掌握工具的使用,只是随便使用,肯定会出错。如果你做的界面更多的是后台展示操作界面,那么UI框架会是一个非常合适的选择。否则,对于设计师设计的网页,自己写样式可能会更好。