ui框架和js框架的区别

文章摘要：ui框架和js框架的区别

想要成为一名ui开发工程师，它的框架是必须掌握的知识，那么它有哪些框架呢?下面小编给大家介绍ui框架有哪些，一 […]

想要成为一名ui开发工程师，它的框架是必须掌握的知识，那么它有哪些框架呢?下面小编给大家介绍ui框架有哪些，一起来看看吧。

ui框架介绍

1、Bootstrap。通过它优秀的栅栏系统，很好的实现了响应式布局。Bootstrap还提供了时尚的排版样式、表单、buttons、表格、轮播等等。

2、jQuery UI。继承jQuery 简易使用特性，提供高度抽象接口，短期改善网站易用性。同时，jQueryUI采用MIT & GPL双协议授权，轻松满足自由产品至企业产品各种授权需求。

3、Pure。较大的特点就是框架基于纯CSS，无任何JavaScript代码，渲染速度比较快。

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

5、Ace。特点就是拥有丰富的组件。集成了很多经典的jquery插件，如zTree、dropzone等。很好的满足后台管理的各种需求。

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

ui设计要掌握的基础知识

一、技术和知识基础。对于UI设计师而言，专业的设计知识和技内能是非常重要的，容因为如果你连基本的设计能力都不具备，你就很难在这个行业生存，更不要提做出优秀的UI设计作品了。因此设计师需要不断提升个人的UI设计技能，不断提升自己的价值。

二、平台的设计规则。基本上每个平台都有属于他们自身的设计规则，在移动端每款机型分辨率、状态栏高度、导航栏高度、图标尺寸、字体、颜色值也都有严格的规定，所以我们也要严格按照这些规则去设计，使自己的设计能够更好地展现在用户眼前。

三、沟通和理解能力。设计师在日常工作中需要与他人进行较多的沟通，如果你不能够很好地理解客户的需求，那你设计出来的作品就很难得到客户的认可。因此设计师要能读懂产品文档、快速分析需求，定位出风格、色调，并且迅速把产品需求视觉化。

ui设计师应该学会的软件

(一)Photoshop。位图软件，专长图像处理，功能齐全，强大的图层样式、修图工具、滤镜等。

(二)Illustrator。矢量图形软件，主要负责界面中的一些图标设计，可处理很复杂的图形路径。

(三)Sketch。轻量级矢量设计工具，只支持mac。

(四)Principle。高效的输出设计原型软件，动画效果的制作是强项。

(五)Axure。在UI中主要负责做交互原型图。

(六)Xmind。头脑风暴，做思维导图。

(七)Cinma 4D。3D软件，可以做字体模型。

(八)After Effects。视频软件，可做ui中的小动效