常用的UI框架有哪些?推荐6种常用的UI框架。
接下来徐州电脑培训http://www.kmbdqn.cn/为大家分享一下UI专业设计师在日常工作中常用的几种框架,希望能够帮到你!Bootstrap说到流行的UI框架,那么Bootstrap是一定会出现在榜单上的。
它是由twitter推出的Web前端UI框架,它由Twitter的设计师MarkOtto和JacobThornton合作开发。
Bootstrap通过它优秀的栅栏系统,很好的实现了响应式布局。
Bootstrap还提供了时尚的排版样式,表单,buttons,表格,轮播等等。
Bootstrap提供了优雅的HTML和CSS规范,它是由动态CSS语言Less写成。
Bootstrap一经推出后颇受欢迎,一直是GitHub上的热门开源项目,包括NASA的MSNBC(微软全国广播公司)的BreakingNews都使用了该项目。
国内一些移动开发者较为熟悉的框架,如WeX5前端开源框架等,也是基于Bootstrap源码进行性能优化而来。
jQueryUIjQueryUI是建立在jQueryJavaScript库上的一组用户界面交互、特效、小部件及主题。
无论是创建高度交互的Web应用程序还是仅仅向窗体控件添加一个日期选择器,jQueryUI都是一个完美的选择。
jQueryUI包含了许多维持状态的小部件(Widget),因此,它与典型的jQuery插件使用模式略有不同。
所有的jQueryUI小部件(Widget)使用相同的模式,这样就大大的降低了学习成本。
jQueryUI继承jQuery简易使用特性,提供高度抽象接口,短期改善网站易用性。
同时,jQueryUI采用MIT&GPL双协议授权,轻松满足自由产品至企业产品各种授权需求。
jQueryUI另一大有点是兼容各主流桌面浏览器。
包括IE6+、Firefox2+、Safari3+、Opera9+、Chrome1+。
而且,jQueryUI有完全汉化的版本,开发包内置包含中文在内的40多种语言包。
PureCSSPure也是一款很出色的CSS框架,Pure是来自雅虎的。
尽管从UI界面效果上来说,Pure没有Bootstrap那样精美,但Pure是纯CSS实现的,因此非常小巧,整个框架压缩后只有5.7k左右。
最大的特点就是框架基于纯CSS,无任何JavaScript代码,渲染速度比较快。
由Yahoo出品,技术上应该不存在太大问题。
组件也很丰富,包括表格、表单、按钮、表、导航等。
CSS类的标识十分简单,因此在使用Pure的过程中代码会比较友好。
SemanticUISemanticUI最大的优点就在它的名字里--语义化。
Semantic-UI比Bootstrap更语义化,使用了更容易理解的标签名称:导航的是nav,主要内容的是main,class名也很明确。
而且SemanticUI的modules预制了很多美观的动画,同时也非常简单好用。
比如视图(Views)中的评论(Comment)和动态信息(Feed)。