ui原型设计工具
XDeer（天来鹿）是一款在线自协同设计软件，支持云端存储、实时预览、多角色协同、快速分享、同步生成前端代码等功能，让用户与产品无缝连接，需求高效转化为可运行的产品。
推荐使用XDeer（www.xdeer.cn）。
2. UI设计需要学习用到哪些软件
你好，一般不需要学太多软件，就目前来说UI设计师掌握了这4款软件就基本可以胜任这个工作了。一般就是PS，AI，AE，ARP会这个四款软件就基本够了，像大公司会这4款软件也足够，其中PS和AI使用的最多。
我们在学习UI设计的过程当中，需要学习到很多知识，比如软件 PS、 AI 、AE、ARP这些都是一名UI设计必需要掌握好的软件。
工欲善其事必先利其器，那么这几款软件在UI设计工作是负责什么的呢？PS—UI界面世界设计-70%； AI-更多是UI图标设计—15%； AE-交互动效设计-5%； AXUER-交互原型图设计-10%
PS可以在UI设计中，绘制界面设计，图标设计等。ps有很多功能，在图像、图形、文字、视频、出版等各方面都有涉及.Adobe家族的顶梁设计软件、想从事设计工作，PS软件一定要精通，PS的强大，只有你想不到没有它做不出的图。
在UI设计中AI软件主要用来绘制图标，界面等设计。AI是出版、多媒体和在线图像的工业标准矢量插画软件。 AI可以用来从事，平面设计，网页设计，UI设计等多种设计工作。
在UI设计中AE主要用制作交互动效图。AE可以用来从事影视后期， 平面设计，UI设计等多种设计工作。
在UI设计中ARP主要用制作交互原型图。Axure RP的使用者主要包括商业分析师、信息架构师、可用性专家、产品经理、IT咨询师、用户体验设计师、交互设计师、界面设计师等。
当然，除了这款软件外，其他的软件，如3dmax、CorelDRAW、Sketch、Html5、CSS3等也是多少需要接触一些的。
当然，软件只是一个工具，千万不要觉得会了软件就会了设计，会了工具后还要学习理论知识加上真实的项目操作才能成为一个合格的设计师。学习UI前期一定要多问多听多练多总结，这样可以让自己少走很多弯路，可以节省很多成本，如果自己没有办法系统的学习，可以到云和数据问问UI培训老师也可以。
3. 比较好的游戏功能、UI原型设计工具有哪些
没有最好的产品，只有最适合的工具，个人使用习惯和喜好不同对产品原型工具评价也会有所偏差。现在主流的原型界面设计软件基本就那几款吧，比如Framer、Shireframe、v-proto，前几款对技术和入门还是有要求的，后者是国产，更符合国人使用习惯，而且零基础的人也能很好的使用。
4. 通过axure做原型设计生成的html代码可以让开发直接用吗
不可以，Axure 生成的只是原型，是在产品制定时供大家参考了解项目用的。
Axure输出的HTML文件不能直接用于前端代码开发，Axure为了模拟交互效果，使用了大量的JS，其中有很多是用不着的内容，前端代码需要完全重写。
Axure输出内容不能取代实际开发中的任何部分，只是为了提高沟通效率。
(4)ui原型设计工具扩展阅读：
Axure的特性
1.鼠标及键盘交互功能:
支持更多的新特性包括 OnDoubleClick（双击）, OnContextMenu (右击),OnMouseDown（鼠标按键按下）, OnMouseUp（鼠标按键松开）, OnMouseMove（鼠标指针移动）, OnMouseHover（鼠标指针经过）, OnLongClick (鼠标长按), OnKeyDown（键盘按键按下）, OnKeyUp（键盘按键松开）。
2.演示文档：
支持HTML5新特性，以及更好的支持手机演示特性。
3.新增部件样式控制：
Axure7对于部件修饰功能有较大的改善，包括支持圆角、阴影、描边等设置。
4.更细化的部件属性：
更为丰富的部件属性，可以设置各种形状、样式，较Axure RP 6.5单调的形状而言，也是一种惊喜。
5.更多交互条件：
包括关闭指定窗口、设置锚点以及更为灵活的事件触发条件，对于移动互联网产品原型设计有很大帮助。
5. UI设计需要学习用到哪些软件
UI设计是指对软件来的自人机交互、操作逻辑、界面美观的整体设计。一般UI设计会用到这些软件：①Photoshop；AI：全称Adobe Illustrator是一款多媒体在线图像和出版的工业标准矢量插画的软件。
②AE：是Adobe公司推出的一款图形视频处理软件，属于层类型后期软件。
③Axure：是负责定义规格和需求，界面与设计功能的专家能够快速创建应用软件和web网站的流程图、线框图、规格说明文档和原型的一个专业快速原型设计工具。
④Fireworks：是Adobe推出的一款网页作图软件。
⑤CorelDRAW：是Corel公司出品的矢量图形制作工具软件，这个图形工具给设计师提供了页面设计、矢量动画、位图编辑、网页动画和网站制作等多种功能。
⑥Flash：是macromedia公司推出的交互式矢量图和web动画的标准。
当然，你要注意的是，毕竟设计这个行业有自己的特殊性，你的软件操作能力绝对不等于你的设计能力，要想设计出好的产品，跟平时的积累是分不开的。要多多练习多多总结，平时看到好的素材要积累下来，希望你也可以成为一个优秀的设计师。
6. 有哪些好用的在线界面原型工具，且支持IE
十大界面原型与布局工具
作者夏梦竹
工具开发者原型设计
摘要：原型设计能起到有效沟通的作用，漂亮，直观的原型图更是让人赏心悦目。本文罗列了2013年最新的10大界面原型与布局工具以帮助设计师和开发者创建出更加优秀的产品。
创建网页或者程序不仅要关注主页的排版以及与主题想匹配的图片，还应注重视觉设计，这是因为它更能吸引用户进而提升搜索量。因此，项目开发首先需要确立良好的设计，创意是必不可少的。所以，项目经理、Web设计师、开发者在线框和原型工具方面需要具备一定的功底。
本文罗列了2013年最新的10大界面原型与布局工具以帮助设计师和开发者创建出更加优秀的产品。
1. Solidify
Solidify允许用户在模型、线框或者草图中获取原型图。此外，你还可以快速地查看屏幕界面原型。如果在桌面、计算机或者手机上运行Solidify还能轻易地测试出项目原型。如果你没有太多的时间花在这上面，你也可以共享给其他测试人员，随时随地获取反馈意见。
2. PowerMockup
专为设计师准备的PowerMockup在创建PowerPoint时为线框提供模板。包含各式各样的模板，包括菜单、表格、文本框、按钮和标签。当你在创建PPT时你可以轻易的将这些模板拖入使用。另外，用户还能在库中添加自己的条目，只需选择PPT的外形，然后点击“添加模板”标签，一款自定义的模板即可轻松创建。
3. Antetype
当你创建大型的且连续性的项目时，Antetype是最佳选择，这是因为它允许开发者创建一整套的构件库。该构件库可收集各小部件，在原型中方便易用。此外，每个小部件都有一定数量的定制和默认状态可单独或者同时进行编辑。
因此用户在编辑时无需使用不同的副本，Antetype可适应不同项目的需求。
4. UXPin
UXPin是为那些不擅长UX设计的开发者而开发的。经验丰富的UX设计师为UXPin提供了一整套的完整的工具包。
在UXPin上用户可以为自己的项目找到所需要的模板。他们通过上传UX和项目文件来获取模板，比如Project Canvas、Project Kick Off、Business Model Canvas、Personas等等。
此外，用户无需来回收发邮件，因为在这里任何项目都可在一起工作。UXPin旨在帮助项目经理开发适应任何一款分辨率和设备的响应式线框和原型。
5. QuirkTools
QuirkTools让网站创建更加简单和便捷。
利用QuirkTools构建Web应用可帮助用户创建属于自己的一款应用。Wires就是典型的例子，该应用帮助用户创建基于桌面、移动手机或平板电脑的线框模型。此外，QuirkTools还能让开发者与同事、客户共同协作打造最完美的设计。
6. Wireframe.cc
利用Wireframe.cc即可轻易的创建线框。Wireframe.cc支持有限的调色板和模板，以简洁为主。有两个模板供选择：移动手机和浏览器窗口，前者包含景色和垂直风格；后者则是纵向和横向风格。有了Wireframes.cc用户可清晰的看到整个创建过程。
7. Easel
Easel是一款基于浏览器的Web设计工具，允许用户记录模型和创意。其功能包括按钮、表和文本框。这款工具还集成了Twitter Bootstrap库贯穿其他额外的图标和颜色。此外，Easel 让用户在Web中设计保持最佳像素，用户可以使用先进的工具比如CSS3、Web字体，无需在浏览器和文本编辑器之间来回查看，告别繁琐的过程，轻松创建应用。
8. InVision
InVision让你以高水准的级别快速创建令人印象深刻的原型。利用这款工具，用户可在很短的时间内链接到UX草图、设计以及线框，还能与其他团队分享该项目。InVision使设计演示更加轻松方便，用户可以在项目中进行实际演示，在浏览器中加载或者以SMS形式连接到移动设备上。
该工具还支持追踪功能，让你轻松查看项目进度。
9. Proto.io
Proto.io这款工具完美适合设计师在触摸屏幕上的小工具。支持主流的移动触摸风格和手势，包括swipe、pinch、tap、zoom、tap-hold。此外，还能整合动画屏幕转换比如，幻灯片、旋转、流、翻转等等。
该工具不仅仅是为了生产先进的屏幕转换，还能允许用户学习和应用最基本的动画技能比如在原型创建中的移动、缩放、旋转等等。
10. POP
有了Prototyping on Paper (POP)创建iPhone原型不再是难事，其提供了一个传统的高科技线框技术。没有复杂的软件，所有的用户需要在纸上或者笔记本上绘画或绘制出线框。
该线框仅通过摄像头拍摄，利用POP确保草图能自动调节对比度和亮度，然后通过“链接点”连接到草图来设计模板。首先确保任何事情都在完美状态，用户只需点击“play”并模拟接口即可。
最后：
在设计网页或程序之前，需要把界面给“画”出来成为原型设计，就像动画片要画分镜头、手稿一样。原型设计能起到有效沟通的作用，漂亮，直观的原型图更是让人赏心悦目。有了这些工具，原型和线框变得更加简单和方便，即使是初学者也可设计自己的网站或者应用，赶紧尝鲜吧。
当然，原型工具还有很多很多，欢迎与我们分享。
7. ui设计需要什么软件
ui设计需要用到的软件很多，现列举一些ui设计常用的软件如下：
Photoshop、Adobe illustrator、Adobe After Effects、Axure RP、sketch。
（1）Photoshop主要处理以像素所构成的数字图像。使用其众多的编修与绘图工具，可以有效地进行图片编辑工作。ps有很多功能，在图像、图形、文字、视频、出版等各方面都有涉及。
（2）Adobe illustrator，常被称为“AI”，是一种应用于出版、多媒体和在线图像的工业标准矢量插画的软件。作为一款非常好的矢量图形处理工具，该软件主要应用于印刷出版、海报书籍排版、专业插画、多媒体图像处理和互联网页面的制作等，也可以为线稿提供较高的精度和控制，适合生产任何小型设计到大型的复杂项目。
（3）Adobe After Effects软件可以帮助您高效且精确地创建无数种引人注目的动态图形和震撼人心的视觉效果。利用与其他Adobe软件无与伦比的紧密集成和高度灵活的2D和3D合成，以及数百种预设的效果和动画，为您的电影、视频、DVD和Macromedia Flash作品增添令人耳目一新的效果。
（4）Axure RP是美国Axure Software Solution公司旗舰产品，是一个专业的快速原型设计工具，让负责定义需求和规格、设计功能和界面的专家能够快速创建应用软件或Web网站的线框图、流程图、原型和规格说明文档。作为专业的原型设计工具，它能快速、高效的创建原型，同时支持多人协作设计和版本控制管理。
（5）Sketch，即Sketch-A-Etch，是一款素描绘画类的软件，玩家需要旋转左右两个旋钮来控制面板上的画笔描绘出你想要的图像，并且可以给它们上色。
8. ui和画原型图的区别
一、主体不同
1、UI：是指对软件的人机交互、操作逻辑、界面美观的整体设计版。
2、原型图：是交权互设计师与PD、PM、网站开发工程师沟通的最好工具。
二、定位不同
1、UI：好的UI设计不仅是让软件变得有个性有品位，还要让软件的操作变得舒适简单、自由，充分体现软件的定位和特点。
2、原型图：设计在原则上必须是交互设计师的产物，交互设计以用户为中心的理念会贯穿整个产品。利用交互设计师专业的眼光与经验直接导致该产品的可用性。
三、作用不同
1、UI：在UI设计过程中，需求设计角色会确定软件的目标用户，获取最终用户和直接用户的需求。 用户交互要考虑到目标用户的不同引起的交互设计重点的不同。
2、原型图：系统分析员，用来了解用户界面如何影响系统分析；设计员，用来了解用户界面如何施加影响及它对系统“内部”的要求。
9. 提供几款界面原型设计软件
做界面设计如果没有好的工具进行辅助，那只会导致事倍而功半。下面推荐几款不错的界面原型设计软件：
界面原型图绘制工具 Pencil
Pencil 是一款开源的原型图绘制工具，手绘风格的，就像自己在纸上画的那样。Pencil 还可以用来绘制各种架构图和流程图，同时还提供 Firefox 的插件。
最后需要说的是，无论是推崇手绘，还是喜欢原型软件，做界面设计最重要的还是想法，工具只是用来帮助实现想法的。不必过于追求技术，也不必过于追求视觉表现，有时只需要专注于产品逻辑、页面交互、布局结构这些，其余的就交给美工。
10. 好用的UI设计工具有哪些求高手推荐
按UI的工作流程推荐一波：
一、项目前期准备：流程图工具-Visio
在正式进行UI界面设计之前，UI设计师需要对产品整体的流程进行思考。此阶段可以使用流程图软件Visio或XMind对需求的流程进行梳理，这会给后期的沟通减少很多不必要的麻烦。
二、原型设计工具-Mockplus
相比老牌原型工具Axure，Mockplus是一款简单、便捷的国产原型工具，可以快速将你的想法以线框图形式展现出来。软件内封装好了常用的一些组件及素材图标，拖出即可用，非常方便。同时Mockplus也支持多人协作设计 。
三、矢量绘图工具-AI
AI是目前最强大的矢量图绘制工具之一，主要应用于印刷出版、海报排版、专业插画、多媒体图像处理和互联网页面的制作等。支持任意形状渐变、全局编辑、自定义工具栏、裁切视图、内容识别裁剪等特色功能，非常实用。
四、划参考线工具-GuideGuide
GuideGuide是一款可以应用于PS、AI、Sketch及XD里面的划参考线插件，安装非常方便。此外，它支持一键生成参考线，也可针对画布或者自定义选区新建参考线等。
五、UI界面设计工具-Sketch
Sketch可以说是一款专为UI设计师而生的矢量绘图工具。相对于PS，SKetch定位更加精准，操作更简单及轻量化。“设计，修改、演示”的一站式功能，可以帮助UI设计师快速完成界面设计，元素批量修改及快速演示等。但是目前只支持在Mac上使用。当然，没有Mac的，也可以用PS或XD进行界面设计。
六、配色工具- Material Design Color
对于UI设计师来说，配色是极其重要的一个环节，有人称之谓“成也配色，败也配色”也不为过。一个好的UI配色可以起到诸多作用，如：显示界面整体架构、明确层级关系及提升转化率等等。其重要性可见一斑。而配色一直是让UI设计师非常头疼的，对于新手小白更是如此。当然，有了配色工具-Material Design Color，这些问题都不用愁。其操作非常简单，便捷，灵活。
七、标注、切图、高保真原型工具-摹客iDoc
UI设计师做好界面设计后，就到了最让人恼火的环节了-如何将自己的设计稿快速交付（标注、切图、高保真原型等）给前端开发？用摹客iDoc的插件，就能轻松标注和切图，帮助设计师快速完成交付。支持sketch、PS、XD的设计稿和Axure、Mockplus的原型图。
八、圆角工具-Corner Editor
这是一款在PS上运行的插件-圆角工具。与PS里面的自带圆角编辑功能相比，Corner Editor操作起来更加简单便捷。除了可以单独设置圆角大小外，就算元素变形了，一样可以进行圆角处理。
以上是我的推荐，望采纳~