一般来说,苦逼的互联网产品经理们都知道 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,欢迎提供线索。

分享到

推荐 28人

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好,图片有问题。

转载于:https://www.cnblogs.com/jukan/p/5273157.html

产品原型设计5:移动App原型设计神器 - POP(Prototyping on Paper)相关推荐

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

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

  2. UI设计案例|文件管理App界面设计灵感

    资源管理器绝对是我们使用电脑时最高频打开的几个界面之一. 文件管理 App 可以帮助我们管理自己的文件,分类管理,快速查找. 集设网www.ijishe.com设计师交流社区精选 12 组文件管理 A ...

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

    APP原型设计 在APP的开发过程中,原型设计是必不可少的.用户界面原型必须在先启阶段的初期或在精化阶段一开始建立.整个系统(包括它的"实际"用户界面)的分析.设计和实施必须在原型 ...

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

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

  5. Axure制作微信APP原型(三):消息+个人模块----聊天、浮窗、登录设备、个人主页、更多信息

    Axure制作微信APP原型(三) APP原型设计是产品经理需要做的工作之一,大家有这个方向和兴趣的可以自己下载一个Axure软件试一下. 可以用已有的APP模型参考设计学习以下,学学人家的界面是怎么 ...

  6. 如何使用高扩展组件制作APP原型的标签栏?

    原型项目中的组件(亦称元件.控件),是指通过基础图层拼装而成,可供用户进行交互或用于展示复杂内容的元素. 在原型设计工作中,组件的使用是非常重要的部分,其不仅关乎项目内容的呈现,更会影响编辑操作效率. ...

  7. 留住用户的APP弹窗设计素材模板

    首先说明一点,留住用户更多依靠产品内容本身的质量与吸引力.挽留弹窗只是防止用户流失.促进商品与内容转化的最后一道「防线」,起到「阻流」作用. Part1:利益引诱 通过福利的发放.商品的优惠等利益刺激 ...

  8. app界面设计是什么?需要学习什么UI软件

    什么是app界面设计?其实app界面设计,又称为UI设计.我们常说的UI设计,其实是一种针对软件的人机交互.操作逻辑.界面美观的整体设计. UI设计师必须掌握的一项技能,就是会使用app界面UI设计软 ...

  9. 麓言信息运动类APP界面设计必备知识点

      运动类APP作为垂直细分的移动应用,随着全民健身理念的深入人心而蓬勃发展,但也面临着同质化严重和用户体验不佳的困境.界面是连接人与机器的桥梁,从设计的角度出发,界面就是设计师赋予物体的新面孔,界面 ...

  10. app后端设计(php)

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

最新文章

  1. 全网最经典26道Spring面试题总结,附面试题答案
  2. 《DSP using MATLAB》Problem 6.24
  3. 超详细的CentOS7中安装Git,yum安装和自己编译安装
  4. 获取界面url_PHP调用百度地图接口,根据IP地址获取地区
  5. POJ2228-Naptime【环形结构上的dp】
  6. 支持向量机: Maximum Margin Classifier
  7. JavaScript字符串方法——持续补充
  8. linux系统修改自动启动项,linux修改启动项
  9. Android 利用SurfaceView进行图形绘制
  10. Java web编程(一)
  11. 《通信原理》樊昌信、《移动通信》——知识点总结
  12. BIOS中的内存测试memtest
  13. 2022-2028全球与中国卫星地面网络科技市场现状及未来发展趋势
  14. STM32基于Proteus虚拟仿真电源设置
  15. spyder安装pyqt5
  16. 只有天空才是你的极限,我们热爱探索的过程并沉浸其中丨图数据库 TiMatch 团队访谈
  17. iOS 全息备份研究
  18. 简洁大气留白风格源码资源站 emlog模板
  19. iMeta | 俄亥俄州立大学郑庆飞组发表多组学方法研究肿瘤微生物组综述
  20. php 邮箱附件 大小限制,不能作为电子邮件的附件发送的是什么?

热门文章

  1. python json操作_Python读取JSON数据操作实例解析
  2. c语言gs迭代法解方程,ex1_7-GS迭代法例题源程序及注释.pdf
  3. java主线程和子线程区别_主线程异常– Java
  4. android数据绑定_Android数据绑定
  5. 机器学习 python 库_Python机器学习库
  6. Mouse Without Border 无法安装问题
  7. 移除mac下 .Ds_Store的解决办法
  8. TDiocpCoderTcpServer 使用
  9. 002,jvm启动流程
  10. js进阶 10-4 jquery中基础选择器有哪些