微文吧

公众号

善用Axure写PRD:如何设置手机APP原型?

- 微文吧 - 阅 26
米小巴,免费电商小程序

封面

上篇文章聊了一下为什么375×667是移动端原型设计的最佳分辨率,今天我们来讲讲如何在Axure中如何设计375×667的原型。看起来再简单不过,其实这里面有很多讲究,请听我慢慢道来。

如何创建APP页面

新手一般是这样创建APP页面

做第一个页面的时候,直接拖动几个矩形框到工作区,拼成大概的手机样子。或者找个手机壳模板套进去,然后在里面画。

再做其他页面的时候,复制刚刚做好的页面到新页面,然后删除多余的部分。

这样做并没有大错,但是效率很低。

调用元件库创建APP页面

点击参考我的元件库,创建一个适合自己的元件库,然后载入到Axure。

然后每新建一个APP页面的时候,从左边元件库中拖动到右边,然后直接把位置改成(0,0)。

延伸一下,创建元件库的时候尽量把这几个元件都命名一下,比如命名为页面框架,上导航,左按钮,右按钮。这样以后需要修改的时候直接全局搜索即可。

使用母版创建APP页面

也可以使用母板的方式来制作,但是设计新APP原型的时候就没办法反复调用了,但是不太推荐。

设定一屏线

有些页面需要考虑到重要内容得让用户第一眼就能看到,比如商品详情页面就需要保证订单在任何屏幕上都应该显示在第一屏幕。延伸阅读了解更多

所以从横向标尺那里拉出一条线,有了拉的箭头你在往下拉到667的地方。

如果你的APP比较特殊,所有的页面都需要用到一屏线。那就建一个”固定位置”类型的母版,画一条横线,位置(0,667),宽度400左右。然后“添加到页面-所有页面”即可。

兼顾主流屏幕

虽然你的原型375×667只是iPhone6/6s/7的逻辑分辨率,但是我们可以在原型中把主流屏幕的分辨率体现出来,如果需要特殊适配的话,单独说明即可。

比如Android主流分辨率是720×1280,那原型尺寸是360×640。建一个”固定位置”类型的母版,模板内容是一个360×640的页面,然后批量复制到所有APP页面的底层即可。

当然也可以通过全局辅助线的方式来做,不过更适合Web端产品。

这一步仅供有需求的产品参考,一般来说是不需要用到的。

顺便提供主流屏幕和对应原型的分辨率对照图

相关内容详见http://51prd.com/guide/#g=1&p=设计指南

总结

相信看了这2篇文章,新手PM应该清楚APP页面的尺寸该怎么设定以及如何创建原型啦。

下一篇文章会讲解如何生成原型并在手机上查看,敬请关注。

相关阅读

为什么375×667是移动端原型设计的最佳分辨率

善用Axure写PRD,移动PD需要梳理这些流程图

善用Axure写PRD,全局规范一个都不能少

善用Axure写PRD,彻底丢弃Word和PPT

善用Axure写PRD,APP文本框通用的输入规则

善用Axure写PRD,2种模式7种方法解析页面加载逻辑

#专栏作家#

浪子,公众号langzisay,善用Axure写PRD,人人都是产品经理专栏作家。

本文原创发布于人人都是产品经理。未经许可,禁止转载。

微文吧官方微信公众号 :sz_wwb

相关文章!
  • 穆迪之后惠誉也下调百度评级,都是金融业务惹的祸
    - 阅 12

    世界三大评级机构惠誉、穆迪、标准普尔,其中前两个在5月相继下调百度的信用评级。国际评级机构惠誉5月31日宣布,将百度评级纳入负面观察名单。惠誉称对快速扩张的百度金融业务(金融服务事业群,FSG)存在担忧,其可能增加百度的整体业务风险。

  • 上线前,一款To B产品要做哪些运营动作?
    - 阅 10

    酒香也怕巷子深,在这个信息大爆炸的时代,再好的产品也需要通过运营来开疆扩土。一款ToB的产品上线前不但需要精准的渠道推广,还要有足够的内容支撑,甚至需要针对性很强的活动来推动目标企业及使用者对产品的认知。

  • 作为P2P PM,你应该知道的之资金操作相关
    - 阅 15

    互联网金融的领域很广泛,但是既然是『金融』,则离不开最基础的『支付』。下文就将从基础的支付知识说起,重点对P2P领域会涉及的一些方面进行阐述。主要根据我的项目经验,不一定权威,不一定准确,欢迎吐槽,欢迎拍砖。

取消

感谢您的支持,我会继续努力的!

扫码打赏,你说多少就多少
我要打赏

打开微信扫一扫,即可进行扫码打赏哦

会员登录
还没有账号立即注册

手机登录

保持登录
返回

您可以选择以下第三方帐号直接登录微文吧,一分钟完成注册