UI的常用工具有哪些

1KendoUI

KendoUI是Telerik开发的基于jQueryHTML5的UI框架，开发面向桌面、移动设备的应用程序。

2Web，KendoUIMobile和KendoUI

DataViz三个版本。它包含了大量UI组件、丰富的数据可视化框架、一个自适应移动框架，app开发所需的所有工具，如数据绑定、模板、拖放API等等。

3MOQUPS

这个工具可创建出非常惊人的HTML5app，具有高保真、独立分辨率的SVG模型和线框。

4Webflow

Webflow可以让你直接在浏览器上创建交互式布局和像素完美的设计元素，并且不用编写一行代码！

5JetStrap

这是一个完全基于Web的界面设计工具，JetStrap号称不仅仅是一个模型工具，它是针对BOOTSTRAP3中最顶尖的界面开发工具。

6NetAdvantageICONS

这个图标库是著名界面控件开发商infragistics提供的，它分类齐全、系统，可以为用户界面添加各种专业的、充满艺术格调的图标，使用后为界面外观增色不少。难得的是这些图标即插即用， *** 作非常方便！

7UIParde

这是一个在线设计工具，你可以用它设计按钮、菜单、图表和功能区，设计好后可以一键生成HTML或CSS代码，生成的图标还可以直接导出PNG格式的。总之，这款UI设计工具不要求你有多么丰富的代码知识。

8FluidUI

FluidUI是目前最快的移动app原型设计工具，它可以在移动设备上测试各种低保真和高保真的app模型，帮助你以最快的速度收集app需求，节约时间和金钱。

9SkinCrafter

这是一个非常强大的自定义皮肤库，可以作为ActiveX控件或者NET(x86+x64)控件使用的GUI设计工具。它支持所有常见语言如VB，C#,VBNET(x86+x64),MSVisualC++,MSVisualBasic,BorlandDelphi,CA-VisualObjects,RapidEuphoria等。

10UIFaces

非常好用的示例创建工具：因为在使用mp3过程中，设置了“单曲循环”这个选项。

现在的mp3有两种概念：

1：手机上软件mp3播放器。

2：mp3播放机。

mp3播放机修改该设置的 *** 作方法：在播放状态下按"m“键选择循环播放、顺序播放或浏览播放即可。

注意：是在播放状态下按m键，如果在暂停模式下按m键会出现文件浏览、文件删除等选项，请注意细心观察然后再 *** 作，避免误删除文件。常用的几个软件分别是Photoshop、Illustrator、fireworks、coredraw等sketchps蓝湖都是常用的PS、Sketch、XD：用于设计

蓝湖：管理设计图、自动标注切图、协作

AE：制作动效Photoshop

不管是简单的平面设计还是高深的UI设计PS是常用也是应用很广的软件，其他的软件不会，这个就需要你掌握了，这个是入门UI的必要工具。Photoshop并非一个单纯的图像编辑软件，它的应用领域涉及图像、图形、文字、视频、出版等各个方面，非常广泛。它常见的应用主要有：平面设计、修复照片、广告摄影、影像创意、艺术。

AdobeIllustrator

有些设计师乐意用它，同时也有一些效果的实现上AI比PS要快。用AI做UI的关键在于，首先要明白AI做设计做的是哪些东西。对于USERINTERFACE重要的一个方面就是对于ICON的设计，其次才是界面的设计，在设计的过程中，首先要对于交互界面做一个了解，懂得分析界面的具体设计流程。

AdobeAfterEffects

作为一款图形和视频处理软件，AE可以对多层的合成图像进行控制，制作出天衣无缝的合成效果，一般适用于一些动画和特效。包括电视台、动画制作公司、个人后期制作工作室以及多媒体工作室，属于层类型后期软件。

Sketch

现在很火的一款软件，一大特点就是快，用Sketch好像没有冷启动时间一样，是一款素描绘画类的软件，有一些公司要求作图用这个软件。软件都是相通的，如果很好的掌握PS,上手这个也是很快的。Sketch它决不是简单地针对UI设计开发特别的功能、去掉不太用的功能，而是在基本的 *** 作层次上给UI设计师带来了得更好地体验。

Axure

是一个专业的原型设计工具，做原型图用的，一般产品经理常用。

身为UI设计师掌握好上面五种软件，才会让你的UI设计之路走得更远更好。

UI栏类一共包含5种,分别为:状态栏 (Status Bar)、导航栏(Navigation Bar)、工具栏(Tool Bar)、搜索栏(Search Bar)和范围栏(Scope Bar)。

10大html5前端框架

1、Bootstrap

首先说Bootstrap，估计你也猜到会先说或者一定会有这个(呵呵了)，这是说明它的强大之处，拥有框架一壁江山的势气。自己刚入道的时候本着代码任何一个字母都得自己敲出来挡我者废的决心，来让自己成长。结果受到周围各种基友的引诱开始了Bootstrap旅程。本人虽然是个设计前端的万里有一的人才，但是老天只让我会用PS和各种设计工具却不给我跟设计妹子一样的审美，所以这也是我最初选择Bootstrap的原因之一，它让我做出来的东西好歹能在妹子面前装个逼，不过时间长了难免觉得Bootstrap美的让人烦躁，但好在它的每个版本都会有很大的改变，不会让人觉得自己做的网站会跟很多网站撞脸。Bootstrap的用法及其简单(这也可能就是Bootstrap作者阅攻城士无数，了解他们痛的结果)，以至于是个小前端都可以快速上手，几乎没什么学习成本。

2、AUI

第三个是最近刚起来的AUI，虽然作者声称是专为APICloud开发者设计的一套UI框架，但实际它还是解决了很多移动前端开发的普遍问题，是主要面向混合开发的CSS框架。看起来作者比较猖狂，各种高级CSS3遍地使用，这让我也不得不去查查这些个CSS3的兼容性。不负众望果然选的都是兼容不错的属性，哈哈了一顿激动从前辈手上大胆认识了几个好东西，并且框架还提供了聊天界面、计数列表等组件，解决了很多复杂的让我骂娘的布局，现在可以直接拿走就用。

3、AmazeUI

第二个介绍的是妹子UI，最初使用它是因为本尊遇到了一个爱纠结细节设计士，有一次她跟我的字体较上真了，结果一句顶万句的BOOS夸了她，我只好根据她的想法去解决，结果最后找到了AmazeUI框架(我不介意你叫我懒*)，按照官方的话说就是"基于社区开源项目构建的一个跨屏前端框架，以移动优先，从小屏到大屏，最终实现所有屏幕适配，适应移动互联潮流"。但其实我就是看中它能解决国内浏览器存在的跨屏适配和兼容性问题。

4、FrozenUI

有段时间看到QQ瞬间高大上了，后来四处打听，原来QQ客服端也用了混合开发，其中QQ会员前端用的是FrozenUI，并且这套框架开源，欣喜若狂耐不住心里的寂寞直接上手试了一遍，初体验感觉基础样式效果简单色调清爽，有个比较活跃的社区所以组件什么的也比较丰富。

5、FrozenUI

第三个是FrozenUI，有段时间看到QQ瞬间高大上了，后来四处打听，原来QQ客服端也用了HTML混合开发，其中QQ会员前端就是用的FrozenUI，并且这套框架开源，欣喜若狂耐不住心里的寂寞直接上手三下五除二试了一遍就开始试用，初体验的就是基础样式效果简单色调清爽，有个比较活跃的社区所以组件什么的也比较丰富。

6、WeUIi

第四个是WeUI和同FrozenUI都属于差不多的WeUi了，也是一个比较专一的框架，WeUI应该说比FrozenUI前者更专一，话说连个官网都不搞，所有答疑都在gitHubIssues解决了，这个框架极其简单，体积当然就不用说了，模块也就7个左右，不过体量虽然小做的却不错，口碑看star就够了，框架从16/1/23发版至今githubstar超过7K,不过也不排除用户没地方发泄所以都跑到git上来，哈哈。

7、SUI

“SUI是一套基于bootstrap开发的前端组件库，同时它她也是一套设计规范。通过SUI，可以非常方便的设计和实现精美的页面”。果然还是直接引用官方给的枯燥无味广告要节省自己的脑细胞(_)，当然了就像广告说的，如果你之前用过Bootstrap，那么可以轻松转向SUI，这可能就是淘宝给前端_丝们的福利了。

8、AUI

第六个是最近刚起来的最近刚起来的AUI，虽然作者声称是专为APICloud开发者设计的一套UI框架，但实际它还是解决了很多移动前端开发的普遍问题，是它主要面向混合开发的CSS框架。，所以看起来作者比较猖狂，各种高级CSS3遍地使用，这也使得我不得不去查查这些个CSS3的兼容性。不负众望果然选的都是兼容不错的属性，哈哈了一顿激动从前辈手上大胆认识了几个好东西，并且框架还提供了聊天界面、计数列表等组件，解决了很多复杂的让我骂娘的布局，现在可以直接拿走就用。

9、MUI

曾经一直使用Android系统的我，后来见到IOS，果断移情别恋了，不知道为什么苹果每次调整系统我都特别喜欢，后来一段时间因为缺设计我专门模仿IOS系统做UI，但始终不能够做到很好，无意间就发现了MUI这个框架，这个框架给我的吸引之处就是它的UI是以IOS为主体设计的，当然它也补充了android特有UI样式。并且MUI官方声称用来开发深入以后发现拿它做APP还能够提高用户使用流畅度，然后便试着更深入的了解和使用一段时间。

10、SemanticUI

倒数第三个是SemanticUI，接触这个框架还是因为Bootstrap，SemanticUI刚上线github就受到大量开发者的关注，以至于很多人拿它俩对比各种挑刺各种夸，是好是坏不能单凭别人三句四句就抬起手指开始赞，用了以后感觉UI上跟Bootstrap没太多的区别，不过代码命名规范上却相差甚大，本人认为SemanticUI是不是就想做的不一样，它的命名全是采用复合的方式，类名特别的离散，用的时候你得很小心自己扩展或者新增的class命名与它的类名冲突。

Foundation

Foundation算是框架界的元老啦，都说框架去的早，而这个框架一直到现在依然这么的热门，如果你比较介意Bootstrap开发撞脸的尴尬事情，那么你可以考虑使用Foundation。即使你使用预定义的UI元素,也不会与其他网站太像，就像官方说的给开发者更灵活的框架体验。

UiKit

UIkit是YOOtheme团队开发的，在许多WordPress主题中都有应用(也就是如果你是个WordPress爱好者，那么这个框架应该比较适合深究)，并且框架能够通过GUI编辑器和手动编辑，所以它提供了一个灵活、强大的自定义机制。框架借助LESS、jQuery、normalizecss及FontAwesome开源项目的独有特点，整合成了这么一款轻量级、模块化的前端框架。

Pure

终于最后一个了，我和你一样好开森(～￣_￣)～)，这个框架是我在做管理系统时接触的，选择使用也是因为框架小巧，并且是纯CSS，没有太多的牵扯，好用来与其他框架快速结合使用。

ui怎么进行框架设计。一般ui设计师是指交互设计师，而在这个行业里，交互设计师的工作就是进行产品的线框图绘制。线框图对于视觉设计师的功用，当然不仅起到协调配合的作用，而且还起到分割视觉设计层次、控制元素和有效引导浏览的作用。当然有些设计师只是在一个设计软件里进行设计和配合，设计中的元素没有一个一个的进行配置，这就造成了界面看上去杂乱无章，缺乏层次，这样的界面是很难给人带来愉悦的感觉的。但如果要做出优秀的设计，那是基础，当然也包括配色方面，这是基础。

以上就是关于UI的常用工具有哪些全部的内容，包括:UI的常用工具有哪些、移动UI界面的框架包括哪些工具栏、当前网站开发较成熟的ui组件有哪些_前端ui组件开发等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！