766培训网
电脑培训
ui开发框架有哪些

ui开发框架有哪些

发布时间 :2021-02-03 11:30:35 浏览量:416 收藏
导读:

UI是指人与信息交互的媒介,开发它的时候,要充分利用它的框架,那么它有哪些框架呢?下面小编给大家介绍ui开发框架有哪些,一起来看看吧。

ui开发框架有哪些

ui开发框架

1、Bootstrap。它提供了优雅的HTML和CSS规范,它是由动态CSS语言Less写成。Bootstrap一经推出后颇受欢迎,一直是GitHub上的热门开源项目,包括NASA的MSNBC(微软全国广播公司)的BreakingNews都使用了该项目。国内一些移动开发者较为熟悉的框架,如WeX5前端开源框架等,也是基于Bootstrap源码进行性能优化而来。

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

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

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

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

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

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

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

常用前端ui框架

1、Aliceui是支付宝的样式解决方案,是一套精选的基于 spm 生态圈的样式模块集合,是 Arale 的子集,也是一套模块化的样式命名和组织规范,是写 CSS 的更好方式。

2、Amaze ui 是一个轻量级、 Mobile first 的前端框架, 基于开源社区流行前端框架编写的。

3、Sui是一套基于bootstrap开发的前端组件库,同时她也是一套设计规范。 通过Sui,可以非常方便的设计和实现精美的页面。

4、Frozen ui是一个开源的简单易用,轻量快捷的移动端ui框架。基于手Q样式规范,选取最常用的组件,做成手Q公用离线包减少请求,升级方式友好,文档完善,目前全面应用在腾讯手Q增值业务中。

5、uiKit是一款轻量级、模块化的前端框架,可快速构建强大的web前端界面。

6、H-ui是轻量级前端框架,简单免费,兼容性好,适用于中国网站。

7、weui 是一套同微信原生视觉体验一致的基础样式库,由微信官方设计团队为微信 Web 开发量身设计,可以令用户的使用感知更加统一。包含button、cell、dialog、 progress、 toast、article、actionsheet、icon等各式元素。

ui学习方法

1、明确个人学习UI的目的。对于一个新手来说,必须要知道自己学习UI的目的,只有了解学习的目的,这样才能够更好地、更有目标和方向地去学习,学习效率也会更高。

2、掌握基础的图片处理软件操作。现在UI设计必然是需要通过软件,也就是我们熟悉的ps操作,因此,学习UI的第一步,就是学习好软件的基本操作知识。

3、提升自己的素描技巧。它也能够让自己更好地掌握简笔画和阴影的处理,这样处理的画面技巧,对于自己的UI作品设计也是非常有帮助的。

4、多收集UI作品。对于自己灵感的创作也是有帮助的,而且可以通过学习前辈们的设计理念,融合自己的想法,对于自己UI设计的水平提升也会有很大的帮助。

5、多参加一些网上公开课的学习。现在互联网有很多免费的UI教程,可以通过这些公开的教程学习,也能够帮助自己系统的掌握UI设计的技巧。

6、锻炼自己的发散思维。UI设计更多的是在自己的设计理念,创意才是他们成名的灵魂,因此,可以不断地锻炼自己的发散思维能力,这样对于UI设计也会有很大的帮助。

7、作为一个UI设计新手来说,就需要静下心来,多和大佬们沟通学习,不断地积累创作灵感和作品,通过细节的处理去打动自己的客户,做UI设计切不可过于急躁,这样就很难成就一个很好的作品。