Axure 原型适应到不同平台的方法

153 篇文章 3 订阅
42 篇文章 1 订阅

“老师,公司要求我做一个不同机型的原型,不想重新做,可以适配吗?”

“老师,手机有那么多类型,我难道要做那么多的原型吗?”

“老师,axure中怎么进行原型的适配呢?应该怎么设置”

“老师,今天学习到的自适应视图有什么作用?”

在学习axure的时候,有很多同学都会问到适配的问题,这是除了尺寸问题之外,又一个常见的问题。

产品经理不可能一个产品做多个原型,但我们应该怎么去适配不同的平台呢?是直接拿着以前的原型PRD给技术去开发?还是拿以前的原型PRD修改了再给?当然也可以选择重新整一遍新的原型PRD。

在Axure中有更好的方法。

在直播学习的时候问到的话,老师会在课堂中直接解答了。有些同学没有学习过,或者时间长了之后,或者上课时走神没注意听,就有点不清楚了。这里再给大家简单看看。

01、什么是适配不同平台

具体来说就是产品经理的工作如何指导UI和前端工程师开发不同平台,也就是产品经理产出物“原型和PRD”需要具备此特性。

适配不同平台,不代表你的原型就是高保真。有些初级产品经理的理解水平真的很一般。

适配不同平台,和适配不同屏幕,是2个概念。后者适配不同屏幕通常是指你的APP是否兼容iPhone7、iPhone7plus、iPhone5、iPhone4等屏幕并完美展现页面内容和交互。而前者肯定不是这个意思。

02、哪些情况下需要适配当APP发展良好,需要快速补充H5

小程序版本来覆盖不想下载APP的用户

当你做的是H5 APP,想兼容一下Web环境

当你主营Web网站,想移植核心功能到H5环境中

当你主营APP,然后想兼容Web环境

03、一般是这样适配不同平台

使用一份原型和PRD写APP,需要适配其他平台的时候,则在有差异的地方做一下标注。但是这样做会有很多问题。

  • 当差异超过一定程度的时候,很难去标注。

  • 如果需要同时迭代多个平台,原型和逻辑是不是要写多份。并且容易遗漏。

  • 服务端童鞋很难理解不同平台的原型,他需要如何去支持接口和数据库层面。

​推荐使用Axure的自定义视图来适配不同平台

使用Axure创建原型并标注逻辑的方式来作为产品经理交付物-PRD,并且使用Axure的自定义视图功能来设计不同分辨率下的原型。           

当做好了web ,去设计wap的时候,用此种方法画原型写逻辑是最合适的事情。如果只是再差异的地方单独标注,连产品demo都无法让大家直观的理解。

关于自适应视图的具体设置及原理,之前有一篇文章有专门介绍过,这里就不再赘述。有兴趣的朋友可以查看历史文章。

如果你使用的是新发布的Axure 9的版本的话,可以先设置移动端的适应。这是axure 9新增的功能。Axure 9增加了移动端的适应。这个一次重要的突破,妈妈再也不用担心移动端不知道该怎么做了。可以看到有Apple的和Android的。

直接选择移动端的类型即可,可以找到要制作的移动端的机型,这时候的尺寸就是该机型的尺寸。

需要配置不同的尺寸的话,在这个基础上再去设置自适应视图即可。或者制作多个文件也可,根据自己的实际需求进行制作。

总结

Axure当初发布自定义视图功能的时候就是考虑到这些不同分辨率不同平台的差异,所以才推出此功能。

大家在做原型的时候,根据自己的实际需求,善用自定义。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值