ui框架是什么意思?有哪些常用的UI框架？ 时间：2017-03-07     来源：UI设计大狮

　　

　　我们经常听到UI设计师们谈论UI框架，那么UI框架到底是个什么东西?常用的UI框架又有哪些呢?今天华清远见就为大家系统回答一下这两个问题。
 

　　ui是什么意思?

　　这是百度百科的定义：UI即User Interface(用户界面)的简称。泛指用户的操作界面，UI设计主要指界面的样式，美观程度。而使用上，对软件的人机交互、操作逻辑、界面美观的整体设计则是同样重要的另一个门道。好的UI不仅是让软件变得有个性有品味，还要让软件的操作变得舒适、简单、自由，充分体现软件的定位和特点。
 

　　ui框架又是什么意思?

　　ui是用户界面的英文简称，那么ui框架又是什么呢?框架又可以理解为模板，ui框架也就是ui模板。这和编程里的封装有些类似，就是说一些ui设计的常用效果已经被别人封装成了ui框架，你想实现哪个效果只要直接调用就行，不需要太纠结于底层实现。
 

　　常用的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源码进行性能优化而来。

　　官方网站:https://getbootstrap.com/
 

　　jQuery UI

　　jQuery UI 是建立在jQuery JavaScript 库上的一组用户界面交互、特效、小部件及主题。无论是创建高度交互的Web 应用程序还是仅仅向窗体控件添加一个日期选择器，jQueryUI 都是一个完美的选择。

　　jQuery UI 包含了许多维持状态的小部件(Widget)，因此，它与典型的jQuery 插件使用模式略有不同。所有的jQuery UI 小部件(Widget)使用相同的模式，这样就大大的降低了学习成本。

　　jQuery UI 继承jQuery 简易使用特性，提供高度抽象接口，短期改善网站易用性。同时，jQueryUI采用MIT & GPL 双协议授权，轻松满足自由产品至企业产品各种授权需求。jQueryUI另一大有点是兼容各主流桌面浏览器。包括IE6+、Firefox2+、Safari3+、Opera9+、Chrome1+。而且，jQueryUI有完全汉化的版本，开发包内置包含中文在内的40 多种语言包。

　　官方网站:http://jqueryui.com/
 

　　Pure CSS

　　Pure也是一款很出色的CSS框架，Pure是来自雅虎的。尽管从UI界面效果上来说，Pure没有Bootstrap那样精美，但Pure是纯CSS实现的，因此非常小巧，整个框架压缩后只有5.7k左右。

　　最大的特点就是框架基于纯CSS，无任何JavaScript代码，渲染速度比较快。由Yahoo出品，技术上应该不存在太大问题。组件也很丰富，包括表格、表单、按钮、表、导航等。CSS类的标识十分简单，因此在使用Pure的过程中代码会比较友好。

　　

　　官方网站:http://www.purecss.org/

　　Semantic UI

　　SemanticUI最大的优点就在它的名字里--语义化。Semantic-UI比Bootstrap更语义化，使用了更容易理解的标签名称：导航的是nav，主要内容的是main，class名也很明确。

　　而且SemanticUI 的modules预制了很多美观的动画，同时也非常简单好用。比如视图(Views)中的评论(Comment)和动态信息(Feed) 。

　　

　　官方网站:http://www.semantic-ui.cn/
 

　　Ace Admin

　　Ace 是一个轻量、功能丰富、HTML5、响应式、支持手机及平板电脑上浏览的管理后台模板，基于CSS框架Bootstrap制作，Bootstrap版本更新至3.0，Ace–Responsive Admin Template当前最新版!Ace的一大特点就是拥有丰富的组件。集成了很多经典的jquery插件，如zTree，dropzone等。很好的满足后台管理的各种需求。

　　网址:http://wrapbootstrap.com/preview/WB0B30DGR
 

　　BootMetro

　　BootMetro是一款基于Bootstrap的前端UI框架，BootMetro的特点是可以很方便地构建类似Windonws8扁平化风格的网页界面，效果非常不错。

　　

　　官方网站：http://aozora.github.io/bootmetro/

        网上关于ui框架的资料有些乱而且比较分散，对于ui零基础的人很难看懂，所以华清远见小编从什么是ui，ui框架是什么意思?有哪些常用的UI框架？几方面入手为大家详细介绍了一下ui框架的具体情况，希望对大家理解入门ui，了解ui框架有所帮助。