Axure学习之二

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

图片

2、axure支持复制粘贴Excel里的表格。
具体操作:

  • 在excel里复制具体内容,如下图
图片
  • 进入axure,Ctrl+V,粘贴后,会出现提示,如下图。
图片
  • 点击“是”,粘贴成可编辑的表格,如下图。
图片

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

图片

调整效果如下图

图片

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

3、如果想实现灰底,达到突出弹窗的目的,如下图效果。

图片

有两种方式: 1)加个灰底样式元件,与弹窗一起显示。多个元件会影响效率,不推荐。
2)使用“灯箱效果”具体操作:在设置显示时,更多选项选择“灯箱效果”,背景色选择黑色,不透明度设置成50%。在设置显示时,推荐勾选“置于顶层”。

图片

4、对于Axure8,如何实现“伪黑暗模式”。Axure9已经实现黑暗模式,喜欢这种模式的同学可以体验一下。
具体操作:点击:项目-页面样式编辑。进入到页面样式编辑模式

图片

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

图片

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

图片

6、热区的使用
热区的好处:你可以对它添加各种事件,预览时还看不到它。1)帮助多个元件实现相同效果。如弹窗,你可以点击“取消”关闭弹窗,也可以点击“X”关闭弹窗。可以使用热区,一个热区设置成关闭弹窗事件,接着复制这个热区、分别放在对应的元件上,预览时都能达到关闭弹窗效果。

图片

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

图片

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

图片

放了个热区后

图片

7、添加Axure文件的标志与标题。
在发布原型时,点击生成html文件后,点击标志,导入图片,输入标题内容后。

图片

生成html文件演示时,左侧栏会展示出导入的图片与填写的标题。

Copyright © 2018-2026 莫妮卡的小屋. All Right Reserved.

关于本站

欢迎来到莫妮卡的小屋。我是一名有多年测试经验的女娃子,正在探索人工智能的边界。这里记录工作中的测试技巧、实践经验与质量观念,以及成长心得。以诚恳的笔触分享经验、学习进阶,愿成为同路人提升技能、发现热情的温馨小窝。

找到我

  • 星系板块永恒昼半球 · 极光潮汐区 (Aurora Tide Sector, Eternal Day Hemisphere)
  • 座标思念波长 520 赫兹 · 萤火深空大道 13 单元 (520Hz Resonance, Firefly Deep-space Blvd, Unit 13)
  • 建筑倒悬的莫比乌斯书店 · 梦境采样塔 (The Inverted Mobius Bookstore, Dream-sampling Tower)
  • 房间第 9.75 维度 · 玫瑰色星云套间 1314 室 (Dimension 9.75, Rosy Nebula Suite, Room 1314)