联系我们 face+ 关于 服务 案例
首页 案例 服务 关于 face+

常见ui设计框架大全,总有一款适合你

Time: 2020-01-19


设计ui最重要的就是要先设计好它的框架,因为只有在框架的大前提下进行设计,才能够更好的保证自己的设计质量,下面我们跟随小编一起来了解一下ui设计框架的相关资料吧。


ui设计框架之Bootstrap

  说到流行的UI框架,那么Bootstrap是一定会出现在榜单上的。它是由twitter推出的Web前端UI框架,它由Twitter的设计师MarkOtto和JacobThornton合作开发。Bootstrap通过它优秀的栅栏系统,很好的实现了响应式布局。Bootstrap还提供了时尚的排版样式,表单,buttons,表格,轮播等等。

  Bootstrap提供了优雅的HTML和CSS规范,它是由动态CSS语言Less写成。Bootstrap一经推出后颇受欢迎,一直是GitHub上的热门开源项目。国内一些移动开发者较为熟悉的框架,如WeX5前端开源框架等,也是基于Bootstrap源码进行性能优化而来。


1.jpg

(图片来自网络)


  ui设计框架之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 多种语言包。


2.jpg

(图片来自网络)


  ui设计框架之Pure CSS

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

  最大的特点就是框架基于纯CSS,无任何JavaScript代码,渲染速度比较快。组件也很丰富,包括表格、表单、按钮、表、导航等。CSS类的标识十分简单,因此在使用Pure的过程中代码会比较友好。


3.jpg

(图片来自网络)


  ui设计框架之Semantic UI

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

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


4.jpg

(图片来自网络)


  ui设计框架之Ace Admin

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


5.png

(图片来自网络)


  ui设计框架之BootMetro

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


6.png

(图片来自网络)


  其实小编觉得ui设计框架是大同小异的,其关键就在于设计过程可能会有所不同,所以大家可以根据自己的实际情况来选择最适合自己的ui设计的框架哦!


合作咨询

上海(总部)

上海市浦东新区郭守敬路498号22号楼
021-61057328
service@faceui.com

办公地址地图

北京

北京市东城区后永康17号A座
010-64015620
service@faceui.com

办公地址地图

成都

四川省成都市锦江区东大街牛王庙段100号
028-62790929
service@faceui.com

办公地址地图
首页 | 案例 | 服务 | 关于 | face+ | 智见

Copyright © 2009-2022 FaceUI design. All rights reserved


沪ICP备13044459号-5

上海办公地点地图
北京办公地点地图
深圳办公地点地图
在微信中搜索faceui
或保存二维码在微信中打开