1、Bootstrap – 最流行的Web前端UI框架
2、jQuery UI - 基于jQuery的开源Javascript框架
3、jQuery UI Bootstrap
4、BootMetro - Metro风格的CSS框架
5、Flat UI - 扁平风格 UI 工具包
6、网易CSS框架 NEC
7、Alloy UI – 功能强大的CSS UI框架
8、Cardinal – 移动端的CSS UI框架
9、快速开发CSS的框架 CSScaffold
10、后台UI开发框架 MuseUI
UI设计的主要工作内容UI设计的分类：
用户界面设计又分为三个职位，分别是用户体验设计师、交互设计师和界面设计师。我们常说的学UI设计或做UI设计，一般都指GUI界面设计师。GUI设计师的日常工作就是界面设计、图标设计、切图和标注。所用工具为PS、AI、AE、C4D（非必需）等，还有切图和标注的一些插件或软件。GUI设计师的就业方向分为主题UI设计师和APP UI设计师。
APP UI自然就是手机软件界面设计，我们平日所用的微信、QQ、淘宝、支付宝等这些全都属于APP，他们的界面自然也都是UI设计师所设计的。手机应用种类繁多，安卓和苹果商城几乎都有数十万甚至百万个，这自然就需要大量的UI设计师了。
ID（交互设计师）一般的工作是设计、绘制原型图，它对逻辑处理能力和页面布局能力要求较高，很多工业设计出身的人比较适合这个行业。
UE（用户体验设计师）这个职位一般只有中大型公司才有，顾名思义，它主要是研究用户体验的，用户的行为，情感，使用感受、使用过程等所有方面都需要进行研究，心理学专业出身的人可以考虑这个行业。
UI设计的工作内容：
具还包括：可用性分析、GUI（Graphic User Interface即图形用户界面设计、用户测试等。好的UI设计不只是让软件变得有个性有品味而已，更重要的是让软件的操作变得舒适、简单、易用，并且充分体现软件的定位和特点。
UI设计师的工作流程：
1、在设计之前，首先需要产品经理确定好客户或者老板的需求。
2、确定需求之后，产品经理会做具体的说明，让交互、UI、开发、测试明确产品需求，明确项目的具体细节。
3、设计组内部会议、界面风格确定。这个时候需要确定一个设计负责人。设计负责人会给同事做具体的工作安排，线框图标、版式设计等都有具体的分配。
4、分工已经明确，进行具体设计工作。
5、标注图、效果图、切图。这个步骤，产品经理会进行把关。
6、开发完成，进行最后的测试。测试工程师会对开发出来的产品进行测试，看看有没有疏漏，有没有错误，当测试和调试完成，上线，就完成了整个开发的流程。
现在企业对于UI设计师的需求也越来越多，之前只会一个单一的移动端APP界面设计都能找到一份很不错的工作，但是现在企业需要变多所以我们需要学习的内容也增多了，之后就得学习运营设计，网页界面设计，交互动效设计，小程序设计，插画设计等等。
如果是现在只会一个移动端APP设计找工作就比较难的，所以我们就需要不断的学习，充实自己，提升自己的能力，不然很容易就被这个社会淘汰了。
那么我们接下来了解一下现在学习UI设计需要会哪些设计能力？
我们第一个要掌握的能力就是软件技法能力
我们在学习UI设计的过程当中，需要学习到很多知识，比如 PS，AI，AE，XD，ARP，C4D，蓝湖，默刀软件，这些都是一名UI设计必需要掌握好的软件。而学习到这些软件，可以通过视视频，书籍，网站等多种方法学习。
工欲善其事必先利其器，从这个阶段开始，觉得先学习软件工具了，一般UI设计要学习有以下8款软件（PS，AI，AE，XD，ARP，C4D，蓝湖，默刀软件）那么这几款软件在UI设计工作是负责什么的呢？
PS：PS软件在UI设计工作中主要来用做UI设计界面设计、图标设计、图片处理的
AI：AI软件在UI设计工作中主要用来做UI界面设计、图标设计、字体设计、插画设计的
AE：AE软件在UI设计工作中主要用来做动效设计的
XD：XD或者sketch软件，Sketch（只能在苹果电脑上安装）XD软件可以在双系统上安装
Sketch和XD这两款软件功能是差不多的，XD的话是一款非常适合做UI设计工作，XD做图会非常快，因为XD的工具特别少，里面的工具是专门为做UI设计工作开发的一款软件，而且XD软件特别小，不会卡。
ARP：ARP或者默刀软件，ARP和默刀软件功能差不多二选一学习就可以了，这两款软件都是做原型设计的
UI设计是由很多很多界面组成的，这些界面每一步之间去交接的这个界面，如果说我们只做一个界面，UI设计师是可以做出来的，但是要做几十个上面个界面，如果我们一个个做是肯定会出问题的，所以需要先制作原型，我们根据原型再制作界面，这就是我们的前后联系，原型是不用做这个颜色，图标，细节的，只需搭建一个基础的版式就行，这个就是我们用ARP或者默刀软件做的。
C4D：C4D软件在UI设计工作中主要用来做建模的
蓝湖：蓝湖软件在UI设计工作中主要用来做标注设计的
就是我们做好了页面，这个页面的高底，宽度，包括页面的色值我们都需要标注出来，为什么需要标注呢，因为我们做的图，做完之后他就是张图片，这个图片我们用手机是点不了的，我们手机APP上的那些图之所以能点，那是因为有程序猿做了一个二次开发，这个东西我们不用懂，但是我们要标注出来，标注出来让程序猿知道你的颜色，你的色值，你的尺寸到时是多少，他才能开发出来。
那么除了软件技法之外我们还需要会哪能力？
我们可以用软件做一些图，但是呢软件只是个工具，我们还需要会设计
设计包含了：图标设计，界面设计，动效设计，交互设计，运营设计，插画设计，平面设计，作品集设计，小程序设计
图标设计：手机及电脑上的界面里面的图标
界面设计：手机APP界面和电脑上的界面
动效设计：动效设计可能很多人没有留意过，但是动效设计是非常非常重要的，只要是页面切换效果都属于动效设计
交互设计：交互设计要做的就是原型图设计
UI设计师的职业发展：
设计学完后就业方向非常广，除了美工，可以做webUI设计师、移动端UI设计师、平面设计师、产品经理等很多方向。图形设计师，它不仅仅是单纯意义上的美术工人，而是了解软件产品、致力于提高软件用户体验的产品外形设计师，例如工业外形设计、装潢设计、信息多媒体设计等；交互设计师，设计软件的操作流程、树状结构、软件的结构与操作规范等；用户测试/研究工程师，主要测试交互设计的合理性以及图形设计的美观性，通常采用户外问卷的形式来衡量UI设计的合理性。所以，学习UI设计就业方向非常广，可以给子自己很多不同的工作选择。
总之，UI设计师的主要工作内容就是设计出能够满足用户需求的界面设计。这需要设计师既要有扎实的设计功底，又要懂得一些基础的软件开发知识，和前端知识等等。因此传统的设计师比较起来，UI设计师在当今社会需求量更大。
其实没什么关系，css是web中的一种控制内容的表现形式，就是控制的html标签的位置，大小，颜色等，ui就是用户界面，就是画图，在web中ui的图画好后，经过切割，然后写css，就可以制作一个html的页面了，有的公司这个工作是一个人做的，叫美工，有的公司就分开，美工负责css，UI只负责画图
