风舟说.jpg
摘要：本篇文章有干货且不易理解，建议PC端阅读对照操作，可收藏后细读。
<b>技巧一：巧用母版，实现批量修改，对重复操作说不</b>
隐藏 / 显示母版.png
<b>什么样的内容适合做成母版？</b>
Web：母版主要的使用场景是导航条、顶部、左侧、登录注册以及底部版权声明；
App：主要使用场景是设备状态栏、顶部导航栏、底部主菜单栏及多图片素材；
特别的，因为多个页面使用母版需要把不同的导航按钮选中，所以母版运用在导航栏时都需要搭配动态面板。同时，图片素材一般也用母版处理，这样可以大大降低文件大小，有效提升软件运行速率。
<b>不同母版类型在页面中的效果如何？</b>
3种母版类型.png
<b>任意位置</b>：母版可以放置到任何位置，适合图片素材；
<b>固定位置</b>：母版始终放置到固定位置，适合画布或底部菜单栏；
<b>脱离母版</b>：内容脱离母版可以放置到页面任何位置，适合交互元件；
<b>技巧二：创建自己常用元件库，找素材ICON不再烦恼</b>
创建元件库.png
<b>创建自己常用元件库的好处是什么？</b>
<b>规范原型</b>：对常用基础元件使用统一的样式，不会因五花八门的ICON和图片而显得原型山寨抄袭，使得整个原型图美观专业规范。
<b>高度复用</b>：平时积累的元件库和交互样式具备极高的复用性，设计原型时不会再因为找各种ICON和交互效果元件，而浪费大量重复时间和精力。
但是，创建自己元件库过程中都会遇到这样的问题：
<b>网上找的现成元件库兼容性查，自己找控件又十分浪费时间。</b>
寻找元件苦恼.png
<b>那如何快速便捷的寻找ICON素材呢？</b>
推荐个我常用的ICON网站：http://www.iconfont.cn， 这里可以找到制作原型需要的所有ICON。可以下载不同尺寸的PNG、SVG、AI格式。
在设计灰度原型，同一个图标我会选择两种状态，选中、未选，然后下载32*32，色值#8a8a8a ，.png格式。
两种状态.png
色值尺寸.png
这样做的目的已经在创建自己元件库好处第一条提到，规范原型。
此处，给热爱思考动手的读者留一个家庭作业：<b>创建5种App常用的交互效果并创建为元件库</b>，完成后可以可以加训练营Q群或私信邮箱我。
<b>技巧三：移动设计交互时，勤用图片热区代替按钮控件</b>
这里其实是一个开发的常规概念，如设计头部导航栏时，针对常用的返回、搜索ICON点击，真实的可触范围远远大于ICON尺寸，这样可以大大提升用户操作灵敏度和体验友好性。
图片热区.png
<b>技巧四：先设计纯静态页面原型，再统一使用透明矩形框添加交互细节</b>
<b>步骤</b>：
1.设计完所有纯静态页面原型（不可点击）；
2.新增矩形透明母版，设为脱离母版类型，设定好交互事件；
3.将该母版复用到其他区域，根据页面实际功能部分修正交互细节。
<b>好处</b>：这样做不仅可以避免在设计原型时，陷入抠细节和交互效果的状态，同时使用独立矩形框设计交互，复用到不同的页面区域，大大降低配置交互细节工
作量。
关于Axure的使用还有很多好习惯和技巧，限于文章篇幅和可读性，今天就重点讲解上面这四点习惯，希望能让诸位有所收获。
<b> 结束语：最后再强调一点，Axure仅仅是产品经理将想法和功能可视化的一种工具，不要陷入到研究工具炫技的误区里无法自拔，产品的业务流程、信息架构、用户体验才是值得你痴迷研究的方向！
<b>文章目录</b>
0.什么样的人适合做产品经理(一)？</br>
1.十分钟读懂，App开发规范流程!</br>
2.史上最实用的原型设计规范(一)</br>
3.史上最实用的原型设计规范(二)</br>
4.互联网求职必读指南(一)</br>
5.学会这些套路，面试可以很简单</br>
6.如何区分信息结构图和功能结构图？</br>
7.开发看产品文档时，主要看些什么？</br>
8.那些你应该知道的Axure隐藏技巧
网友评论