2021-01-29 13:05发布
比如layui、Bootstrap、AUI、Amaze UI、Frozen UI等
1、Aliceui
Aliceui是支付宝的样式解决方案，是一套精选的基于 spm 生态圈的样式模块集合，是 Arale 的子集，也是一套模块化的样式命名和组织规范，是写 CSS 的更好方式。
gitHub地址：https://github.com/aliceui/aliceui.github.io
2、Amazeui
Amaze UI 是一个轻量级、 Mobile first 的前端框架, 基于开源社区流行前端框架编写的。
地址：http://amazeui.org/
3、sui
SUI是一套基于bootstrap开发的前端组件库，同时她也是一套设计规范。 通过SUI，可以非常方便的设计和实现精美的页面。
地址：http://sui.taobao.org/
同时sui还有移动端版本msui，msui是阿里巴巴共享业务事业部UED团队的作品。目的是为了手机H5页面提供一个常用的组件库，减少重复工作。
地址：http://m.sui.taobao.org/
layui
layui（谐音：类UI) 是一款采用自身模块规范编写的前端 UI 框架，遵循原生 HTML/CSS/JS 的书写与组织形式，门槛极低，拿来即用。其外在极简，却又不失饱满的内在，体积轻盈，组件丰盈，从核心代码到 API 的每一处细节都经过精心雕琢，非常适合界面的快速开发。layui 首个版本发布于2016年金秋，她区别于那些基于 MVVM 底层的 UI 框架，却并非逆道而行，而是信奉返璞归真之道。准确地说，她更多是为服务端程序员量身定做，你无需涉足各种前端工具的复杂配置，只需面对浏览器本身，让一切你所需要的元素与交互，从这里信手拈来。
Bootstrap
首先说 Bootstrap，估计你也猜到会先说或者一定会有这个( 呵呵了 )，这是说明它的强大之处，拥有框架一壁江山的势气。自己刚入道的时候本着代码任何一个字母都得自己敲出来挡我者废的决心，来让自己成长。结果受到周围各种基友的引诱开始了 Bootstrap 旅程。本人虽然是个设计+前端的万里有一的人才，但是老天只让我会用 PS 和各种设计工具却不给我跟设计妹子一样的审美，所以这也是我最初选择 Bootstrap 的原因之一，它让我做出来的东西好歹能在妹子面前装个逼，不过时间长了难免觉得 Bootstrap 美的让人烦躁， 但好在它的每个版本都会有很大的改变，不会让人觉得自己做的网站会跟很多网站撞脸。Bootstrap 的用法及其简单( 这也可能就是 Bootstrap 作者阅攻城士无数，了解他们痛的结果 )，以至于是个小前端都可以快速上手，几乎没什么学习成本。
AUI
第三个是最近刚起来的AUI，虽然作者声称是专为APICloud开发者设计的一套UI框架，但实际它还是解决了很多移动前端开发的普遍问题，是主要面向混合开发的 CSS 框架。看起来作者比较猖狂，各种高级 CSS3 遍地使用，这让我也不得不去查查这些个 CSS3 的兼容性。不负众望果然选的都是兼容不错的属性，哈哈了一顿激动从前辈手上大胆认识了几个好东西，并且框架还提供了聊天界面、计数列表等组件，解决了很多复杂的布局.
Amaze UI
Amaze UI 框架，按照官方的话说就是 "基于社区开源项目构建的一个跨屏前端框架，以移动优先，从小屏到大屏，最终实现所有屏幕适配，适应移动互联潮流" 。但其实我就是看中它能解决国内浏览器存在的跨屏适配和兼容性问题。
Frozen UI
有段时间看到 QQ 瞬间高大上了，后来四处打听，原来 QQ 客服端也用了 混合开发，其中QQ会员前端用的是 Frozen UI，并且这套框架开源，初体验感觉基础样式效果简单色调清爽，有个比较活跃的社区所以组件什么的也比较丰富。
WeUIi
WeUI和同 FrozenUI都属于 差不多的 WeUi了，也是一个比较专一的框架，WeUI应该说比FrozenUI前者更专一，话说连个官网都不搞，所有答疑都在 gitHub Issues 解决了，这个框架极其简单，体积当然就不用说了，模块也就 7 个左右，不过体量虽然小做的却不错，口碑看 star 就够了，框架从 16/1/23 发版至今 github star 超过 7K,不过也不排除用户没地方发泄所以都跑到 git 上来。
SUI
“SUI 是一套基于bootstrap开发的前端组件库，同时它她也是一套设计规范。通过SUI，可以非常方便的设计和实现精美的页面”。
个人感受，有机会得话就直接先进大厂吧。如果没有机会也可以这样：前期可以先进入小型的公司：优点：自身成长较快，一般情况下，小型企业资金和人员都有限，这就需要你独挡一面，充分理解项目的全流程设计。可能短短两三个月你就脱胎换骨。管理更直接，没有中...
前端跟ui的话都有各自的一个发展，这个也说不好。
AE是做动效的软件，现在UI必须会动效设计。
UI设计现在的市场还是蛮不错的呢，需求量比较大，而且你还有一定的基础，比较好学的，建议选择大一点的机构，有一定的保障，可以实地考察一下
Sketch是可以做一些简单的抠图操作的
是的，UI主要是设计，会使用设计类软件就可以，不过会简单的前端代码，找工作会比较有有事的。
可以学，不过你之前没有接触过这个的话，你可能自学起来还是比较难得，最好还是去找个靠谱的培训机构，从入门开始学起
对于设计来说，创意想法是一方面，想到能否准确的表达出自己的想法又是一方面，就比如说有美术基础的会有更多的表现形式，常用到的技能有手绘，写实图标等，优势更多的体现在技能上。UI设计对于视觉表达只是其中的一个方面，只要是被广大用户认可接受的表达都...
首先来说平面设计，通常指的是线下生活中传达信息为主的视觉设计。也是我们常说的视觉传达设计。主要目的是将视觉作为沟通和表现的方式，更好地宣传品牌信息。在我们的日常生活中常见的有标识、出版物、平面广告、海报、广告牌、标志和产品包装。而网页设计则...
没有美术基础可以学习UI设计吗？关于这个问题，我在这里想要先给大家介绍下美术基础是指什么，UI当中需要的又是什么，很多人因为自己没有美术技术就害怕学不好等问题。那么我们首先要了解UI设计当中的美术基础指的是什么，UI设计中的美术基础主要是以素描手绘...
现在对UI设计师的要求，更多的是一种全能型人才，手绘、插画、交互、动效等什么都要会，十八般武艺，UI设计师得会十七成半。 投递简历的时候，你会在很多招聘UI设计师上的任职要求里看到会插画的，有一定手绘能力优先。UI设计中插画到底有多重要呢? 1，...
ps软件通常指的是 Adobe Photoshop，简称PS，是由 Adobe Systems 开发和发行的图像处理软件。Photoshop主要处理以像素所构成的数字图像。使用其众多的编修与绘图工具，可以有效地进行图片编辑工作。PS 有很多功能，在图像、图形、文字、视频、出版等各方面都...
矢量蒙板用矢量图形建立蒙板，以约束其下面一层图像的显示和隐藏，矢量蒙板只能用矢量工具（钢笔、自由钢笔、矢量图形）来编辑。图层蒙板通过像素来约束下面图层的显示和隐藏，可以通过像素工具（画笔，橡皮插等工具）画编辑。剪切蒙板则通其本身形状对下面图...
设计师在进行信息的编排与构建时，已经花了较多的时间与精力理解了产品的全部信息和信息之间的层级关系。但是，用户接收信息是从一些具体的信息片段开始，然后到另一个信息片段，他们需要将这些具体的信息补全成设计师脑海中的信息地图。设计师的信息地图是立...
作为一个设计师的最重要技能之一就是你要学习如何去选择排版。这是因为文本是设计师与用户沟通的主要方式之一。排版能成就你的设计，也能毁灭你的设计。一个美观又复杂的排版。有些人将他们全部的事业奉献在了排版上。值得庆幸的是，他们的工作是有据可查的，...
漂亮美观的设计作品，就是好的设计吗？当我在media上发表第一篇文章时，有一位读者问了我一个问题，引起了我的共鸣。她说评判设计的优劣是一种偏主观性的行为，她想知道，是否有人能够设计出一套能够辨别出优秀设计作品的准则。于是我生出了为什么我自己不试...
最多设置5个标签!
{var%20f='http://v.t.sina.com.cn/share/share.php?appkey=1515056452',u=z||d.location,p=['&url=',e(u),'&title=',e(t||d.title),'&source=',e(r),'&sourceUrl=',e(l),'&content=',c||'gb2312','&pic=',e(p||'')].join('');function%20a(){if(!window.open([f,p].join(''),'mb',['toolbar=0,status=0,resizable=1,width=440,height=430,left=',(s.width-440)/2,',top=',(s.height-430)/2].join('')))u.href=[f,p].join('');};if(/Firefox/.test(navigator.userAgent))setTimeout(a,0);else%20a();})(screen,document,encodeURIComponent,'','','/static/images/logo.png', '推荐 彭彭彭 的问题《有哪些常用的UI框架》','http://www.shouhuola.com/q-33411.html','页面编码gb2312|utf-8默认gb2312'));){kind=link}
比如layui、Bootstrap、AUI、Amaze UI、Frozen UI等
1、Aliceui
Aliceui是支付宝的样式解决方案，是一套精选的基于 spm 生态圈的样式模块集合，是 Arale 的子集，也是一套模块化的样式命名和组织规范，是写 CSS 的更好方式。
gitHub地址：https://github.com/aliceui/aliceui.github.io
2、Amazeui
Amaze UI 是一个轻量级、 Mobile first 的前端框架, 基于开源社区流行前端框架编写的。
地址：http://amazeui.org/
3、sui
SUI是一套基于bootstrap开发的前端组件库，同时她也是一套设计规范。 通过SUI，可以非常方便的设计和实现精美的页面。
地址：http://sui.taobao.org/
同时sui还有移动端版本msui，msui是阿里巴巴共享业务事业部UED团队的作品。目的是为了手机H5页面提供一个常用的组件库，减少重复工作。
地址：http://m.sui.taobao.org/
layui
layui（谐音：类UI) 是一款采用自身模块规范编写的前端 UI 框架，遵循原生 HTML/CSS/JS 的书写与组织形式，门槛极低，拿来即用。其外在极简，却又不失饱满的内在，体积轻盈，组件丰盈，从核心代码到 API 的每一处细节都经过精心雕琢，非常适合界面的快速开发。layui 首个版本发布于2016年金秋，她区别于那些基于 MVVM 底层的 UI 框架，却并非逆道而行，而是信奉返璞归真之道。准确地说，她更多是为服务端程序员量身定做，你无需涉足各种前端工具的复杂配置，只需面对浏览器本身，让一切你所需要的元素与交互，从这里信手拈来。
Bootstrap
首先说 Bootstrap，估计你也猜到会先说或者一定会有这个( 呵呵了 )，这是说明它的强大之处，拥有框架一壁江山的势气。自己刚入道的时候本着代码任何一个字母都得自己敲出来挡我者废的决心，来让自己成长。结果受到周围各种基友的引诱开始了 Bootstrap 旅程。本人虽然是个设计+前端的万里有一的人才，但是老天只让我会用 PS 和各种设计工具却不给我跟设计妹子一样的审美，所以这也是我最初选择 Bootstrap 的原因之一，它让我做出来的东西好歹能在妹子面前装个逼，不过时间长了难免觉得 Bootstrap 美的让人烦躁， 但好在它的每个版本都会有很大的改变，不会让人觉得自己做的网站会跟很多网站撞脸。Bootstrap 的用法及其简单( 这也可能就是 Bootstrap 作者阅攻城士无数，了解他们痛的结果 )，以至于是个小前端都可以快速上手，几乎没什么学习成本。
AUI
第三个是最近刚起来的AUI，虽然作者声称是专为APICloud开发者设计的一套UI框架，但实际它还是解决了很多移动前端开发的普遍问题，是主要面向混合开发的 CSS 框架。看起来作者比较猖狂，各种高级 CSS3 遍地使用，这让我也不得不去查查这些个 CSS3 的兼容性。不负众望果然选的都是兼容不错的属性，哈哈了一顿激动从前辈手上大胆认识了几个好东西，并且框架还提供了聊天界面、计数列表等组件，解决了很多复杂的布局.
Amaze UI
Amaze UI 框架，按照官方的话说就是 "基于社区开源项目构建的一个跨屏前端框架，以移动优先，从小屏到大屏，最终实现所有屏幕适配，适应移动互联潮流" 。但其实我就是看中它能解决国内浏览器存在的跨屏适配和兼容性问题。
Frozen UI
有段时间看到 QQ 瞬间高大上了，后来四处打听，原来 QQ 客服端也用了 混合开发，其中QQ会员前端用的是 Frozen UI，并且这套框架开源，初体验感觉基础样式效果简单色调清爽，有个比较活跃的社区所以组件什么的也比较丰富。
WeUIi
WeUI和同 FrozenUI都属于 差不多的 WeUi了，也是一个比较专一的框架，WeUI应该说比FrozenUI前者更专一，话说连个官网都不搞，所有答疑都在 gitHub Issues 解决了，这个框架极其简单，体积当然就不用说了，模块也就 7 个左右，不过体量虽然小做的却不错，口碑看 star 就够了，框架从 16/1/23 发版至今 github star 超过 7K,不过也不排除用户没地方发泄所以都跑到 git 上来。
SUI
“SUI 是一套基于bootstrap开发的前端组件库，同时它她也是一套设计规范。通过SUI，可以非常方便的设计和实现精美的页面”。
相关问题推荐
个人感受，有机会得话就直接先进大厂吧。如果没有机会也可以这样：前期可以先进入小型的公司：优点：自身成长较快，一般情况下，小型企业资金和人员都有限，这就需要你独挡一面，充分理解项目的全流程设计。可能短短两三个月你就脱胎换骨。管理更直接，没有中...
前端跟ui的话都有各自的一个发展，这个也说不好。
AE是做动效的软件，现在UI必须会动效设计。
UI设计现在的市场还是蛮不错的呢，需求量比较大，而且你还有一定的基础，比较好学的，建议选择大一点的机构，有一定的保障，可以实地考察一下
Sketch是可以做一些简单的抠图操作的
是的，UI主要是设计，会使用设计类软件就可以，不过会简单的前端代码，找工作会比较有有事的。
可以学，不过你之前没有接触过这个的话，你可能自学起来还是比较难得，最好还是去找个靠谱的培训机构，从入门开始学起
对于设计来说，创意想法是一方面，想到能否准确的表达出自己的想法又是一方面，就比如说有美术基础的会有更多的表现形式，常用到的技能有手绘，写实图标等，优势更多的体现在技能上。UI设计对于视觉表达只是其中的一个方面，只要是被广大用户认可接受的表达都...
首先来说平面设计，通常指的是线下生活中传达信息为主的视觉设计。也是我们常说的视觉传达设计。主要目的是将视觉作为沟通和表现的方式，更好地宣传品牌信息。在我们的日常生活中常见的有标识、出版物、平面广告、海报、广告牌、标志和产品包装。而网页设计则...
没有美术基础可以学习UI设计吗？关于这个问题，我在这里想要先给大家介绍下美术基础是指什么，UI当中需要的又是什么，很多人因为自己没有美术技术就害怕学不好等问题。那么我们首先要了解UI设计当中的美术基础指的是什么，UI设计中的美术基础主要是以素描手绘...
现在对UI设计师的要求，更多的是一种全能型人才，手绘、插画、交互、动效等什么都要会，十八般武艺，UI设计师得会十七成半。 投递简历的时候，你会在很多招聘UI设计师上的任职要求里看到会插画的，有一定手绘能力优先。UI设计中插画到底有多重要呢? 1，...
ps软件通常指的是 Adobe Photoshop，简称PS，是由 Adobe Systems 开发和发行的图像处理软件。Photoshop主要处理以像素所构成的数字图像。使用其众多的编修与绘图工具，可以有效地进行图片编辑工作。PS 有很多功能，在图像、图形、文字、视频、出版等各方面都...
矢量蒙板用矢量图形建立蒙板，以约束其下面一层图像的显示和隐藏，矢量蒙板只能用矢量工具（钢笔、自由钢笔、矢量图形）来编辑。图层蒙板通过像素来约束下面图层的显示和隐藏，可以通过像素工具（画笔，橡皮插等工具）画编辑。剪切蒙板则通其本身形状对下面图...
设计师在进行信息的编排与构建时，已经花了较多的时间与精力理解了产品的全部信息和信息之间的层级关系。但是，用户接收信息是从一些具体的信息片段开始，然后到另一个信息片段，他们需要将这些具体的信息补全成设计师脑海中的信息地图。设计师的信息地图是立...
作为一个设计师的最重要技能之一就是你要学习如何去选择排版。这是因为文本是设计师与用户沟通的主要方式之一。排版能成就你的设计，也能毁灭你的设计。一个美观又复杂的排版。有些人将他们全部的事业奉献在了排版上。值得庆幸的是，他们的工作是有据可查的，...
漂亮美观的设计作品，就是好的设计吗？当我在media上发表第一篇文章时，有一位读者问了我一个问题，引起了我的共鸣。她说评判设计的优劣是一种偏主观性的行为，她想知道，是否有人能够设计出一套能够辨别出优秀设计作品的准则。于是我生出了为什么我自己不试...