1、背景

       其实模仿微信做高保真原型本意是用其面试。之前没有PM经验，也需一些可入眼的作品，方才做了这样一个原型设计。蒙PMCAFF论坛不弃邀我解析该原型，受宠若惊之余便即答应下来，毕竟拜读高段位PM作品也已多时，不愿甘做伸手党的我也该为社区做点共享了。我将会按屏幕，一屏一屏的解析我的思路和实现方法，当抛砖引玉，倘有精彩处还请大家多多点赞，若太过平淡无奇亦欢迎各路侠客拍砖；先行谢过了！废话不多说，看招。

2、思路

       这个微信高保真原型，初衷是尽己所能最大限度的模仿真实的iPhone端微信功能，主要从以下几点着手：

  • 将所有的子页面全都堆放在axure的一个页面中(如下图)，再在iPhone事先放置的框架中打开这个页面，通过相关的动态面板移动或隐藏等功能使各子页面在框架中组织有序。如：点按“返回”，当前页面向右推出，目标页面从左边进入。
  • 界面中几乎所有的icon都与iPhone端微信一致。
  • 采用iPhone5c外壳感官体验更柔和一些，iPhone内框架长宽比例为320px*568px，所有的页面也是基于这个比例设置。

                                                         图1、外层框架