一般来说,苦逼的互联网产品经理们都知道 Axure 这个原型设计工具,一方面是因为它提供了足够简单的拖拽操作,易上手,且有很多模板方便复用;另一方是因为它可直接输出html,直接在浏览器里给团队成员和老板展示原型,方便做可用性测试。

移动 App 越来越多,现在你不做一两款 App 出门简直都不好意思跟人打招呼了。不能直接上手 PS 的产品经理们,又在想怎样低成本地制作移动app原型了。Axure 和 OmniGraffle Pro 当然会被容易被想到,但通过这两个制作出来原型的要在手机上直接展示,就只剩一张张图片翻页了…

POP 流程

直到看到 POP(Prototyping on Paper)这款神器!!它的使用非常简单,

1. 一杆笔+一张纸绘制出原型,最常规的几个页面、按钮、主流程跑通就好
2. 使用 POP 这款 app 对一张张图片拍照,存到POP app内部
3. 开始编辑,哪个图片的哪个区域(按钮)链接到什么页面,手控操作
4. 完成,你可以跟工程师、视觉设计师、老板直接展示了

POP 说明

OK,有屌丝产品经理会说了,这个家伙要求手绘风格很漂亮啊,我写都快不会写了咋办?没关系,你可以在淘宝买一款 iPhone UI stencil Kit 工具,100来块钱让你手绘的原型更靠谱,甚至接近 PS 的效果。(避免广告,请自行搜索)

支持平台:iOS 下载
是否免费:免费
相关资源下载:暂无
官方网站:POP - iPhone prototyping made easy.

——————————————

PS,国内有个团队做了一个类似的应用叫“快现”,当前版本 2.0.0 更新于 2012.12.05;POP 当前版本 1.1.0 更新于 2012.11.27 。尚不确定快现是否有直接copy自POP,欢迎提供线索。

88人 喜欢 喜欢
2013-07-22 15:53:01 小胡子 (seize everything you ever want)

自己做了个原型草图本,配合pop应该很犀利的说。。。GUI设计师请戳: 
http://shop102288713.taobao.com/

 
 
2013-09-10 15:52:03 inFox (大丈夫,无肉不欢……)

用Axure做出来的效果比这个牛逼多了。

 
 
2014-06-29 14:33:56 ggyy

快现功能随便多一点,但是用起来不是很方便,简单说就是体验比较差劲。 
另外,想请教楼主,pop账号登录不上去怎么破?

 
 
2014-08-25 17:47:13 范克里夫 (为40岁能实现20岁时的梦想而搏杀)
用Axure做出来的效果比这个牛逼多了。 inFox

牛逼有啥用,人家要的是随时随地的设计和演示,用PS画不是更牛逼 ···

 
 
2014-11-26 12:02:29 砷碘

用Justinmind就可以了,专为App原型设计的利器

 
 
2015-08-02 19:08:50 挖学宝

POP学几分钟就搞掂,学Axure还要花不少时间,快现没有POP好,图片有问题。

产品原型设计5:移动App原型设计神器 - POP(Prototyping on Paper)的更多相关文章

  1. iOS设计 - 一款APP从设计稿到切图过程概述

    这篇文章站在GUI设计师的角度概述了APP从项目启动到切片输出的过程,相当于工作流程的介绍.这里写的不是一种规范,只是一种工作方法,加上技术的更新是非常快的,大家在具体工作中,一定要灵活运用. 这里我 ...

  2. Android实战:手把手实现“捧腹网”APP(二)-----捧腹APP原型设计、实现框架选取

    Android实战:手把手实现"捧腹网"APP(一)-–捧腹网网页分析.数据获取 Android实战:手把手实现"捧腹网"APP(二)-–捧腹APP原型设计.实 ...

  3. 必做作业3:短视频编辑app原型化系统

    本app立足于打造短视频分享交流社区,app不仅有视频编辑的功能,还有视频的分享和收藏功能.系统有登录.注册.找回密码的功能,可以进行账号资料管理,并可以管理自己的视频.分享和收藏.系统可以对视频进行 ...

  4. app后端设计--总目录 (转)

    特此说明,我转载的!!! app后端设计(1)--api app后端设计(2)--xmpp的使用 app后端设计(3)--短信,邮件,推送服务 app后端设计(4)-- 通讯的安全性 app后端设计( ...

  5. app后端设计--总目录

    做了3年app相关的系统架构,api设计,先后在3个创业公司中工作,经历过手机网页端,android客户端,iphone客户端,现就职于app云后端平台bmob(想了解bmob点击这里).其中的乐与苦 ...

  6. [置顶] app后端设计--总目录

    版权声明:本文为博主原创文章,未经博主允许不得转载. 做了3年app相关的系统架构,api设计,先后在3个创业公司中工作,经历过手机网页端,Android客户端,iphone客户端,现就职于app云后 ...

  7. app后端设计(0)--总文件夹

    原文:http://blog.csdn.net/newjueqi/article/details/19003775 做了接近两年app相关的系统架构,api设计,先后在两个创业公司中工作,经历过手机网 ...

  8. app后端设计(0)--总目录(转)

    原文:http://blog.csdn.net/newjueqi/article/details/19003775 做了接近两年app相关的系统架构,api设计,先后在两个创业公司中工作,经历过手机网 ...

  9. app后端设计(php)

    来源:http://blog.csdn.net/column/details/mobilebackend.html?page=1 做了3年app相关的系统架构,api设计,先后在3个创业公司中工作,经 ...

随机推荐

  1. Code First to an Existing Database

    Code First to an Existing Database https://msdn.microsoft.com/en-us/data/jj200620 https://weblogs.as ...

  2. ImageMagick使用小节

    ImageMagick是一个强大的开源图形处理软件,国内应该很少人用,至今仍在更新,放出全版本下载链接 http://ftp.icm.edu.pl/packages/ImageMagick/binar ...

  3. poj 1438--One-way Traffic(边的双连通)

    给定一个图,并给定边,a b c(c==1||c==2) 表示ab之间有c条边 求把尽可能多的有向边定向变成强联通图. 先把图当做无向图,加边时记录是否有边,dfs的时候不要把本没有的边用到!因为这个 ...

  4. 教程-隐藏/显示任务栏-程序不在任务显示-全面控制Windows

    1.隐藏任务条 var  h:THandle; //变量h:=FindWindow('Shell_TrayWnd',nil);ShowWindow(h,SW_hide); 2.显示任务条h:=Find ...

  5. python 实战

    用Python写一个真正的Web App! 目标 我们设定的实战目标是一个Blog网站,包含日志.用户和评论3大部分. 比如webpy.org上就提供了一个Blog的例子,目测也就100行代码. 我们 ...

  6. javascript的类和构造函数

    在javascript中,类的实现是基于其原型继承机制的.如果两个实例都从同一个原型对象上继承了属性,我们就说它们是同一个类的实例.那么,如果两个对象继承自同一个原型,那基本上可以认为它们是由同一个构 ...

  7. 使用Camstudio和KeyCastOW来录屏制作软件Demo视频

    博客搬到了fresky.github.io - Dawei XU,请各位看官挪步.最新的一篇是:使用Camstudio和KeyCastOW来录屏制作软件Demo视频.

  8. C++ 运行时类型识别 知道实例父类类型,显示出子类类型

    typeid(nets_[i]).name() 其中的nets_[i]是一个对象

  9. mybatis generator 使用

    国内私募机构九鼎控股打造APP,来就送 20元现金领取地址:http://jdb.jiudingcapital.com/phone.html内部邀请码:C8E245J (不写邀请码,没有现金送)国内私 ...

  10. 漏洞大爆光:QQ漏洞、飞秋漏洞、360浏览器劫持…

    随着互联网应用的高速发展,信息安全已深入到诸多领域,前段时间发生的"Struts 2"漏洞及"心脏出血"漏洞影响了二亿中国网民的信息安全.原因是程序猿缺少细致的 ...