社区编辑申请
注册/登录
有些时候,你也许不需要使用UI框架
开发 前端
对于UI框架,没有万能的,每个UI框架都有自身的优点和缺点,如果你非要找到一个万金油的UI框架,那么我推荐你放弃寻找,自己去构建自己的UI框架。

很多前端开发人员喜欢使用各种UI框架,比如bootstrap,material UI,tailwindcss等,他们希望这可以节省他们大量的时间,然而,现实却并非如此。

有些时候,你也许不需要使用UI框架

很多时候,人们会问我,或者让我推荐一些UI框架,但是我想说的是,对于UI框架,没有万能的,每个UI框架都有自身的优点和缺点,如果你非要找到一个万金油的UI框架,那么我推荐你放弃寻找,自己去构建自己的UI框架。

UI框架的优点

  • 可以提供更流行的,设计更好的UI组件
  • 最短时间内能提供不错的使用体验
  • 丰富的组件可以调用

流行的设计

因为很多前端开发人员没有设计背景,因此他们不想要花费很多时间来学习如何设计,他们只是想要一个已经设计好的UI框架来满足他们的页面构建需求。

但是,其实对于一个网站,设计才是灵魂,如果没有经过自己的精心设计,那些看似很精美的网站也会失去灵魂。

有些时候,你也许不需要使用UI框架

曾经有人说过,只有谷歌的开发者才能让材料设计的应用看起来非常漂亮,而第三方开发者使用材料设计开发出来的应用却惨不忍睹。

虽然UI组件可以给你好看的按钮,给你好看的日期选择器,给你提供分页组件,但是你仍然要学会组装它们,否则一切看起来总是那么地不协调。

有些时候,你也许不需要使用UI框架

良好的设计有很多无形的方面需要我们注意,比如平衡,间距和一致性之类的东西。要有效地使用组件库,我们需要将自己融入设计师的思维里面,并了解如何部署它们。

另外,无论UI库设计的有多全面,它都将永远满足用户的所有需求。每个应用程序和网站都是独一无二的,总会有特殊要求。

节省时间

很多人选择UI框架是因为他们觉得UI框架可以帮助他们节省时间。这在很多情况下是非常正确的,但是,有时候却并不是。

当你选择Bootstrap或Materiate UI之类的UI框架开发一个项目的时候,的确可以非常迅速地开发界面,并在最开始的几天取得了非常快的的进步。 但是随着时间的流逝,你将会慢慢陷入困境。你会花费大量的时间用来修改组件让它适应你的设计。因为组件总是不能满足你的所有设计需求。

有些时候,你也许不需要使用UI框架

我自己曾经花了整整一个下午试图从CSS框架中修改默认的样式来适应我的界面,但是最后我放弃了,因为我意识到我的修改总会影响到其它组件或者需要修改大量代码结构。

最后,我决定移除第三方UI组件,然后在很短地时间内我就调整好了样式。

编写自己的样式库对我来说有点像编写测试:起初有点慢,但是早期的努力都会有所回报。 从长远来看,这将节省大量时间,精力和挫败感。

可用性和可访问性

人们选择UI框架其实还有一个主要原因就是构建网站的可用性和可访问性。

构建一种适合鼠标用户,键盘用户和屏幕阅读器用户的模态非常困难。

有些时候,你也许不需要使用UI框架

在可用性和可访问性方面,UI框架具有自己的特性,通过使用它们的确可以大大减轻工作量。

有些时候,你也许不需要使用UI框架

因此,当你的界面需要一些可用性和可访问性的时候,我推荐你使用一些UI组件,仅限于此。

总结

不建议使用UI框架,并不是完全抛弃UI框架,而是在适当的时候选择去使用它们。任何工具都有自己的最适合的场景,如果我们没有掌握工具的使用方法,就拿来使用的话,我们一定会犯错误。

有些时候,你也许不需要使用UI框架

如果你做的界面更多的是后端展示操作界面,那么UI框架将会是非常适合的选择,否则对于设计师设计的网页,自己动手去写样式可能会更好。

责任编辑:赵宁宁 来源: 今日头条
相关推荐

2022-06-09 10:27:40

前端框架开源

2022-05-11 07:50:15

React UI组件库前端

2022-07-04 09:00:36

Playwright自动化测试工具

2022-07-27 10:36:13

2022-05-06 15:38:21

鸿蒙App开发技术

2022-05-09 11:19:12

CSS函数开源

2022-03-18 16:07:04

Graphic子系统鸿蒙

2022-04-18 10:47:55

UI框架鸿蒙操作系统

2019-01-31 11:11:30

前端开发框架

2022-04-28 15:38:42

WebViewJavaUI

2022-05-20 11:09:15

Flybirds多端测试UI 自动化测试

2021-08-09 14:32:34

2016-10-20 19:27:00

开源项目bootstrapcss框架

2009-06-25 14:53:35

自定义UI组件JSF框架

2022-06-20 09:01:50

2020-11-13 18:59:51

2010-09-25 13:09:39

2012-12-25 14:10:22

AndroidUIzinc30

2015-06-24 10:17:24

UI流式布局

2021-10-14 09:53:38

同话题下的热门内容

如何创建一个无代码的自助客户聊天机器人Java 服务 Docker 容器化优秀实践程序员不得不知道的 API 接口常识如何提高 TypeScript 的代码质量?聊聊 13 种锁的实现方式11个 ES2022(ES13)中惊人的 JavaScript 新特性使用 Vite 和 TypeScript 带你从零打造一个属于自己的 Vue3 组件库Hooks时代,如何写出高质量的react和vue组件?

编辑推荐

太厉害了,终于有人能把TCP/IP协议讲的明明白白了!牛人5次面试腾讯不成功的经验HBase原理–所有Region切分的细节都在这里了Javascript如何监听页面刷新和关闭事件如何搭建一个HTTPS服务端
我收藏的内容
点赞
收藏

51CTO技术栈公众号