什么是UI和UI框架

文章摘要：什么是UI和UI框架

UI是指人与信息交互的媒介，开发它的时候，要充分利用它的框架，那么它有哪些框架呢?下面小编给大家介绍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–ResponsiveAdminTemplate当前最新版!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、Frozenui是一个开源的简单易用，轻量快捷的移动端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设计切不可过于急躁，这样就很难成就一个很好的作品。