善用 Aure 写 PRD，如何生成适配手机的原型

之前2篇文章讲了《为什么375×667是移动端原型设计的最佳分辨率》和《如何设置手机APP原型尺寸》，这一篇讲解如何设置Axure来生成可以在手机上完美查看的APP原型。逻辑上有点复杂，但是按照我的方法操作起来并不难。所谓的APP原型适配手机，是指用手机浏打开原型页面的时候，横竖都刚好撑满屏幕。当然如果页面比较长，高度超过一屏是没问题的。如果你的原型是你手机屏幕的逻辑分辨率

原型设计 2017年03月17日

WeUI（微信）原型资源分享

WeUI 原型资源分享，组件库和原型均可下载使用。WeUI 是一套同微信原生视觉体验一致的基础样式库，由微信官方设计团队为微信内网页和微信小程序量身设计，令用户的使用感知更加统一。目前官方为开发者和设计师提供了Sketch和PSD基础样式库源文件，但对于产品童鞋来说，带交互的原型组件库才是王道！^_^o~为方便大家进行公众号、小程序等微信相关的产品原型创作，我们在这里分享给

原型设计 2017年03月16日

善用 Aure 写 PRD，把原型放到手机里查看

前几天讲了《为什么375×667是移动端原型设计的最佳分辨率》，然后《如何生成适配手机的原型》，以及《如何设置手机APP原型尺寸》。这一篇讲解如何将原型放到手机里面查看，先分享效果电脑打开网址，手机打开网址。核心是应该是把原型发布到网络上。一方面可以用手机查看原型并模拟用户使用APP的交互体验；另外一方面，让技术随时随地能够查看原型并写代码。为什么选择Github其实将原型

原型设计 2017年03月18日

论快速原型设计的重要性

快速原型设计的重要性主要体现在三个方面：（1）保证设计者流畅的设计思路；（2）通过快速演示帮设计人员更好地推广想法；（3）在高效地修改，迭代中提高设计人员自身项目能力。产品原型是用于还原用户体验最直接的手段，一个可触击原型不仅能检测产品的可用性，还能最大限度地节省时间，降低资源消耗。权威案例表明，原型设计对产品逻辑的精确再现，避免了产品发布后约25%的bug。同时，原型设计

原型设计 2017年03月22日

外卖（饿了么）APP 原型资源分享

2017版「饿了么」APP原型资源分享，组件库和原型均可下载使用。恭喜你！又获得一套「饿了么」APP原型！^_^o~这期的分享主题是「外卖」，于是，作为一个一年365天能在「饿了么」APP原型组件库， 点击引用组件库：或者2.如上图所示，点击引用后，组件库即成为自己的引用资源（库内的资源也会实时更新），大家可在项目中使用它来搭建自己的页面，比如快速搭建一个「浏览足迹」页面：

原型设计 2017年03月23日

善用 Aure 写 PRD：如何在手机上完美体验 APP 原型的功能和交互

上篇文章《善用Axure写PRD，把原型放到手机里查看》讲了《如何把原型放到网络上》，这篇讲解如何在手机上完美的体验APP原型的功能和交互。主要讲iOS系统的手机如何查看，Android手机的操作方法类似。我提供了非常完整的演示步骤，请根据自身情况有所取舍的去使用。建议结合前几篇文章阅读。获取APP原型的网址比如我把闪电约APP的原型上传到51prd.com服务器下面的de

Axure教程 2017年03月30日

一周的“探探”体验之后，我画了它的主要流程和原型

本来呢，我是拒绝这类交友软件的。在想要成为PM之前，我也喜欢体验一些新App，但社交软件始终装的不多。可能我对很多事情都很感兴趣但就是对社交有些苦手。（手动摊手）不过，既然有了新的梦想，那稍稍体验一下也不会少斤肉啦。（ 真能少肉的话，100遍我也是会下载的 ）只是粗略体验了一下，没有真正聊过，也没有碰上“擦肩而过”的人，所以流程里一定会有不完善的地方，希望走过路过的朋友们多

原型设计 2017年04月05日

同一份 PRD，如何满足不同受众的查看需求？

看到网上有PM提问“UI、后端、前端看完原型之后，产品逻辑应该写几份怎么交付”。清一色的回答是应该写多份逻辑给不同的受众，然后分别交付。而我的经验是仅需写一份原型和逻辑，以不同的呈现方式交付给不同的受众。前提是你能够善用Axure写PRD。为什么这样说呢，你要知道按照多份逻辑分别交付的方法是存在很多问题的。重复工作多。比如视觉逻辑是UI和前端开发都需要的。修改很麻烦。如果有

原型设计 2017年04月04日

Aure 用例：如何适配产品原型到不同平台?

作者对如何适配产品原型到不同平台分享了一些见解，与大家分享。当APP发展到一定阶段，老板要求做个H5版来覆盖不想下载的用户，或者说小程序那么火，我们也上一个吧。此时PM应该如何适配不同平台。是直接拿着以前的原型PRD给技术去开发？还是拿以前的原型PRD修改了再给？当然也可以选择重新整一遍新的原型PRD。我相信大部分PM使用的是前面2种，但事实上有更好的方法。一、什么是适配不

Axure教程 2017年04月18日

如何用 Aure 画出适配不同平台的原型

上篇文章《PM应该如何适配不同平台》讲解方法论，这篇文章讲解工具操作。以AxureRP8为例，讲解如何绘画兼顾不同平台的原型。一、以产品的主平台为基础来设计原型当你主营Web网站，想移植核心功能到h5环境中。那么你应该以Web原型为主，然后创建h5的自适应视图。同理其他场景也是如此。详见上篇文章的“哪些情况下需要适配”章节。接下来我们以“知乎web版本，然后增加手机网页访问

Axure教程 2017年04月19日