一般来说,苦逼的互联网产品经理们都知道 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. STSdb

    打开数据库并写入数据 ? using (StorageEngine engine = new StorageEngine("stsdb4.sys", "stsdb4.da ...

  2. oracle中查询含字母的数据[正则表达式]

    1,REGEXP_LIKE :与LIKE的功能相似2,REGEXP_INSTR :与INSTR的功能相似3,REGEXP_SUBSTR :与SUBSTR的功能相似4,REGEXP_REPLACE :与 ...

  3. [Raobin] Ext.net在前端直接将对象转为json形式传入后台

    d.Render.ExtraParams.Add(Html.Y().Parameter("Json", new JavaScriptSerializer().Serialize(e ...

  4. By类的使用

     举例,页面上有5个table,每个table都有标题栏和内容栏你觉的我是把每个table的标题都放到List里面遍历使用还是现指定table,在获取table的标题栏使用呢明显后面的方便不容易乱麽所 ...

  5. 【原】 Spark中Worker源码分析(二)

    继续前一篇的内容.前一篇内容为: Spark中Worker源码分析(一)http://www.cnblogs.com/yourarebest/p/5300202.html 4.receive方法, r ...

  6. 一分钟快速入门openstack

    一.它是什么,能干什么想认识一个事物,必须先弄明白它是什么,能干什么.首先说一下,openstack是一个搭建云平台的一个解决方案,说他不是个软件,但是我觉得说是一个软件,能够让大家认识更清晰些.op ...

  7. 关于python文件转为exe文件

    一.简介 py2exe是一个将python脚本转换成windows上的可独立执行的可执行程序(*.exe)的工具,这样,你就可以不用装python而在windows系统上运行这个可执行程序. py2e ...

  8. 2016-11-15NOIP模拟赛

    AM学军OJ T1 暴力 #include<bits/stdc++.h> using namespace std; typedef long long LL; + ; int len, p ...

  9. URAL 1992 CVS 链表

    不更改链表结构,只是添加节点,没有删除节点.通过记录和更改标记来模拟题意的插入和删除,复制 指针模拟链表: 预开指针,存在M[]中,可以提高效率 #include<functional> ...

  10. 编程实例--for循环,找出0~100之间与8有关的正整数

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...