前段时间整理了《产品必会的30个Axure使用技巧》,最近又总结了下面6个Axure使用技巧,希望能帮助到你。
![8084838ab92bd939b85a6a7a452289c5.png](https://i-blog.csdnimg.cn/blog_migrate/55af85891bbb2b3042f5ce2b9abe5ec1.jpeg)
1. 事件也可以复制/剪切/粘贴
只需要选中事件,复制/剪切,再选择其它事件,即可粘贴到这个事件上。同时支持跨页面的复制粘贴。
![cf98a00955a2a34c42d50a55dacfad19.png](https://i-blog.csdnimg.cn/blog_migrate/7a8445b8bc5f06f4db926f9fa5bbaab5.jpeg)
2. Axure支持复制粘贴Excel里的表格
具体操作
在excel里复制具体内容,如下图:
![b8cf209aee6c48a89332e4100735c2e4.png](https://i-blog.csdnimg.cn/blog_migrate/f94cfd9b97abeeeb01961d96db11f823.jpeg)
进入axure,Ctrl+V,粘贴后,会出现提示,如下图:
![d66a4dbad9a11e9170c813f84a566223.png](https://i-blog.csdnimg.cn/blog_migrate/08b4aa443e4fb530575181c50ad9dbf7.jpeg)
点击“是”,粘贴成可编辑的表格,如下图:
![fad7b038932ca2665a6405b3c475a51e.png](https://i-blog.csdnimg.cn/blog_migrate/88bcaee9cf90af54958ed07a19f6e1a3.jpeg)
由于文字过多,出现折行、重叠现象。不要着急,将鼠标放在表格的周边的小方格上(如下图),鼠标变成扩展样式后,随便拖动一下,表格就会自动调整为合适的表格大小。
![e9e1e046378b1351ab356b5b86d4e8c5.png](https://i-blog.csdnimg.cn/blog_migrate/0ad3ab89049ad3d00c465f98885a3386.jpeg)
自动调整效果如下图:
![469c0a0406e99201d86df2ad0e0f717b.png](https://i-blog.csdnimg.cn/blog_migrate/dfa2046cdc8a215a351a5f4d50eab790.jpeg)
注意:目前axure里的表格仅支持文字复制,还不支持样式复制。如果强调表格的样式,可以将表格粘贴成图片。
3. 如果想实现灰底,达到突出弹窗的目的
如下图效果:
![b49155990367dca5d5ebc0ce699e4ca1.png](https://i-blog.csdnimg.cn/blog_migrate/7756b0994421b6c12c048e00eef6f8d1.jpeg)
有两种方式:
- 加个灰底样式元件,与弹窗一起显示。多个元件会影响效率,不推荐。
- 使用“灯箱效果”。
具体操作:在设置显示时,更多选项选择“灯箱效果”,背景色选择黑色,不透明度设置成50%。在设置显示时,推荐勾选“置于顶层”。
![36a5cac3b1fd5fa592c2d9a42c7dd03e.png](https://i-blog.csdnimg.cn/blog_migrate/beea474c669330b46848ef9a543f9cb7.jpeg)
4. 对于Axure8,如何实现“伪黑暗模式”
Axure9已经实现黑暗模式,喜欢这种模式的同学可以体验一下。
具体操作
点击:项目-页面样式编辑,进入到页面样式编辑模式。
![c9cffee4c9f696d15d0a317d71be38d7.png](https://i-blog.csdnimg.cn/blog_migrate/4d2946f5345d067e0653e4f000ea3e1b.jpeg)
选择背景颜色,将背景颜色设成黑色/灰色,点击确定即可,我一般设成色号:333333。(刚毕业找工作时,某大厂产品面试官告诉我,我的简历并不符合要求,但他还是要面试一下我,因为他也有将页面背景设置成黑色的习惯,哈哈哈。)
![7ed0e493412b8bc88ca5d8619d4777bc.png](https://i-blog.csdnimg.cn/blog_migrate/40a75ff858ed144339706b31f0d1d54f.jpeg)
5. 快速返回上一页
如果你在画原型时,涉及到页面间的跳转,想直接返回上一页,具体操作:进入用例编辑页面,点击“打开链接”,选择下方的“返回上一页”就可以了。
![9573907fab4bab75932231bf94f08567.png](https://i-blog.csdnimg.cn/blog_migrate/1b6f8a56df37bfaa1ad5fcc8dc3a35cb.jpeg)
6. 热区的使用
热区的好处:你可以对它添加各种事件,预览时还看不到它。
6.1 帮助多个元件实现相同效果
如弹窗,你可以点击“取消”关闭弹窗,也可以点击“X”关闭弹窗。可以使用热区,一个热区设置成关闭弹窗事件,接着复制这个热区、分别放在对应的元件上,预览时都能达到关闭弹窗效果。
![87a2990cc7c875920659deb54303ec7d.png](https://i-blog.csdnimg.cn/blog_migrate/73bb3aed120b1ab6821089739d47206e.jpeg)
6.2 用热区规范间距
因为热区演示时不可见,所以画原型时可以用热区规范间距。Antdesign规定的间距为8px的倍数,如8px、16px、32px、64px等,具体的间距可以根据自己或者团队的规范来设计。
![b89a741b546422d3aea32ead224a7c1d.png](https://i-blog.csdnimg.cn/blog_migrate/26264472db5adc3c268c09b62654edd7.jpeg)
6.3 在页面底部添加热区,预览时与页面底部一定距离,可以提高浏览时的易读性
![204c188dceae075be3c2960ca1804fff.png](https://i-blog.csdnimg.cn/blog_migrate/fea84573552b2176dbd1249299a8d749.jpeg)
放了个热区后:
![fcd18edf9006764ec16920660aba25df.png](https://i-blog.csdnimg.cn/blog_migrate/66484dbe4cd117a70409e3644b1fc354.jpeg)
总结
Axure是产品经理的利器,目前我的使用总结里,还没有难度相对较大的函数和中继器等内容,仅仅是围绕简单易学的小技巧。关于函数变量、中继器那部分,我之后会尽量通过简单化的形式总结出来。
在原型设计中,一定不要陷入“抠细节”的怪圈里,否则会极大的消耗时间。原型的作用就是准确地表达出产品的需求,让各方通过原型来快速了解产品的功能。我们绝不能为了高保真而做高保真,梳理出产品的逻辑,深入理解产品业务才是最重要的。
本文由 @王帅帅 原创发布于人人都是产品经理。未经许可,禁止转载
题图来自Unsplash,基于CC0协议