在设计一个项目时,无论是开始时产品经理自身发起的改动,还是需求评审后的改动、抑或是后期迭代的改动,如果每画一个页面都是纯粹的摆放堆叠,后期修改起来非常的繁琐。为了节省时间,提高效率,需要应用axure本身提供的能力。
01 拷贝与导入
很多产品经理喜欢直接从其他的rp源文件里直接拷贝页面到新的rp源文件,这个事情是应该避免的,特别是原始rp源文件中有大量交互的时候,因为一般有大量交互的时候一定会伴随着全局变量等其他设置。
如果觉得可以复用,可以通过axure提供的“从rp文件导入”这个功能,进行相应的选择,如要导入的页面、全局变量、自适应尺寸设置等。
![](https://img.haomeiwen.com/i1310251/865dbb8788eb17ce.png)
02 元件与元件库
axure提供基础的元件库,这些元件一般占用资源极少,对于产品经理来说,用自带的元件库进行基本的原型框架梳理与设计是非常友好的。但是,事实是根据公司的不同(基于老板与客户的认知和理解水平),介于低保真与高保真之间的原型会是产品经理产出最多的。
产品经理这时候会借助网上下载的各种元件库来提升效率,这本身没有问题,主要需要注意:
「是否适合你的产品设计风格或思路?」
如果需要大量的修改才能适应你的产品设计风格或思路,那么这个元件库其实没有提升多大的效率,反而会降低你的效率,甚至会影响你的设计方案。
所以,基于移动端、web端等特性,自建自己产品的元件库是可行的,磨刀不误砍柴工。
建议,自建的时候可以考虑设计风格(如移动端卡片式设计风格等),多出几套通用型的元件库,也可以额外自建一些产品专用的元件库(前提是这个产品的发展较为长远,迭代的可能性和频率也较高)。
![](https://img.haomeiwen.com/i1310251/554503e7c41468c7.png)
这样,就形成了以自建元件库为主,网上下载的元件库为辅的形式,这对后期提升设计效率和对设计的统一感把握都是很有帮助的
PS:这里特别说一下图片元件,很多产品经理喜欢从各处复制图片来填充到axure中,此时该优化图片大小的时候优化,这会大大降低RP文件的大小,也能提高生成网页时的速度。另外,图片在缩放时一定要控制宽高比,防止变形,变形的图片在原型中是非常丑的。(绝大多数低保真不需要放入图片,甚至图标也不需要高保真的图片)
通过锁定图片宽高比,直接手动输入宽或高来调整,或者快捷键按住shift来调整(其他元件也可通过此方法保证不变形)。
![](https://img.haomeiwen.com/i1310251/345015d52a73c2c1.png)
![](https://img.haomeiwen.com/i1310251/92e00b78210bbf19.png)
03 母版
在上面提到元件库后,有的产品经理认为有了这些元件库,我根本就不需要再使用母版这个功能了。
1、那么,我们什么时候该用母版呢?
当设计中有能抽象出统一的元素组合时,这些元素组合不会在单独页面中有变化,如导航、统一控件等时,母版就能产生自身的作用了。
通过添加母版或将对应的元件转化成母版
![](https://img.haomeiwen.com/i1310251/08c9871fea316c6d.png)
![](https://img.haomeiwen.com/i1310251/f5218732c3d3a358.png)
2、母版的优势是什么?
一经创建,在各个页面都可直接拖动使用,在母版中修改一次,就能将所有使用该母版页面的母版都全部更新,效率提升MAX。
3、母版不适用的情况是什么?
· 涉及到需要根据内容改变母版尺寸的情况
· 涉及到需要根据具体页面改变母版内容的情况
· 大量复杂的交互(可行,但是不推荐)
04 页面快照
用于进行弹窗 蒙层设计特别友好,页面快照引用的页面在原始页面修改后,也会同时更新。
注意:页面快照不能引用当前页,可以在原始页面全部画好后,单独新建一个页面用页面快照+连接线来绘制页面流转
![](https://img.haomeiwen.com/i1310251/6775718baa78faab.png)
好了,今天的分享就到这了,如果觉得对你有帮助,随手点个赞吧。
这里是深夜海盗酒馆,提供互联网产品 | 知识分享 | 生活感悟 | 个人成长,关注我,希望能「与你碰个杯,一起前行」。
网友评论