善用Axure母版 提高原型设计效率

我是创始人李岩:很抱歉!给自己产品做个广告,点击进来看看。  

在之前的 每个产品都应该有自己的一套原型组件库 一文中提到,组件库对于原型设计能提高不少效率,今天继续来聊聊 Axure 另外一个非常实用的功能,也就是这篇文章标题写到的: Axure 母版

这类技巧性的文章,我尽量花比较少的篇幅来快速说说它的效用,因为自己平时在工作中也经常用到,节约不少产品设计时间,所以分享出来,希望给大家有所启发。

我们在原型设计的 时候,经常会存在一个页面中有多种状态,比如在电商平台中,订单状态,可能就存在:待付款、待收货、已完成、已取消等,而一个订单列表往往由多个订单组成,在产品设计的时候往往会多放几个状态上去,模拟现实中的场景。再比如微信底部始终置底的菜单栏就同时存在在 4 个页面中:微信、通讯录、发现、我。

善用Axure母版 提高原型设计效率

这个时候像常规做法的话就是将相同的元素复制粘贴到需要用的页面。这样看似没什么问题,但一旦涉及更改的话就特别麻烦。有人说不是可以通过 CTRL + F ( Mac 系统是 command + F )批量替换吗?看着貌似可以,实则问题较多,一则是查找替换只针对文字,如果说你的交互说明中也有相同的文案,那么原本不应该被替换的地方反而被替换了。二则样式或图形化元 素的变更,还是只能自己手动一个个去改,而且还没法保证都能改完。

为了解决这个问题,Axure 官方在早期的版本中就已经为我们提供了对应的解决方案:Axure 母版。

使用母版的好处在于,重复元素只用设计一遍,即可应用在你想要的页面,后续修改维护也特别简单,只需要修改母版就行,相关联的页面就会自动更新,不用再一个个手动去改。

在操作上,添加母版也非常简单,只需要在母版区域点击箭头处的添加,然后像平时原型页面一样设计你重复的元素就行了。有一点需要注意的是设计母版元素的时候尽量在左上角区域设计,这样后面的位置才不会乱。应用母版的话,只需要将母版区域的元素拖到你需要用的页面即可。

善用Axure母版 提高原型设计效率

Axure 8 中添加

在之前分享的 一份需求文档应该包含哪些东西?(附 PRD 源文件下载) 中分享出来的原型,其中的订单状态就是用母版来做的,可以看到使用母版设计的原型颜色有一个浅浅的底。

善用Axure母版 提高原型设计效率

Axure 8 中母版

好的,今天就码到这里了,有什么好的发现,可以在底部留言一起交流分享~,也 以自己去尝试下, 如果上面积分 商城中的底部菜单栏自己去用母版如何设计?

当然产品中最重要的还是思考,往往思考占据着大多数的时间,原型设计的技巧也可以稍微了解些,毕竟提升效率也是为了把更多时间花在原本需要它的地方。

随意打赏

提交建议
微信扫一扫,分享给好友吧。