那些你应该知道的Axure隐藏技巧

7 评论 21899 浏览 115 收藏 6 分钟

文章分享了使用Axure的一些隐藏技巧,希望可以給大家带来些帮助。

技巧一:巧用母版,实现批量修改,对重复操作说不

什么样的内容适合做成母版?

  • Web:母版主要的使用场景是导航条、顶部、左侧、登录注册以及底部版权声明;
  • App:主要使用场景是设备状态栏、顶部导航栏、底部主菜单栏及多图片素材;

特别的,因为多个页面使用母版需要把不同的导航按钮选中,所以母版运用在导航栏时都需要搭配动态面板。同时,图片素材一般也用母版处理,这样可以大大降低文件大小,有效提升软件运行速率。

不同母版类型在页面中的效果如何?

  • 任意位置:母版可以放置到任何位置,适合图片素材。
  • 固定位置:母版始终放置到固定位置,适合画布或底部菜单栏。
  • 脱离母版:内容脱离母版可以放置到页面任何位置,适合交互元件。

技巧二:创建自己常用元件库,找素材ICON不再烦恼

创建自己常用元件库有哪些好处?

  • 规范原型:对常用基础元件使用统一的样式,不会因五花八门的ICON和图片而显得原型山寨抄袭,使得整个原型图美观专业规范。
  • 高度复用:平时积累的元件库和交互样式具备极高的复用性,设计原型时不会再因为找各种ICON和交互效果元件,而浪费大量重复时间和精力。

但是,创建自己元件库过程中都会遇到这样的问题:网上找的现成元件库兼容性查,自己找控件又十分浪费时间。

在设计灰度原型,同一个图标我会选择两种状态,选中、未选,然后下载32*32,色值#8a8a8a ,.png格式。

这样做的目的已经在创建自己元件库好处第一条提到,规范原型。此外,给热爱思考动手的读者留一个家庭作业:创建5种App常用的交互效果并创建为元件库,完成后可公众号私信索取邮箱。

技巧三:移动设计交互时,勤用图片热区代替按钮元件。

这其实是一个开发的常规概念,如设计头部导航栏时,针对常用的返回、搜索ICON点击,真实的可触范围远远大于ICON尺寸,这样可以大大提升用户操作灵敏度和体验友好性。

技巧四:先设计纯静态页面原型,再统一使用透明矩形框添加交互细节

步骤

  1. 设计完所有纯静态页面原型(不可点击);
  2. 新增矩形透明母版,设为脱离母版类型,设定好交互事件;
  3. 将该母版复用到其他区域,根据页面实际功能部分修正交互细节。

好处

这样做不仅可以避免在设计原型时,陷入抠细节和交互效果的状态,同时使用独立矩形框设计交互,复用到不同的页面区域,大大降低配置交互细节工作量。

关于Axure的使用还有很多好习惯和技巧,限于文章篇幅和可读性,今天就重点讲解上面这四点习惯,希望能让诸位有所收获。

结束语:最后再强调一点,Axure仅仅是产品经理将想法和功能可视化的一种工具,不要陷入到研究工具炫技的误区里无法自拔,产品的业务流程、信息架构、用户体验才是值得你痴迷研究的方向!

 

作者:风舟说,高级产品经理、微信公众号: 风舟说(fengzsay),专注PM成长干货分享!

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

更多精彩内容,请关注人人都是产品经理微信公众号或下载App
评论
评论请登录
  1. 感谢楼主的分享!

    我有两个问题想请教一下:
    1、“多个页面使用母版需要把不同的导航按钮选中”,那能否实现:同一个母版,在Page1/Page2页面中显示出不一样的静态样式呢?因为Axure里需要对不同的静态样式做交互说明。

    2、纯静态页面 + 透明矩阵 法,如何应对元件移动的情况呢?元件位置变动,但点击交互区还是在原来的地方,若每次都需同时维护透明矩形区位置,岂不是增加维护成本?

    来自浙江 回复
  2. 画龙点睛,赞

    来自上海 回复
  3. 最后一句说得好

    来自四川 回复
  4. Axure仅仅是产品经理将想法和功能可视化的一种工具,不要陷入到研究工具炫技的误区里无法自拔,产品的业务流程、信息架构、用户体验才是值得你痴迷研究的方向! 对的!!!!

    来自四川 回复
  5. 结束语是重点

    来自新疆 回复
    1. 是的

      回复
  6. 学习了

    来自上海 回复