浅谈关于软件开发的主流原型设计工具

原型设计是设计思维过程中的一个密切部分，它能提供机会去证明软件开发人员的初步设计想法。当原型完成时，软件开发人员能够测试并验证其设想。当有新信息出现时，还能调整调整原型设计。本文因此浅谈关于软件开发的主流原型设计工具。

一、低保真、快速移动应用程序

1、为移动应用构建

2、低保真

3、快速搭建

4、需要将屏幕链接在一起，并显示它们的流程

推荐的开发工具：

Invision
Marvel
Craft（by Invision,Plugin for Sketch）
Adobe XD
Flinto
Principle
Origami
UX Pin
Pixate

二、低保真桌面网站或 Web 移动应用

1、为桌面浏览器（网站）构建

2、允许低保真

3、快速搭建

4、需要将屏幕链接在一起，并显示它们的流程

推荐的开发工具：

Invision
Marvel
Craft（by Invision,Plugin for Sketch）
Adobe XD
Flinto
Principle
Origami
UX Pin
Pixate

三、响应体验

1、构建响应式网站（手机、平板、桌面）

2、需要较高的保真度

3、时间不是特别急，但也想要有高效率

4、需要将屏幕链接在一起，显示它们的流程，并展示响应式网站是如何崩溃的

推荐的开发工具：

Raw HTML/CSS/JS（真正的响应式设计）
Axure(static breakpoints)
UXPin(static breakpoints)

四、特定功能

1、在移动应用上构建特定的动画

2、需要特别高的保真度

3、需要高效率

4、需要显示运动，动画元素和时机——我并不关心页面之间的跳转

推荐工具：

Principle（最快的设计方式）
Adobe After Effects
Raw HTML/CSS/JS
Flinto
Origami
Phonegap
Xcode
Framer

五、高保真体验（手机或者桌面）

1、为手机或桌面进行构建

2、必须尽可能高保真

3、我有足够的时间进行这项任务

4、需要显示屏幕的流程，同时还能高保真显示屏幕元素和功能的动画

推荐工具：

移动设备：

Principle
Flinto
Origami
PhoneGap
Framer
Xcode

桌面：

Raw HTML/CSS/JS
Principle
Flinto
Framer
Xcode

上诉主流原型设计工具重复次数：

Invision 1+1=2
Marvel 1+1=2
Craft（by Invision,Plugin for Sketch） 1
Adobe XD 1
Flinto 1+1+1+1=4
Principle 1+1+1+1=4
Origami 1+1+1=3
UX Pin 1+1=2
Pixate 1
Adobe XD 1
Keynote 1
Raw HTML/CSS/JS（真正的响应式设计） 1
Axure(static breakpoints) 1
UXPin(static breakpoints) 1
Phonegap 1+1=2
Xcode 1+1=2
Framer 1+1=2

其中，Principle、Flinto、Origami最为之多。

Principle：Principle mac是Mac平台上最好用的交互原型设计工具之一。Principle mac结合了Sketch，After Effect，Keynote以及Flash等多款软件的优点于一身，使用非常简单，支持多种尺寸的原型设计，能够帮助用户快速制作出具有完整交互动画的原型。

示例：https://www.iamue.com/12562

Flinto：Flinto 可以帮设计师创建可交互式的设计原型，并且可以在网页和移动端设备上运行。设计师可以在Flinto中使用静态图片创建原型，按照自己的想法令其旋转、与之互动，支持和Sketch等应用结合使用。特点：除了拥有透明度变化，XYZ轴旋转，XY轴位移，运动曲线调整等基础功能之外：

整体交互原型的制作
与sketch无缝配合
效率极高
上手快

示例：https://video.tudou.com/v/XMTgyNDEyMzU3Ng====.html

Origami 特点:

1、对动效的实现进行初期的逻辑梳理，在技术实现阶段能提供一定的思路和建议；2、能更加真实地还原手机的操作与真实的操作体验； 3、能训练设计师本身的逻辑梳理能力，对于自己的设计有更全面的认知。

示例：https://www.zcool.com.cn/article/ZNDYxMzYw.html

浅谈关于软件开发的主流原型设计工具

相关推荐