为什么要用画图工具来画原型?

简介: 产品经理每天接触到的工具是在是太多了,平时要接触到的原型图也是各式各样的。不过熊先生最近发现很多同学在用画图工具来画原型,这样确实可以,但是,真的合适么?首先我们来看现在比较常见的几种画图工具:1. PS2. Sketch3. Fireworks4. OmniGraffle每个工具的使用都有其对应的场景,简单的说,就是这些工具的设计者和开发者希望他们的工具是做什么用的。

产品经理每天接触到的工具是在是太多了,平时要接触到的原型图也是各式各样的。不过熊先生最近发现很多同学在用画图工具来画原型,这样确实可以,但是,真的合适么?

首先我们来看现在比较常见的几种画图工具:

1. PS

2. Sketch

3. Fireworks

4. OmniGraffle


img_f1a26fc73ad1a8e1209ea267592d1337.png

每个工具的使用都有其对应的场景,简单的说,就是这些工具的设计者和开发者希望他们的工具是做什么用的。

PS:Image editing and compositing. (图像编辑和创作)

Sketch:Professional digital design for Mac. (轻量,易用的矢量设计工具)

Fireworks:Image editing for websites and apps.(专为网络和应用的图像编辑软件)

OmniGraffle:OmniGraffle is for creating precise, beautiful graphics (专为精致、美观的图片)

为什么我说会觉得这四款工具在大多数情况下并不适合做原型设计呢?

原因1. 它们是优秀的图像处理工具,但是它们并没有良好的创造交互能力。

如果单就创造交互能力来说,这里只有OmniGraffle能够创建交互。但是交互的动作和效果是非常有限的。一般来说,拿给开发和客户看的,多数还是带有交互的原型。这类原型大多是Axure、Justinmind、Mockplus这种专业的原型设计工具来完成设计的。


img_68e2a62686f694253542333ed90c9c00.png

原因2. 它们是优秀的画图工具,但是不值得用它们来抠一个线框图。

你可能会问我,我就是想要用这四款工具做一个线框图,行不行?肯定行!但是你要是你要是问我值不值?这可就难说了。

线框图更多的是用于设计的前期阶段,作为与开发沟通的一种方式存在。使用这些画图工具做出来的线框图只是为了和开发沟通,未免有些太追求效果了。Balsamiq和Mockplus就可以完全的胜任这部分工作了。


img_b02f971e1f91aa3259db185315235f75.png

那么什么时候比较适合用画图工具来做原型呢?

当你需要给用户展示的时候,这些高保真的图,结合Chainco、Flinto或者InVision的交互设置会达到更好的效果。


img_d162f82782867ebd8d32df0d73c54b23.png

工具的使用还是要根据具体的情况的。有些时候做出来的效果,乍一看可能真的很酷炫,但实际意义并不大。务实从简才是硬道理。

相关文章
|
6月前
原型工具Axure和墨刀哪个更好?
原型工具Axure和墨刀哪个更好?
77 1
|
8月前
|
架构师 数据可视化 人机交互
Axure介绍与原型案例分享
Axure介绍与原型案例分享
|
9月前
|
存储 NoSQL 程序员
聊聊「画图」和工具
关于画图和工具选择;两句话能说明白;【1】示意清楚的都是「好图」;【2】免费,够用,支持云存储,都是好的画图「工具」;
88 0
|
10月前
|
人工智能 前端开发 数据处理
Python实现画图软件功能
Python实现画图软件功能
81 0
|
12月前
零基础VB教程059期:circle画图模拟烟花效果
零基础VB教程059期:circle画图模拟烟花效果
177 0
【Axure教程】橡皮擦的擦除效果——刮奖原型
【Axure教程】橡皮擦的擦除效果——刮奖原型
|
定位技术
【Axure教程】画图标记工具原型
【Axure教程】画图标记工具原型
【Axure教程】画图标记工具原型
|
架构师 小程序 定位技术
原型分析|学习笔记
快速学习原型分析。
85 0
原型分析|学习笔记
|
Windows
Windows程序设计——GDI基本画图的操作实现
Windows程序设计——GDI基本画图的操作实现
262 0