App草图+流程图+交互原型设计教程
上QQ阅读APP看本书,新人免费读10天
设备和账号都新为新人

1.6 原型设计的常用工具

在设计制作原型时都需要使用相关的专业软件,这些软件可以大大地解放产品经理的时间。设计人员常用的原型设计软件有Axure RP、Adobe XD和墨刀。

1.6.1 Axure RP

Axure RP是美国Axure Software Solution公司的一款旗舰产品,它是一款专业的快速原型设计工具。其中,Axure是公司名称,RP则是Rapid Prototyping的缩写,中文翻译为“快速原型”,如图1-63所示为Axure RP9的工作界面。

图1-63 Axure RP9的工作界面

Axure RP可以让负责定义需求、规格、设计功能和界面的设计师快速创建应用框架,或者快速生成Web网站的线框图、流程图、原型和规格说明文档。

作为专业的原型设计工具,它能快速、高效地创建原型,同时支持多人协作设计和版本控制管理。

提示

Axure RP的使用人群主要包括商业分析师、信息架构师、产品经理、IT咨询师、用户体验设计师、交互设计师和UI设计师等。

由于本书的第2章会详细讲解这款软件的操作方法和使用技巧,所以在这里就不再赘述。

1.6.2 Adobe XD

Adobe XD是一站式的用户体验设计平台,使用这款产品大家可以制作移动端和网页端的原型。

它也是唯一一款兼具视觉设计与原型设计的工具,并同时提供工业级性能的跨平台产品设计。设计师使用Adobe XD可以更高效、更准确地完成静态编译或者框架图到交互原型的转变,如图1-64所示为Adobe XD的启动图标和欢迎界面。

图1-64 Adobe XD的启动图标和欢迎界面

由于兼容性问题,在Windows系统下如果想要使用Adobe XD,只有系统为Windows 10才能安装并使用,在Windows 7系统下安装Adobe XD时,系统会提示用户,如图1-65所示。

图1-65 安装提示

由于本书第3章会详细讲解这款软件的操作方法和使用技巧,所以在这里就不再赘述。

1.6.3 墨刀

墨刀是一款在线原型设计与协同工具。墨刀是北京磨刀刻石科技有限公司旗下的一款在线原型设计与协作工具,借助墨刀,产品经理、设计师和运营等用户群体能够搭建产品原型,展示互联网产品效果。图1-66所示为墨刀软件官网界面。

图1-66 墨刀软件官网界面

墨刀也是协作平台,项目成员可以协作编辑、审阅,不管是产品想法展示,还是向客户收集产品反馈,向投资人进行Demo展示,或是在团队内部协作沟通、项目管理。图1-67所示为墨刀的启动界面和桌面版的工作界面。

图1-67 墨刀的启动界面和桌面版的工作界面

墨刀不仅有网页版和桌面版,甚至也有移动端的墨刀App,如图1-68所示为墨刀App的界面。

图1-68 墨刀App的界面

墨刀的功能概览中,分为原型设计、开发标注和Sketch插件三部分,其中原型设计的具体功能如下所示:

● 多格式离线文件下载

墨刀可以保存HTML、PNG、APK、IPA等多格式离线文件,以供使用者进行离线演示。墨刀还可以下载多倍率图片,满足不同分辨率需求。

● 轻松搭建全平台设备原型

墨刀支持创建各种平台设备的原型,包括iPhone/iPad/Watches、Android、平板和PC端等。同时使用者也可以自定义设备尺寸,为其提供一个便捷、真实又自由的创作环境。

● 丰富的基础设计资源

墨刀提供iOS系统和Android系统等常用组件及大量精美图标,使得使用者可以轻松搭建原型。同时使用者还可以自定义界面的个性化组件,方便项目之间自由切换和使用。

● 拖拽创建链接及交互动效

墨刀提供丰富的页面切换方式、交互手势及动画,使用者可以简单操作原型创作仿佛真实的App产品演示。

● 扫一扫快速手机预览,一键分享

通过二维码和链接分享,大众可以在网页端和移动端的墨刀中快速查看产品原型的展示效果。