axure 颜色变灰色_产品必会的6个Axure使用技巧

前段时间整理了《产品必会的30个Axure使用技巧》,最近又总结了下面6个Axure使用技巧,希望能帮助到你。

8084838ab92bd939b85a6a7a452289c5.png

1. 事件也可以复制/剪切/粘贴

只需要选中事件,复制/剪切,再选择其它事件,即可粘贴到这个事件上。同时支持跨页面的复制粘贴。

cf98a00955a2a34c42d50a55dacfad19.png

2. Axure支持复制粘贴Excel里的表格

具体操作

在excel里复制具体内容,如下图:

b8cf209aee6c48a89332e4100735c2e4.png

进入axure,Ctrl+V,粘贴后,会出现提示,如下图:

d66a4dbad9a11e9170c813f84a566223.png

点击“是”,粘贴成可编辑的表格,如下图:

fad7b038932ca2665a6405b3c475a51e.png

由于文字过多,出现折行、重叠现象。不要着急,将鼠标放在表格的周边的小方格上(如下图),鼠标变成扩展样式后,随便拖动一下,表格就会自动调整为合适的表格大小。

e9e1e046378b1351ab356b5b86d4e8c5.png

自动调整效果如下图:

469c0a0406e99201d86df2ad0e0f717b.png

注意:目前axure里的表格仅支持文字复制,还不支持样式复制。如果强调表格的样式,可以将表格粘贴成图片。

3. 如果想实现灰底,达到突出弹窗的目的

如下图效果:

b49155990367dca5d5ebc0ce699e4ca1.png

有两种方式:

  1. 加个灰底样式元件,与弹窗一起显示。多个元件会影响效率,不推荐。
  2. 使用“灯箱效果”。

具体操作:在设置显示时,更多选项选择“灯箱效果”,背景色选择黑色,不透明度设置成50%。在设置显示时,推荐勾选“置于顶层”。

36a5cac3b1fd5fa592c2d9a42c7dd03e.png

4. 对于Axure8,如何实现“伪黑暗模式”

Axure9已经实现黑暗模式,喜欢这种模式的同学可以体验一下。

具体操作

点击:项目-页面样式编辑,进入到页面样式编辑模式。

c9cffee4c9f696d15d0a317d71be38d7.png

选择背景颜色,将背景颜色设成黑色/灰色,点击确定即可,我一般设成色号:333333。(刚毕业找工作时,某大厂产品面试官告诉我,我的简历并不符合要求,但他还是要面试一下我,因为他也有将页面背景设置成黑色的习惯,哈哈哈。)

7ed0e493412b8bc88ca5d8619d4777bc.png

5. 快速返回上一页

如果你在画原型时,涉及到页面间的跳转,想直接返回上一页,具体操作:进入用例编辑页面,点击“打开链接”,选择下方的“返回上一页”就可以了。

9573907fab4bab75932231bf94f08567.png

6. 热区的使用

热区的好处:你可以对它添加各种事件,预览时还看不到它。

6.1 帮助多个元件实现相同效果

如弹窗,你可以点击“取消”关闭弹窗,也可以点击“X”关闭弹窗。可以使用热区,一个热区设置成关闭弹窗事件,接着复制这个热区、分别放在对应的元件上,预览时都能达到关闭弹窗效果。

87a2990cc7c875920659deb54303ec7d.png

6.2 用热区规范间距

因为热区演示时不可见,所以画原型时可以用热区规范间距。Antdesign规定的间距为8px的倍数,如8px、16px、32px、64px等,具体的间距可以根据自己或者团队的规范来设计。

b89a741b546422d3aea32ead224a7c1d.png

6.3 在页面底部添加热区,预览时与页面底部一定距离,可以提高浏览时的易读性

204c188dceae075be3c2960ca1804fff.png

放了个热区后:

fcd18edf9006764ec16920660aba25df.png

总结

Axure是产品经理的利器,目前我的使用总结里,还没有难度相对较大的函数和中继器等内容,仅仅是围绕简单易学的小技巧。关于函数变量、中继器那部分,我之后会尽量通过简单化的形式总结出来。

在原型设计中,一定不要陷入“抠细节”的怪圈里,否则会极大的消耗时间。原型的作用就是准确地表达出产品的需求,让各方通过原型来快速了解产品的功能。我们绝不能为了高保真而做高保真,梳理出产品的逻辑,深入理解产品业务才是最重要的。

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

题图来自Unsplash,基于CC0协议

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值