文档章节

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

jongde
 jongde
发布于 2017/02/07 17:02
字数 644
阅读 17
收藏 1

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

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

1. PS

2. Sketch

3. Fireworks

4. OmniGraffle

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

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这种专业的原型设计工具来完成设计的。

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

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

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

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

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

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

© 著作权归作者所有

共有 人打赏支持
jongde
粉丝 8
博文 260
码字总数 323940
作品 0
成都
加载中

评论(1)

请勿吸烟
请勿吸烟
除了高保真的用axure,其余的用mockplus轻松搞定。
网站规划通识:原型图绘制的一些注意事项

本文来自网易云社区 作者:林玮园 雷火游戏部 网站组 基本概念: 一、什么叫原型图? 用线条、图形描绘出产品/专题的框架,即为原型,也可称线框图。 原型图的输出可根据质量,大致分为低保真...

网易云
09/05
0
0
想要做”架构师“,一定要会画设计图

什么是系统架构师? 系统架构师是一个既需要掌控整体又需要洞悉局部瓶颈并依据具体的业务场景给出解决方案的团队领导型人物。一个架构师得需要足够的想像力,能把各种目标需求进行不同维度的扩...

互扯程序
03/05
0
0
javascript的原型分析

首先我们引出问题: function A(){}A.prototype={ }var a1 = new A();var a2 = new A(); a1.b.c=2;a1.d="ddd"; alert(a2.b.c)//2alert(a2.d);//dd 其实上面的代码,大多数人疑惑的地方是:为......

贰拾壹
2013/02/04
631
10
推荐一个在线创作流程图、思维导图软件—ProcessOn

最近要画流程图,破解了半天Visio2016没搞定,2016的估计都被封了,Visio收费又过贵,又不想折腾低版本的破解,所以找了个在线画图平台ProcessOn,没想到还出乎人意料,完全可以达到预期效果...

架构之路
2017/12/18
0
1
【知识分享】实用链接收藏

1.电影下载 说明:只要网速可以,最近上线的电影都可以下载,迅雷有边下边播的功能,所以就等于可在线看了。 2.最全的考试时间表 说明:上面有一年中所有领域考试的具体时间安排。 3.快速制作...

Gnd15732625435
2016/09/18
0
0

没有更多内容

加载失败,请刷新页面

加载更多

74.expect脚本同步文件以及指定host同步文件 构建分发系统文件和命令

20.31 expect脚本同步文件: 在expect脚本中去实现在一台机器上把文件同步到另外一台机器上去。核心命令用的是rsync ~1.自动同步文件 #!/usr/bin/expect set passwd "123456" spawn rsync -a...

王鑫linux
29分钟前
0
0
TypeScript项目引用(project references)

转发 TypeScript项目引用(project references) TypeScript新特性之项目引用(project references) 项目引用是TypeScript 3.0中的一项新功能,允许您将TypeScript程序构建为更小的部分。 通过这...

durban
34分钟前
0
0
爬虫入门

导读 网络爬虫(Web crawler),是一种按照一定的规则,自动地抓取万维网信息的程序或者脚本,它们被广泛用于互联网搜索引擎或其他类似网站,可以自动采集所有其能够访问到的页面内容,以获取...

问题终结者
34分钟前
0
0
ppwjs之bootstrap文字排版:无序列表项不换行

<!DOCTYPT html><html><head><meta http-equiv="content-type" content="text/html; charset=utf-8" /><title>ppwjs欢迎您</title><link rel="icon" href="/favicon.ico" ......

ppwjs
40分钟前
0
0
SpringBoot 学习一

本文将从以下几个方面介绍: 前言 HelloWorld 读取配置文件 例子(CURD) 前言 Spring Boot是由Pivotal团队提供的全新框架,其设计目的是用来简化新Spring应用的初始搭建以及开发过程。该框架...

tsmyk0715
41分钟前
1
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部