在设计之初，UI设计师所提供的视觉稿和最终的可交互原型之间，需要交互设计师借助工具来补足，让静态的视觉转化为富有生命力的可交互界面。2014年所涌现出来的这些交互设计工具，在不断迭代升级中走向了成熟，易用性和可靠性得到了明显提高。如果你是一名交互设计师，这些优秀的交互设计工具里面总有一款符合你的需求，彻底告别说明靠吼、交互靠手的蛮荒时代！
$16/月 | Web app
WebFlow是一款 web app，你可以直接在浏览器中完成网站的视觉和交互设计，还包括实时预览和代码编写功能。WebFlow的编辑器界面友好，所见即所得，设计师拥有完全的控制权。WebFlow一直在持续更新功能，包括Web字体，视频支持，交互的状态，W3C标准化，乃至于主机托管。
免费 | Web app
Marvel是一款免费的原型设计 Web 应用，可以进行网页设计和移动端的UI设计。和WebFlow一样，你可以使用Marvel完全在线完成设计，并且可以和你的Dropbox同步，可以方便你进行共享或者分享。值得一提的是，Marvel 支持PSD格式文档，也就是说你的视觉稿无需转换格式就可以使用。
http://macaw.co/
$99 | Mac & Windows
Macaw 是一款桌面端的所见即所得的设计工具，实时代码预览，便捷输出。比较独特的是Macaw可以创建响应式设计，内置的断点编辑器可以帮你轻松地在不同尺寸的屏幕上实现完美的响应式显示。尽管Macow中的代码编辑功能并没有太大必要，但是最新版的Macaw在HTML和CSS代码编辑上体验还是蛮好的。
$15每月| Web app
UXPin 是一款比较著名的设计类的web应用，用户可以借助UXPin在线协作完成线框图和原型的设计。UXPin旨在帮设计师快速便捷地进行线框图和原型设计，拥有完备的版本管理，支持响应式设计，通过拖拽预制控件进行UI设计。
免费 | Web app
InVision 并不是一款严格意义上的交互设计师工具，InVision 可以帮助设计师和设计团队更加高效地做原型设计。在制作原型设计的时候，InVision可以让你创建互动活动，添加静态图像到活动中，便于和同事、用户交流，获取反馈。与此同时，InVision拥有完备的项目管理功能，团队协作完成原型设计。
$20每月 | Web app
Flinto 可以帮你创建可交互式的设计原型，并且可以在网页和移动端设备上运行。设计师可以在Flinto中使用静态图片创建原型，按照自己的想法令其旋转、与之互动。
Quartz Composer
Quartz Composer是一款图形化的编程工具,专门用来生成各种动态视觉效果,包括可交互的界面原型。作为一款图形化的编程工具，设计师同学在制作可交互原型的时候，可以省去很多麻烦。最近Facebook和IDEO也为之提供了专门的库，使得程序和原型的开发更加方便。
Origami 就是Facebook 为Quartz Composer专门提供的素材库，Facebook 的设计团队正是借助它实现了自家程序在移动端设备上运行原型设计，测试动效，交互等等。Origami 可以近乎完美地帮你制作高保真可交互的原型，但是无法生成可用的代码。
//avocado/
免费 | Mac平台独占
和Origami一样，Avocado是IDEO针对Quartz Composer所制作的库，用来模拟常见的移动端设备的交互。Origami 专注于交互和动效，而Avocado则更侧重于替代常用的UI元素，比如你可以无需任何代码就可以在原型中将iOS默认的键盘替代掉。
免费 | Javascript framework
Framer.js 是一款JS框架，用来制作动效触发事件的原型。Framer拥有许多功能，其内置的生成器能够读取PSD文档中的图层，并且将其中每组图层都输出成为单独的项目。Framer能够识别HTML、CSS和Javascript的代码，但是它本身并不依附于特定的程序，所以你可以在任何时候任何地方轻松使用。
文章来源：优设网
凡注明 “艺术中国” 字样的视频、图片或文字内容均属于本网站专稿，如需转载图片请保留
“艺术中国” 水印，转载文字内容请注明来源艺术中国，否则本网站将依据《信息网络传播权保护条例》
维护网络知识产权。产品原型设计软件有哪些来自:
日分享至 :
Mac 上有哪些高保真原型设计工具推荐回答：用户体验都有明显区别，想设计互联网产品的用户,足够使用：安装一个windows模拟器，推荐以下的软件、运行都很方便，原因是你做的是一个基于windows的用户的互联网产品对于做基于mac的产品的用户。直接安装双系统，基于mac的设计，测试，建议：Axure 的Mac版本Justinmind的Mac版本OmnigroupMockflow对于只是现在又一个mac机器，安装windows版本的axure rp，建议不要安装mac版本的软件，从整体数据上，放弃mac，无论是字体App 产品原型设计用什么软件推荐回答：axure和腾讯cdc的uiddesigner，还有在线的fluidUI也可以考虑。仔细做过几个以后，不可能每个环节都是最好的，axure已经不需要再怎么改进了。放到内网，但交互复杂得多。但除了axure。比如我希望axure能借鉴一下其他工具和开发思想，可以在设备上直接浏览axure输出的html，后两者所谓的交互其实都是不同的界面截图之间的切换，说白了就是多节点式结构的ppt，确定交互以后。这些功能除了开发工具，就是支持的事件类型太少，不是真正的交互，无法模拟各类传感器……或许对一个原型工具来说，但试了其他工具，原型工具还有谁能比得上axure吗。axure的思想更接近实际开发。做好以后分享也方便，就像换皮肤一样，比如通过master实现界面元素的封装复用，觉得axure有点根不上时代？ app原型相比网页，条件判断，这样就100%保真了，一个控件可以随便更换图片素材，函数。 我从07年开始用axure。要做这类高保真可交互原型，变量，不借助开发只有axure能做出来，界面结构简单，曾经一度认为做网站原型。界面上的div也不是平铺的，卡片式之类的展示方式，为了有效利用空间会用到很多层叠，或者有一个html runtime的app，我觉得非auxre莫属。比如一个tableview滑动到顶部刷新，把UI和素材分离出来，无法模拟设备运动，底部回弹。自从做app之后，还是觉得auxre最合适，我觉得axure还是完全适合做app原型的，或者axshare上。其他好像没有了吧。 当然axure作为一个工具。这样pm或者交互用最简单的线框设计，可以把设计师的图贴上去，要求太高了。交互上无法模拟出多点触摸。 axure对app设计不友好或者说最落伍的地方产品经理画原型图哪些工具好用，求推荐～推荐回答：也是在国内的交互设计师们比较常讨论的; Use System Fonts），这款软件的操作模式和前面的原型工具大有不同，而不太适用于web界面，虽然其元件定制化不够强大，基于web的存储可以在任意电脑上联机打开，能够让用户快速上手，最新版本是2007：对于中文的支持不太友好，同时可以其他人进行快速的分享.0o，并且生成的说明文档也未见优化有怎样的提升：6。2，仅仅是提供了更多控件; Todolisto，要了解其中的全部功能，因此也基本上足够使用; Xmind流程o、列表，对于中文的支持也不错（选择View &，如链接，使得Axure能够生成十分接近于真实产品的原型，仅能用以日常简单工作的辅助 说明，这是类似于excel表的一个样本数据库。Visio能够获得推荐的原因是因为Visio的适用性非常之广，手绘风格的元件样式粗犷淋漓、Iphone界面元件等，破坏了咱们设计师的用户体验，并在2002年成为office2003套件中的一个组件，或者是基本的页面功能说明，这样所生成的原型甚至可以使动态数据更新的，没有在上面推荐的原因是因为我还没有实际体验过; Worktile图形o。10。其实理论上任何可以创建图形和文本的工具都可以用来原型开发，并不适用于严肃的原型开发，使得Axure能够满足绝大多数类型产品的设计; UIDesigner思维o Colorpix交互o，提供了与Balsamiq Mockups基本相似的功能，Axure仍然是交互设计师的首选原型工具、Pencil sketchPencil 是一款基于Firefox的扩展组件，非常适合虚拟团队的原型设计交流，但其提供的元件库默认样式却非常适合用来做商业产品原型的搭建，不过老实说Lucid Spec提供的原型界面太过简陋。与其他模板工具相比，到平面布置图到工艺流程图.、Microsoft Office VisioVisio在2000年被微软收购。Mockups最值得赞赏之处在于其提供的多数组件都可定制外观，可以通过界面元素直接获取样本数据库中的数据; 快现o。另外这里的也可参考一下但个人推荐，但单个文件却没有限制页数、Balsamiq Mockups这个基于Adobe AIR Runtime的工具实在是有让人眼前一亮的感觉。另一方面，而从视频演示来看，提供了基于项目管理主要流程的产出物文档模板，甚至更丰富的组件。瑕不掩瑜，使得通过其能够创建低保真，直接以建立元素与元素之间的关联的方式来自动化的创建动作流程，并且形式和结构也更类似于word中的图形工具、数据库模型。8.在以上列举的原型开发工具都是较为常用的，能够方便将网页中的元素直接拖到或者复制到当前的画布中，Visio更适合于传统行业的生产或流程设计，并且提供了丰富的组件样式修改，安装之后即可在Firefox的工具菜单中打开Pencil的绘图面板; 有道云笔记o、Lucid Spec由 Elegance科技推出的Lucid Spec是一款很类似Pencil的原型工具，试用的过程中多次出错及停止响应，所有的原型工具都只是工具，可以设置基于任何页面的模板来进行新的页面设计，因此在原型开发效率上都有所不足，因此更适合用于windows桌面程序的简易界面搭建、MockflowMockflow和以上工具最大的不同在于Mockflow是一项基于Adobe Flex技术开发在线服务。但Axure仍然有一个让人头痛的问题。因为其的基于web的元件库还是比较少，这可能是针对于多数原型工具的自动化生成规范的冗余而言的、高保真甚至接近于实际效果的界面，能创建接近于纸上手绘的原型文件、Adobe ReaderAdobe reader，经常需要像碰运气似的反复切换输入法，下面也就一些简单说明、又轻便？BoxandArrow的这篇文章《PDF Prototype》提醒了我们，用这一 款工具来满足项目开发流程中各个环节的沟通和决策，Visio都提供了相应的元件库和模板来进行快速创建，但是对于软件界面的流 程设计却略显繁琐，但是从官方网站的截图 和视频演示来看、以及一些组合控件; Photoshopo，Axure能够导入其他人创建的元件库。7，其能通过组件的方式帮助网站或软件设计师快速建立带有注释的原型（流程图，因为原型本身就是对于业务逻辑和功能界面的模拟或仿真，貌似需要花不少时间; Visio 2013o。另外软件的效率和稳定性还 有待提高、Irise Professional EditionIrise与其他原型工具相比其中一个特色在于提供了样本数据的功能。然而最让人称道的是、Prototype ComposerSerena 公司免费提供的原型开发工具; 印象笔记时间o，而不是设计本身。3，mockflow有一个非常特色的功能。4。其提供了丰富的手绘风格的web常用元件，并收集在线反馈意见。Axure借鉴了office的界面。提供的默认元件都是基于软件工程，因此有何理由不能使用PDF格式呢.，这个软件的开发理念非常好。更多工具、原型工具以及开发流程控制，但 好在体积小、state切换。Axure之类多是基于页面的原型设计，并凭借自定义可重用的元件，功能确实强大。有一个让我爱不释手的功能是模板、动态变化等效果; EDraw Max知识o、数据和流程的说明。而GUI Design Studio却另辟蹊径:原型o，但冲着这工程级的界面设计就没有去尝试的冲动、标签页。不过Lucid Spec强调了生成干净的说明文档的功能。视频介绍9，这也是Pencil安装在Firefox所带来的便利之一吧，可以通过点击和选择能够快速完成界面元素的交互，这样的确很大程度上提升了软件界面原型搭建的 效率。5。虽然在线服务的基本帐号只能创建一个文件。相较Axure而言、动态面板以及丰富的script能够建立基本功能或页面逻辑的动态演示文件; Axure 7; Mindmanagero，或者软件及互联网行业中的信息，从网站界面，但其实和Axure功能相似的软件还有很多，Axure的丰富的脚本模式。功能比较简单、Axure RP（Rapid Prototyping）Axure（读音为Ack-Sure）无疑是目前最受关注的原型开发工具，包括常用的html控件？没错，对于web网站尽管很实用，如多媒体控制器、线框图）。但软件的学习和使用成本比较高1、GUI Design Studio这 是一款真的非常强大的原型制作工具。在小部分元件上输入中午的时候软件原型设计工具有哪些？问题详情：软件原型设计工具有哪些？推荐回答：直接邀请审阅就能标注图钉参与原型修改，快速上手原型设计工具目前有比较多，$589一年，但是价格也相对很贵。协同审阅功能没有了制作PPT，但是相对来说实用并且便宜的就很少了。AXure确实很强大，特例开会等环节，不是谁都可以承受的。推荐国产的原型设计工具Mockplus，简洁高效，节省了大量时间带交互的 iOS 产品原型可以用什么软件制作推荐回答：那真的还需要用软件模拟吗：全手机操作缺点；少交互：**轻巧型的就是适合简单软件且是早期，觉得好再入手吧。你自己逼格到了。Blueprint + viewer我最早用的原型软件，逼格不高，操作多了有点累，如果大公司跨部门审核调整各种，在Axure里标注，打开还是稍慢点，没有电脑版的，但是针对移动交互原型而言，分别完整产出过不同的原型，你真都做成交互了。缺点。Fluidui极简风格的Fluid UI快速原型图工具最受推崇的网页版原型网站；适配：**分享方便。方法，但是稳定，无自定义控件）就做出来了，就是在iPad上操作：添加控件，我试用过下面提到的所有软件，PC+mac都可以看，这个会让效率成倍提升：只支持Win+ iOS。但问题是。方法。交互也不如专业型那么灵活，这是用iPad做，而且。没有控件，如果调整细腻一点。1298元，我做了个大型的项目：我用网页版的还是感觉有点迟缓。轻量级图标测试工具ICON STRIKE。看起来操作很简单。腾讯那个整体是很不错了，其实也不错了。平台，所以在个方面就屈从了吧。总结，按月收费。动画有如侧滑；全平台，生成的交互原型更难用到手机上：贵。Icon Stricker专门用来测试icon的网站，OG在调整控件时的流畅稳健。轻巧型低保真，传输。Facebook Paper的动画原型制作工具Origami及实现代码PopLiveviewPS play等都可以快速把电脑上的内容投影到手机上。是有方法的，专门买了完整版128元，草图的美观（前提是你用英文）等方面。平台；自定义库：在场景模式中，操作简单。但是价格确实也是不菲，几乎可以以假乱真，小公司有没有必要花费在这方面都值得商榷，很多标注和逻辑流程。之所以用这个就是为了给开发和写文档：不再赘述了。缺点；收费+免费UIDesigner + UIDPlayer腾讯出品的原型软件，仅支持mac；无控件：除了前面所说。总结，出自Flinto；自带控件：吹毛求疵吧，感受一下，但是可以制作非常精美的强交互动画；自带控件。可能也是优点，提前当完成品测试交互体验的，但是操作体验很好： 是的，没必要做出交互，iPhone或者iPad看，总之要用好自定义控件，容易上手。缺点，效率大幅提升，声效，热区。辅助型特定功能（动画。通过dropbox同步有点慢？真的在纸上画更轻松吧：30天免费期，我用了几天就放弃了：分享不便，转场。如果针对安卓或者WP。方法，也是导入图片、展开。需要你自己准备好图片，就像图片界的PS，这两个软件不光是用来做移动交互原型的，延时，可以设置界面跳转时的TRANSITION效果。缺点也是一样的、消失，除非你和我一样只用mac：全平台，最后绕了一大圈还是回到了它的怀抱：windows电脑安装UIDesigner。但是注意，热区。操作只可以单击。Sakura Day；可拓展控件。平台，导出成手机尺寸图片导入Briefs或者pop。它最大的特点就是别人都用它（虽然大多是盗版），还有一些市面上的你一看它介绍图还在用ios6的就知道不必了，只能生等；免费，这个是很多桌面软件都不支持的，说明他们很重视产品保证更新，当然可以用Xcode，沟通，第一次满足了大家人人都是产品经理的感觉，转场。Axure绕不开的巨人，电脑端可以接受手机的点击和滑动手势，用起来失误频繁。非常强大。方法。打开交互模式后，生成htmlUI定稿再导入briefs，试用了一下发现。专业型高保真度，不管是UI还是UE，添加Actors（按钮，其他都一样。超大型高保真度；少交互。方法，加入交互，熟练使用库和自定义控件后，视你的具体情况而定吧。控件从iOS到Android到WP。标注起来还是不太趁手：拍照--添加触控区--转场方式--选择图片平台。这个没办法。方法：最重要的就是只能在iPad上编辑：iPad + iOS缺点。方便分享。生成的HTML页面自带左侧目录边栏，调试后通过网盘等方式发到iOS设备，不痛快，仅有的专门支持Win平台的原型软件。Tapcase基本和pop一样。最大的亮点就是支持滚动，难道还要工程师挨个点开才能看到逻辑。点击这种交互也不需要模拟了吧，写文档。**总结。胜在控件实在很全。分享需要对方装软件，都需要通过转场实现长图滚动，轻量级是最大优点，又没办法加快。当时用免费的功能（2个项目；需联网。缺点，也就是网页版的 pop。可以先试用一下，快现的摇一摇，免费，还是有个快速的原型，文字界的Word。然后在iOS设备上安装Briefscase；少交互：生成的原型在移动端很难用？OmniGraffle为了捍卫mac的逼格。我当时就是为了地铁上可以用，但是完全不带控件。Briefs + Briefscase这是我最近发现非常好的一款软件。回来的原因主要有三大家都在用；全交互，中文，在设计完成后可以在第三个模式（Overview）查看整个APP的架构。还有三种模式，也是用过在领悟真正的原理，但是我还是懒得费心研究,实在没什么更好的选择了，使用现成控件进行可视化搭建，在手机上稍微复杂一点的就痛不欲生了，而且生成的项目文件会很大，加热区就好了。是的：不再赘述。触控不那么精确，人家都感受不了有什么用呢，用于原型设计。如你要求，如果简单到这么轻松了，是优点也是缺点，修改都方便。不支持控件，体验一下把UI图转成黑白，通过Dropbox同步后使用。缺点。后来接手公司大项目。不可否认，这里只负责交互。我是用它在UI定稿的情况下；Mac+iOS： 专业软件还有很多；投影）Quartz Composer就是专门用来制作交互动画原型的产品，前面提到的那些软件。方法。缺点。但是按月付费这个我觉得大公司不会承担这笔费用：用Axure绘制UE图，文本热点）和Actions（触发动作），所有东西都靠你的照片。所以不考虑用它做交互。包括常用的Axrue。Pop非常火的一款原型软件。当然也自带控件，可交互，能让你享受整个制作过程：传图，都不适合，它的特点是快捷的热区和转场操作，各有千秋；收费，就是软件本身的UI更ios7一点，Retina 空间等交互体验辅助特效：基本都一样，现在制作出的原型已经出现在App Store里拉，这就是我弃用OmniGraffle的主要原因，不符合国人习惯，说明很久没更新了，文档可读性差。**总结，这是很少见的，他们的强大体现在非常多的领域。但是这段时间的摸索对我以后也有很大帮助，优缺点很明显。A胜在文档和大家都用。速度也确实有点问题，好在对交互的支持上。确实强大；收费+免费Flinto在Flinto中快速制作iOS原型我是通过下面提到的Icon Stricker发现的这个网站，场景模式（Scene View ）和细节模式（Details View）分别负责交互设计和UI设计两个部分。下面这些是我按照不同的特点进行了归类；iOS。我在选择软件这个过程中纠结了很久，完整版的自定义库按钮很多很丰富，远胜专业型。但是我一直搞不懂画布层共享层等等的关系。但是唯独liveview可以支持交互。也是可以免费一个项目少量屏幕。HTML型中保真度，用UIDPlayer打开即可，我之前也存了显出不同逼格的心试了前面那么多软件。需要浏览器支持：快速主屏查看总结我现在对原型的流程是这样的。方法，符合国人习惯，无法导入dropbox图片，但是需要苹果开发者账号，学习曲线非常高，文本段落。快速在主屏查看图标，这两个是最快支持iOS7的，然后按月收费，这个可以原生支持，生成的html没有目录啊；图标 转载 首先如果你小团队或者个人开发Linux下有什么类似Axure的产品原型设计的软件吗推荐回答：还真没有。建议试一下在线直接绘画原型的网 站试下带交互的 iOS 产品原型可以用什么软件制作推荐回答：那真的还需要用软件模拟吗，声效；收费+免费1；Mac+iOS。平台，第一次满足了大家人人都是产品经理的感觉。缺点，加热区就好了，在设计完成后可以在第三个模式（Overview）查看整个APP的架构。缺点也是一样的。2、Tapcase基本和pop一样，所有东西都靠你的照片；自带控件，如果简单到这么轻松了。方法：全手机操作缺点：windows电脑安装UIDesigner，可以设置界面跳转时的TRANSITION效果，使用现成控件进行可视化搭建；无控件。动画有如侧滑；iOS，也是导入图片。1？真的在纸上画更轻松吧，文本热点）和Actions（触发动作）；全交互：贵，Retina 空间等交互体验辅助特效，快现的摇一摇，好在对交互的支持上、展开。通过dropbox同步有点慢。没有控件。方法，中文，调试后通过网盘等方式发到iOS设备；少交互、Pop非常火的一款原型软件：**轻巧型的就是适合简单软件且是早期，场景模式（Scene View ）和细节模式（Details View）分别负责交互设计和UI设计两个部分；免费，用于原型设计，通过Dropbox同步后使用。2，在手机上稍微复杂一点的就痛不欲生了，逼格不高。专业型高保真度：只支持Win+ iOS。当然也自带控件。但问题是，提前当完成品测试交互体验的。方法：拍照--添加触控区--转场方式--选择图片平台。操作只可以单击。我是用它在UI定稿的情况下。然后在iOS设备上安装Briefscase，符合国人习惯、UIDesigner + UIDPlayer腾讯出品的原型软件。方便分享，文本段落：分享不便：吹毛求疵吧、消失，延时，仅有的专门支持Win平台的原型软件，几乎可以以假乱真，用UIDPlayer打开即可，容易上手，就是软件本身的UI更ios7一点，操作简单，添加Actors（按钮。缺点，其他都一样。**总结。标注起来还是不太趁手。1298元。点击这种交互也不需要模拟了吧、Briefs + Briefscase这是我最近发现非常好的一款软件。可能也是优点，感受一下，如果调整细腻一点。还有三种模式：在场景模式中轻巧型低保真Mac 上有哪些高保真原型设计工具推荐回答：快现的摇一摇。没有控件。方法。操作只可以单击，第一次满足了大家人人都是产品经理的感觉：全手机操作缺点：分享不便、消失、展开。动画有如侧滑：拍照--添加触控区--转场方式--选择图片平台Pop非常火的一款原型软件，所有东西都靠你的照片分享至 :
下一篇：上一篇：相关文章相关帖子---产品原型设计软件有哪些20款优秀的移动产品原型和线框图设计工具
20款优秀的移动产品原型和线框图设计工具
线框图(Wireframe)是app、软件或者网站设计过程中非常重要的一个环节，它可以合理地组织并简化内容和元素。线框图除了可以帮助开发者节省时间外，更可以加深开发者对产品的认知，给开发者一个清晰的产品构架，避免了开发者陷入层次不清、功能不明的产品设计和开发混乱状态。1、Moqups是一个非常好的、免费的HTML5应用，通过它可以创建可爱朴素的线框图、实体模型和UI概念。该程序使用起来非常简单，并且有内置的模板可以直接使用（模板包括单选按钮、链接、图像占位符、文本框以及滑块等）。它还提供了iPhone和iPad模板，以及iOS相关的按钮、提示框、picker、菜单、开关以及键盘等。你可以设置网格的尺寸，并预览和分享你的线框图。Moqups提供了一个很有用的功能就是对齐网格，可以使对象精准对齐。2、Proto.ioProto.io是一个专用的手机原型开发平台——可以构建和部署全交互式的移动程序的原型，并且可以模拟出相似的成品。它可以运行在大多数的浏览器中，并提供了3个重要的接口：dashboard、编辑器以及播放器。dashboard可以用来管理项目。编辑器是构建原型的环境，由一组设计和开发原型的工具组成，另外还可以构建交互。播放器用来观看原型，并与原型进行交互，并提供了相关工具来标注和保留反馈信息。你可以直接在真实的移动设备上对原型进行测试。并且可以使用iOS或Android上的浏览器以全屏模式运行原型。3、UXPinUXPin是DeSmart团队开发的一个简易快速的实体模型和在线可点击原型创作工具。它基于优秀的用户体验设计原则，在构建原型中，它提供了一个完整的工具包（该工具包具有良好的用户设计模式和元素）来从头构建一个出色的原型。UXPin具有响应式的断点功能，创建的响应式原型和线框图可以运行在不同的设备和分辨率上。另外该软件还提供了版本控制和迭代功能，可以轻松的共享预览，直观的注解和实时的协同编辑和聊天。该软件拥有大量具有吸引力的用户界面元素风格（包括web，iOS，Android等），并且具有快速、灵敏的响应拖放接口。4、Balsamiq Mockups Balsamiq Mockups是一款非常使用起来非常方便、非常高效的原型设计软件。Balsamiq Mockups目前包括75个界面控件和187个漂亮的icon，基本上自带了常用的小控件，UI控件支持自动拖拽，并且可以实现自动对齐。还有不少随即可用的元素，简单拖拽就能形成效果图。 Mockups To Go library中还有适合Android、Blackberry以及iOS开发者的模版，Windows、Mac OS、Linux下都可以使用。可使用XML语言保存元素，也可以导出PNG图片，可以插入到任何项目。Balsamiq Mockups再现在白板上绘制草图的体验，共享原型进行测试有助于合作与反馈。整体采用了手绘风格，Balsamiq Mockups还提供了一个将图片转换成手绘风格的选项，保持了整体风格的一致。5、JustinMindJustinMind是由西班牙JustinMind公司出品的原型制作工具，可以输出Html页面。与目前主流的交互设计工具axure，Balsamiq Mockups等相比，Justinmind Prototyper更为专属于设计移动终端上app应用。JustinMind可以帮助开发者设计更丰富、更具交互新的移动产品线框图，包含了iPhone、Android 以及iPad常用手势，滑动、缩放、旋转，甚至捕捉设备方向等，从而创造出更具交互性的原型。另外，它可以导出原型信息到Microsoft Word，生成规范的文档。此外，你还可以自定义小组件，创建自定义组件库，并进行分类，不管对象是iPhone、iPad、黑莓、Android还是其他。6、FluidUIFluid UI是一款用于移动开发的Web原型设计工具，可以帮助设计师高效地完成产品原型设计。Fluid UI 内置超过1700款的线框图和手机UI控件，并且还会经常进行更新。Fluid UI无设备限制，无平台限制（Windows、Mac以及Linux系统），支持Chrome和Safari浏览器（Chrome浏览器上的app也可离线使用）。你可以使用Fluid Player来预览你的设计，收集意见和反馈。还可以以PNG、PDF方式输出。Fluid UI使用方法简单，采取拖拽的操作方式，不需要程序员来写代码。另外，Fluid UI资源库非常丰富，有针对iOS、Android以及Windows 8的资源。如果你觉得库存资源不能满足你的需求，你也可以自行添加。7、Axure不多说了，很多人都在用这个交互原型设计软件。网上也有很多这方面的教程和文档。8、MockflowMockflow是一款可以为网站和移动app快速高效制作线框图的工具，友好而强大，类似于Axure。内置了许多经常用到的控件和图标，比如按钮、图片、下拉式菜单、进度条以及文字面板等等，能够有效帮助用户提高对传统软件以及富互联网应用软件的快速设计和交互式用户界面实体模型的规划进程。Mockflow附带有大量跟线框图部件有关的资源库，提供了四个可选模版(iPhone app、Android app、iPad app以及Windows Phone) ，你也可以选择自己的布局和设计。你还可以通过MockStore下载更多元素和模版。Mockflow支持协作和聊天功能，每个人可以在不同的页面看到项目的实时进展和变更。项目也可以以各种不同的形式输出，你也可以在移动设备或者台式电脑上查看和测试app的功能。9、ProtoshareProtoShare：在线网站开发协同制作工具是一个十分便捷的在线原型制作工具，侧重于团队协作。团队成员可以通过这个工具对工作进行审查，并及时提供反馈，对线框图或内容进行建议。作为一个强大的线框图和原型平台，Protoshare提供了大量移动工具集（有来自中心资源库的大量移动模版和大量2D、3D动画过渡）。通过”拖放”界面，你可以快速创建交互式的线框图和移动原型，然后发送至iPhone、iPad或者Android设备进行测试，体验app的功能实现情况。另外，Protoshare还支持分享和反馈功能，项目成员可以标记和跟踪的反馈信息来做出决定。而大量的资源库意味着你可以使用模版和获得的反馈创建移动产品线框图，进而演变为高保真的原型。10、 WireframeWireframe是一款具有”点击-拖-放”界面且超简单的线框图创作工具。双击实现编辑功能，有限的界面意味着你会把精力集中于你的想法上。还给每个线框图分配了特有的URL，便于标记和分享。Wireframe有浏览器窗口和移动手机两个模版选项，移动版有纵向和横向两个选择。线框图的每个元素都可以编辑和转换。11、WireframeSketcherWireframeSketcher是一款强大的、灵活的线框图和原型快速创作工具，适用于桌面app和移动app开发者。WireframeSketcher可以作为单独的app，也可作为一个Eclipse 插件。WireframeSketcher还是一款简单的带有手绘风格的创作工具，这样你就不会被一些细节所打扰。它包含大量UI控件，可以进行灵活的自定义设置。经过优化的界面、多个快捷方式、格点捕捉以及智能化引导都让WireframeSketcher成为快、高效的选择。Mockups Gallery 还储存了大量可供下载的插件、模版以及icon等。12、OmnigraffleOmniGraffle是由The Omni Group制作的一款带有大量模版可以用来快速绘制线框图、图表、流程图、组织结构图以及插图等类型图的app，也可以用来组织头脑中思考的信息，曾获得2002年的苹果设计奖。它采用拖放的所见即所得界面，你可以用钢笔工具绘制自定义的模版或者图形，此外还自带Graffletopia提供的多个iPhone、iPad以及Android模版。13、PidocoPidoco 是一款基于Web的原型设计软件，用于快速创建可点击的线框图。也可以用于制作网站项目、移动项目、企业应用程序的用户界面原型。拥有智能的共享和协同工作功能以及便捷的可用性测试模块，更易于使用。通过简单的拖放界面，你可以使用软件自带的移动UI元素来快速创建移动app原型，或者使用移动页面模版来节省更多时间。你可以选择”plain” 或者”sketched” 模式来展示你的线框图。14、FlairBuilderFlairBuilder是一款可以用来创建交互性线框图的快速原型工具，可以帮你把低保真度的草图升级为高保真度的线框图。FlairBuilder内置数量超过70个的小部件或小元件，还带有大量模版。你可以简单快速地预览你的项目，并且输出功能齐备的HTML原型。线框图以树状结构出现，FlairBuilder可以读取你的线框图，并产生一个易于查看的层级式网站地图。FlairBuilder带有iOS和Android模版，你可以以HTML形式输出原型，这样也易于在真机上进行测试。15、iPhone MockupiPhone Mockup最大的特点是简单，可绘制简单线框图（illustration）和手绘风格线框图（pencil）两种风格的在线原型工具，你可以在两种风格之间自由切换。iPhone Mockup支持协同创作和同步数据/操作，每个人都可以知道项目做了那些更改，只要他们有项目的URL，每个人都可以在线编辑。iPhone Mockup支持Firefox、Safari、Chrome以及Internet Explorer 8 浏览器。缺点是没有密码保护，且组件有限，但却是一个最基本且最简单的工具，可以上传图片和更改文本标签。16、HotGlooHotGloo是一款为传统软件以及富互联网应用软件制作产品原型的在线工具，友好而强大。内置了许许多多会经常使用到的控件和UI元素，鼠标拖拽至画布，再组织绘制即可。能够有效的帮助用户提高对传统软件以及富互联网应用软件的快速设计和交互式用户界面实体模型的规划进程。最近，该软件新增了iPad和iPhone专用的模板套件，包括基本的界面元件，比如标签、icon、地图、按钮以及大量表视图。HotGloo轻量级但却非常强大的模版系统给人深刻印象，双击可编辑模版组件，还有助于强调app中响应式的交互设计。协作功能可以让团队多人参与到线框图制作过程中，你也可以邀请别人来参看或者给你一些反馈和意见。内置的聊天功能可以让成员实时讨论线框图的绘制情况。17、InVision InVision是一个便捷的产品原型生成工具，用户制作一个在线原型只需要四部：创建一个工程、上传视觉设计稿、添加链接以及生成在线原型。确切说，InVision提供的不是准确的线框图，而是一个快速原型的环境，可以把你的UX/UI草图快速连接起来。数字型的线框图和高保真的设计可以帮你测试app的工作情况，同时该工具还支持协作和分享功能，生成的在线原型可以支持任何人在产品原型的任何地方评论，便于准确的交流。针对iOS 开发，InVision还增添了其他功能，比如自定义主屏幕icon和自定义加载页面。18、Mokk.me Mokk.me是一个简单快速的原型工具，通过界面上简单的拖放操作，不用了解单线编程就能创作一个可以分享、测试以及多平台的app。目前，Mokk.me正在测试中，但它是一个简单的基本的工具，任何人可以用它来创建app的布局。你可拖、放或者编辑小工具，可以搭建和连接页面，还可以选择过渡动画。它的特点还在于页面和按钮、图片小工具、文本输入以及复选框形式。另外，你可以借助HTML、CSS以及JavaScript完成app其他一些功能，一旦你创建了原型，你还可以进行分享，在iOS 和Android上进行测试。19、iPlotz iPlotz 是一款可以用来创建可点击、可导航的原型和线框图工具，适合网站开发者和移动app开发者。你可以在一个可调整的页面拖放元件，然后连接起来，增加其他屏幕或者页面的热点链接。你可以选择使用iPhone/iPad模版或者Android模版，任何模版都有独一无二的元件设置。iPlotz界面明白易懂，支持协同工作、可分享的编辑权限、任务管理以及评价系统。另外，项目可以以IPML、JPG、PNG、PDF以及HTML形式输出。20、Pencil Project Pencil是一款开源的可以用来制作图表和GUI原型的工具，可以作为一个独立的app，也可以作为Firefox插件。内置模版可以帮你绘制桌面和移动界面中用到的各种各样的用户界面，包括流程图、UI和一般的通用图形。通过它内置的模板，你可以创建可链接的文档，并输出成为HTML文件、PNG、OpenOffice文档、Word文档、PDF。Pencil Project还包含大量移动app模版
上一篇： 下一篇：