这样就可以得到原型的网址了(如上图Your site is published at ……..(被我马赛克掉了~)) 这样你就可以很顺畅的浏览你的原型网站了,不用担心像share.axure.com上面那样卡到没脾气~
#p#分页标题#e#Step optional:版本更新 上文中也提到了,利用github来发布原型的一大好处就是可以随时提交新版本以及回退到历史版本,使原型也有版本控制,再也不担心给错原型,同时每一版本的原型都有记录。 那么接下来我们顺便来演示一下这个功能有多方便吧~ 假设我们现在对原型做了一些修改,只需要在axure中点击“在HTML中重新生成当前页面”即可(但注意,要保证重新生成的页面地址没有改动过,仍然是APP_Demo在本地磁盘所在目录) 若是有很多页面改动,可以直接将新版本覆盖到老版本所在的目录即可。 这时我们重新返回到git客户端,可看到上方出现了“26 uncommitted changes”,按照同样的老方法,将改变提交到服务器,并且点击右上角“Sync”进行同步,如下图
再打开原网址,发现之前原型所做的修改已经更新发布,体现在该网址上面。 到此为止,一个可以与程序猿哥哥讨(si)论(bi)需求,讨论原型的高大上神器就完成了~ 但是,如果你想要把这个原型演示给老板,客户,以及其他任何可以展(zhuang)示(bi)的地方呢,最好还是把原型放进手机里,做成一个好像真的APP一样!这样才能更好的说服老板,客户等等~
#p#分页标题#e#Part 2:把原型放到手机里 前提:你的原型最好是高保真原型 有动画有交互,这样才能像真的一样。否则就算放进手机里了,也还是不像真的APP~ 所以,课余时间比较多的孩子,可能多练习练习高保真原型的制作,虽说产品经理是一个重思维的工作,但是“工欲善其事必先利其器”,有一个能够说服人心的高保真原型,提前让人看到成果,这可能比你苦口婆心对着程序猿说“求求程序猿哥哥帮忙做下这个需求吧,最后一个了”要来得更加有效率~
Step 1:选择合适的原型尺寸 事先百度下适合各种型号的手机的原型尺寸(逻辑分辨率)是多少? 这里给出一些常见的:
iPhone 5/5s: 320*568
iPhone 6/6S/7 : 375*667
iPhone 6p/7p : 414×736
也就是说,如果你有一个iphone7,375*667就可以铺满全屏。 但是,请注意,由于Axure导出的原型在iOS上处理status bar时有问题,需要在高度上减去status bar的高度20,就为375*647,所以保证原型的高宽为375和647,另外请保证你的原型图起点是在其x轴,y轴都在(0,0)处,这样才能保证原型刚好平铺手机屏幕,否则若是起点不在(0,0)处,虽然原型尺寸是刚好平铺手机屏幕,但由于起点(0,0)处,原型有可能就处于手机浏览器中央,仍然不能满足需求。如图在axure中设置如下
Step 2:在Axure生成原型时对“移动设备”选项进行设置 在axure中点击“生成HTML”,点击“移动设备”设置相关参数如图,其中主屏图标也即应用将会呈现在手机桌面上的样式,IOS启动画面设置也即启动应用时的页面。 特别注意,完成相关参数设置后,还是需要到git客户端去commit这些changes到服务器端,才能生效 本文上部分已有大篇幅讲述,本部分不再赘述
Step 3:手机查看原型 在safari中打开原型链接,也就是我们part 1部分做好的高保真原型链接。点击手机下方“close”关掉导航,并点击iPhone自带功能“添加到主屏幕”,具体如下图
#p#分页标题#e#这时,我们可以看到手机桌面已经多个一个名叫“成长吧”的应用,进入原型,这时候的原型已经适配了手机的尺寸,躺在桌面的icon,丝毫不会有人看得出这只是个原型~如下图所示
这才是原型打开的正确方式,拒绝撕逼,用原型说话,让沟通更简单,更高效~ 写在最后 制作高保真原型,生成网页链接,更新版本,生成手机适配原型等等,虽然看起来很酷炫很方便,但也请各位产品汪不可本末倒置哦,在时间充足并且个人兴趣浓厚,或者在某些场合必须提前画出高保真原型用以打动老板,打动客户等场合才建议花时间做这些操作。重思维,多分析多观察,不为画原型而画原型,原型只是沟通方式的一种,并非产品经理的全部,与各位产品经理共勉~
下一篇:产品推广的核心:内容与渠道