一、软件原型设计工具

比较受欢迎的软件有:Axure、墨刀、Invision、Marvel、POP(Prototyping on Paper)等。

二、工具特点

2.1 Axure

Axure是本地软件,无限画布,适合做低保真到中保真度的原型,功能也较多,难易偏大。可以下载html预览,手机预览略微不方便。

2.2 墨刀

墨刀是在线工具,支持云端工作、保存,方便快捷。属于国产的原型设计软件,比Axure容易上手,内置的组件种类多样,创建页面跳转比Axure简单,可以通过链接分享原型,便于工作交流与对接,同时支持sketch文稿导入和自动标注。

2.3 Invision

Invision在“交互原型”与“协作”方面功能较为突出,支持sketch和ps设计稿导入做交互,能够满足更精细的设计需要。但在国内使用受服务器影响,速度可能较慢,而且价格也略高。

2.4 Marvel

Marvel也支持sketch和ps设计稿导入做交互,支持中度保真程度的设计,有自动标注功能。图片库是与unsplash对接,有大量免费可用的图片。软件价格比Invision较便宜。

2.5 POP(Prototyping on Paper)

POP比较特殊,通过给拍照的手画草图直接做交互。使用手机拍下草图原型,编辑图片哪个区域连接到哪个页面,添加跳转链接。内嵌侧滑、展开、消失等,满足一般动态展示需要。但功能较简单,无法满足更深层次的需求。

三、Axure使用简介

通过添加控件、组件、注释等对面板进行编辑、修改,达到交互、使用等功能。

常用的组件有:图片、文本块、矩形、占位符、形状按钮、图片映射区域、动态面板等,在交互操作中使用动态面板的最多。将组件单机选中拖入工作区域后,可以对已添加的组件进行颜色、边框等属性设计。

Axure交互大致分为以下四种:定义链接、动作设置、多个条件场景、页面上的交互。在完成交互操作时,要明确对谁操作、什么操作、执行什么等。常用事件包括:双击、右击、鼠标移出、调整尺寸、获取焦点等。可以在条件面板中设置详细的属性,还可以设置相应的变量与函数等。

ios原型设计 app原型设计工具_动态面板

    

ios原型设计 app原型设计工具_动态面板_02

    

ios原型设计 app原型设计工具_互操作_03

ios原型设计 app原型设计工具_互操作_04

    

ios原型设计 app原型设计工具_ios原型设计_05