工具推荐 10款移动界面原型设计工具

首先，一款优秀的移动APP界面原型设计工具应该具备：

①.支持移动端演示(随时随地演示给BOSS，厕所&食堂&电梯…以体现我是那么的敬业——长点工资必备)

②.组件库(高效复用，谁用谁知道)

③.可以快速生成全局流程(程序猿看不懂拆解的，给丫的看这个)

④.协作(多个PM狗一起用)

总体而言，oppo r15d搭载coloros 5.0想必能带给我们惊喜，凭借全新的ui设计，更具人性化的操作手势和交互，让我们使用更加简单快捷，更加得心应手，而“智美双全，焕然一新”无疑是对其最美的描述。因为ios和andorid的操作逻辑不通，所以并不是所有的安卓手机都适用于iphone x的手势方式。黑莓的手势操作并不像webos那样有个固定的手势交互区域，黑莓z10手势动作是靠屏幕监测来触发的，整个屏幕边缘都是手势交互区。

这些年，产品狗们折腾过的原型工具：

1. POP(Prototyping on Paper)

算是移动App原型设计神器 ，很多公司在用：quora、sina、豆瓣、36氪、ifanr…

第四步：为特定组件添加交互：页面跳转链接、组件跳转链接等。请将点击广告跳转过程中的链接复制下来 如下图请将点击广告跳转过程中的链接复制下来 如下图。如果切片对象被设置了链接，那么在浏览器中显示的时候，只有点击到多边形区域时才会实现链接跳转，而在这个切片的其他区域则不会出现链接跳转。

2、Pencil Project

Pencil是一款开源的可以用来制作图表和GUI原型的工具，可以作为一个独立的app，也可以作为Firefox插件。内置模版可以帮你绘制桌面和移动界面中用到的各种各样的用户界面，包括流程图、UI和一般的通用图形。

通过它内置的模板，你可以创建可链接的文档，并输出成为HTML文件、PNG、OpenOffice文档、Word文档、PDF。Pencil Project还包含大量移动app模版。

3.Axure| 下载地址

nvidia 把桌面 gpu 的经验带到了移动设备，在 tegra 3 的 demo 演示中展示出了难以置信的光影效果——请看下面截图的阴影，水波，光照效果。1.#1错误: 1.请尝试退出重启宠物 2.使用宠爱系统菜单功能宠物登录进行登录(如无效请尝试重新安装宠物程序) 3.在宠物(系统设置->个性设置->生成图标)发送宠物到桌面快捷,再从桌面快捷启动。大家都很熟悉了，这里主要说下移动端的演示，这样才充分表达原型意图。

4、Proto.io

Proto.io是一个专用的手机原型开发平台——可以构建和部署全交互式的移动程序的原型，并且可以模拟出相似的成品。它可以运行在大多数的浏览器中，并提供了3个重要的接口：dashboard、编辑器以及播放器。

dashboard 可以用来管理项目。编辑器是构建原型的环境，由一组设计和开发原型的工具组成，另外还可以构建交互。播放器用来观看原型，并与原型进行交互，并提供了相关 工具来标注和保留反馈信息。你可以直接在真实的移动设备上对原型进行测试。并且可以使用iOS或Android上的浏览器以全屏模式运行原型。

5、Moqups

是一个非常好的、免费的HTML5应用，通过它可以创建可爱朴素的线框图、实体模型和UI概念。该程序使用起来非常简单，并且有内置的模板可以直接使用(模板包括单选按钮、链接、图像占位符、文本框以及滑块等)。

它还提供了iPhone和iPad模板，以及iOS相关的按钮、提示框、picker、菜单、开关以及键盘等。你可以设置网格的尺寸，并预览和分享你的线框图。Moqups提供了一个很有用的功能就是对齐网格，可以使对象精准对齐。

6、UXPin

它基于优秀的用户体验设计原则，在构建原型中，它提供了一个完整的工具包（该工具包具有良好的用户设计模式和元素）来从头构建一个出色的原型。invision是一个便捷的产品原型生成工具，用户制作一个原型只需要四部：创建一个工程、上传视觉设计稿、添加链接以及生成原型。“我们陆续收购了英国的一家百货、麦考林、拉手网等，我们本身是做传统零售起家的，但是现在一定要转型，通过收购我们掌握了一些企业资源，为改善业绩，我们会更多推广自有品牌、启用买手制来减少商品中间环节，将成本和价格降下来，然后我们会结合拉手网等进行实体商品的预售，这一点很重要，因为商具有平台优势可是缺乏实体商品移动设计模式库，实体店则拥有商品而缺乏平台，因此两者o2o互补能共赢。

UXPin 具有响应式的断点功能，创建的响应式原型和线框图可以运行在不同的设备和分辨率上。另外该软件还提供了版本控制和迭代功能，可以轻松的共享预览，直观的注 解和实时的协同编辑和聊天。该软件拥有大量具有吸引力的用户界面元素风格(包括web，iOS，Android等)，并且具有快速、灵敏的响应拖放接口。

7、Omnigraffle

亿图图示专家edraw max 2013是一款的绘图软件，不仅可以制作具备外观的流程图、组织图、网络图和商业图表，而且也可以很方便地绘制各种的建筑图、思维导图、工作流程图、时装设计、uml图表、电气工程图、方向地图、程序、图表等等。亿图图示专家edraw max v7.8 官方pc版是一款的绘图软件，不仅可以制作具备外观的流程图、组织图、网络图和商业图表，而且也可以很方便地绘制各种的建筑图、思维导图、工作流程图、时装设计、uml图表、电气工程图、方向地图、程序、图表等等。亿图图示专家(edraw max)是一款的绘图软件，不仅可以制作具备外观的流程图、组织图、网络图和商业图表，而且也可以很方便地绘制各种的建筑图、思维导图、工作流程图、时装设计、uml图表、电气工程图、方向地图、程序、图表等等。

内置模版可以帮你绘制桌面和移动界面中用到的各种各样的用户界面，包括流程图、ui和一般的通用图形。能够使用命令绘制简单的图形，学会重复命令、重复命令的嵌套，能够透过重复命令绘制一些比较复杂的图形，了解了过程的定义、调用、修改等知识。工具支持有websphere integration developer移动设计模式库，支持用户以图形界面的方式来完成相关的开发任务，如发布服务、使用各种模式、转换消息和定义路由等。

8、JustinMind

JustinMind是由JustinMind公司出品的原型制作工具，可以输出Html页面。与目前主流的交互设计工具axure，Balsamiq Mockups等相比，Justinmind Prototyper更为专属于设计移动终端上app应用。

单点触控板的操作较为简单，因为触控板只能检测到一点，用户在使用时只有单击和双击的操作方法，在触控区域单击一下就是选中，双击就是打开操作，双击之后拖拽可以实现选择多个文件的功能，如果安装了相应的触控板驱动，我们还可以添加一些简单的手势操作，如在触控板边缘上下、左右滑动可以实现查看文档以及浏览网页的功能。oppo也针对全面屏加入了许多创新交互操作，比如人脸识别解锁以及导航手势，在一些场景下人脸识别可以弥补指纹后置所带来的不便，而导航手势则是需要用户在设置中开启，开启手势后系统会自动隐藏屏幕底部的虚拟按键，从而改为滑动操作。12、七种解锁屏幕（滑动解锁、旋转解锁、旋转解锁2、方框下拉解锁、镜面解锁、拼图解锁、上下滑动解锁），基于cm7锁屏源码修改的锁屏增加了三星音乐控制，本次锁屏功能相当丰富，支持手势解锁及打开各种应用程序，配置更灵活，锁屏。

此外，你还可以自定义小组件，创建自定义组件库，并进行分类，不管对象是iPhone、iPad、黑莓、Android还是其他。

9、FluidUI

Fluid UI是一款用于移动开发的Web原型设计工具，可以帮助设计师高效地完成产品原型设计。Fluid UI 内置超过1700款的线框图和手机UI控件，并且还会经常进行更新。

你可以使用fluid player来预览你的设计，收集意见和反馈。新特性如下:l―请勿跟踪‖功能―请勿跟踪‖功能能够使用户对火狐浏览器进行设置,给予他们的行为反馈来通知网站和广告商他们不想看到的广告.通过点击和网页浏览用户的偏爱设置被传递到网站和第三方广告服务器.l支持css标准最新版的firefox 在windows,mac和 linux多平台上支持css标准,让开发者可以创建更加炫目的web应用和网站.l提供firefox扩展开发新利器mozilla为web开发者提供了丰富的资源,让他们能够使用html、javascript和css轻松进行非常棒的firefox扩展开发.firefox5.0扩展sdk可以让扩展在windows,mac和 linux多平台环境下进行本地开发,firefox扩展创建器提供了一种基于web的编译环境来创建和编译火狐扩展.开发者可以在所有平台上创建火狐扩展,并在进行安装和更新时不需重启浏览器或是中断网络浏览体验.l全部改进多达1000多处,性能更出色最新版的firefox包含了1000余处改进和性能上的提升,以便让用户更容易的发会是一个非营利性开源软件机构,旗下谋智网络是mozilla的中国子公司,目前负责在中国运营 firefox 火狐浏览器以及 firefox mobile 移动浏览器产品.。坚持职工意见征询制度，切实做好职工意见收集、整理、汇总、落实、反馈的监督工作，积极构建职工意见交流平台。

Fluid UI使用方法简单，采取拖拽的操作方式，不需要程序员来写代码。另外，Fluid UI资源库非常丰富，有针对iOS、Android以及Windows 8的资源。如果你觉得库存资源不能满足你的需求，你也可以自行添加。

10、Protoshare

视高协同视频会议系统 3.0视高协同视频会议系统是一套的多媒体通讯协作视频会议软件，全面贯彻以用户为中心的设计开发理念，能帮助全球用户迅速建立视频会议平台，轻松进行沟通。随着互联网的发展，gleasy格子云办公平台依赖internet上的协同工具来提供公司内部团队以及与用户之间即时工作的能力，实现无缝、实时的通讯、任务跟踪或文档分享等功能，完成企业的低成本、高性能、高整合、智能化的综合管理。3.掌握交流研讨工具、问答工具、资源下载工具、磨课工具、视频工具、问卷工具等协同研修工具的功能和作用，并利用这些工具开展研讨、集体备课、评课等网络研修活动。

作 为一个强大的线框图和原型平台，Protoshare提供了大量移动工具集(有来自中心资源库的大量移动模版和大量2D、3D过渡)。通过“拖放”界 面，你可以快速创建交互式的线框图和移动原型，然后发送至iPhone、iPad或者Android设备进行测试，体验app的功能实现情况。

另外，protoshare还支持分享和反馈功能，项目成员可以标记和跟踪的反馈信息来做出决定。在互联网上，人们相信关系营销能更好地发挥作用，因为所有的信息跟踪工作都由电脑来完成，人们不必担心智能卡的操作，也无须在每次购物之后要求商场在优惠卡做出标记，然而这一切并不意味着互联网定制营销不产生任何烦恼。使用丰富的图标和标志库可以轻松确定关键问题、跟踪趋势并标记异常。

本文来自电脑杂谈，转载请注明本文网址：
http://www.pc-fly.com/a/tongxinshuyu/article-110048-1.html