Axure的小技巧,你知道多少?

简介: Axure的小技巧,你知道多少?

Axure的小技巧

在这个数字化时代,用户体验设计已成为产品成功的关键。

Axure RP,作为一款强大的原型设计和规格文档工具,为设计师和产品经理提供了一个平台,让他们能够将创意转化为交互式的原型。

然而,Axure的强大功能往往隐藏在细节之中,需要一些技巧才能完全发挥其潜力。

本文将带您探索一些Axure技巧,帮助您提高设计效率,创造出更加生动和实用的原型。

1自动备份

使用「F9」调出「偏好配置」弹窗

也可以点击「文件 」,选择「自动备份设置」,勾选启用备份,备份间隔 5 分钟

如果系统崩溃后,再次进入时,系统一般会提示恢复最近备份的文件。

image.png

也可以通过「文件→从“备份中恢复”」找回最新的版本

image.png

2.画布配置

「启用单键快捷键、启用画布负空间」都勾上,单键快捷键勾选了可以更方便新建元件(例如 T:文本,R:矩形等)。

看个人喜好勾选「画布滚动条」,如果喜欢暗黑风格,也可以选择「深色模式」

image.png

3.网格配置

「网格对齐」勾上,间距设置成 10 即可,元件将会按照网格进行吸附,可以快速对齐

image.png

不过网格并不好看,可以在画布的空白区域右键鼠标选择是否显示网格,只要自动网格对齐就行了。

4.辅助线配置

使用辅助线快速对齐,将「辅助线对齐」勾上。

image.png

可以在画布空白处单击鼠标右键「标尺、网格和辅助线」「显示标尺」``「显示全局辅助线」「显示页面辅助线」都勾上

就可以从画布左边、上边,拖出辅助线,帮助我们快速对齐。

image.png

5.元件对齐配置

「元件对齐」「边缘对齐」勾上

image.png

这样在拖拽元件时将会展示出对齐辅助线与元件之间的间距数字,帮助元件快速对齐。

按住 Alt 键,鼠标放在元件上可展示出元件之间的距离。

image.png

6.复制粘贴

(1)复制粘贴图片

可以将图片直接复制粘贴进 AxureAxure 中的组件可以选中后,可以复制粘贴成图片到微信去发送。

(2)复制粘贴样式

在有些时候我们只需要复制元件的样式设置而不需要复制元件本身

则可以在复制后通过快捷键 Alt+Ctrl+V 或者「右键—粘贴选项—粘贴样式」

(3)复制粘贴表格

有时候需要复制 Excel 中的数据

进入到 Axure「鼠标右键 – 粘贴选项 — 粘贴为表格」,即可按照表格进行粘贴。

当我们在画后台表格页面时,想快速填充内容时,可以采用这种方式

而且在中继器中,编辑中继器数据时也可以直接复制粘贴表格的数据

image.png

(4)快速复制元件

除了基本的「Ctrl+CCtrl+V 」复制粘贴元件以外

还可以选中元件后,按住 Ctrl + 鼠标拖动,即可拖出一个相同的组件

还有「Ctrl+D」,直接复制出来。

7.同比例放大/缩小尺寸

第1种:鼠标放在元件边缘的编辑点上,按住 Shift+鼠标左键拖,可以锁定长宽比来放大缩小元件

第2种:手动调节尺寸,将锁勾上,即可锁定长宽比

8.文本框

在拖入文本框元件后,交互面板可以设置文本框的「输入类型」以达到不同的效果

这里也可以设置文本框的提示文本可以在「提示文本」中设置是输入内容就隐藏,还是有了光标就隐藏

image.png

9.裁剪、切割图片

有时候会使用到截图,需要对截图进行处理。

可以选中图片后,对图片进行裁剪、切割

可以右击图片裁剪或切割图片也可以直接使用快捷键 S--切割  C--裁剪

image.png

10.合并多个 Axure 文件

当需要将多个 Axure 文件合并到一个文件中时

点击「文件→从 RP 文件导入→选择文件→导入」

image.png

最后

通过本文的介绍,希望你能够发现Axure的更多可能性,若能对你有所帮助,那不胜荣幸。


相关文章
|
1月前
Axure设计之文本编辑器制作教程
本文介绍如何在Axure中模拟Web端富文本编辑器,实现基本的文本编辑功能,包括自定义字体样式、大小、颜色及对齐方式等。通过拖入矩形、文本域等元件,添加单选框和图标,并设置相应的交互,完成文本编辑器的制作。
|
3月前
|
数据处理 UED
Axure中继器教程及案例详解
Axure RP 是一款强大的原型设计工具,广泛应用于产品设计、UI/UX 设计及交互设计中。中继器(Repeater)作为 Axure 中的一个重要元件,以其强大的数据处理和动态交互能力,成为设计师们不可或缺的工具。本文将从中继器基础、进阶、高级应用,以及分页控制、合计、列表拖动、列表滑动删除、表内修改等方面,详细介绍中继器的使用方法和案例。
Axure中继器教程及案例详解
|
4月前
Axure 自定义元件库
Axure 自定义元件库
145 0
Axure 自定义元件库
|
4月前
Axure 小技巧:翻滚吧页面
Axure 小技巧:翻滚吧页面
44 6
|
7月前
|
前端开发 UED
产品入门第四讲:Axure动态面板
产品入门第四讲:Axure动态面板
|
7月前
产品入门第六讲:Axure中继器
产品入门第六讲:Axure中继器
|
iOS开发 MacOS Windows
Axure快速入门(03) - 丰富的元件库
Axure快速入门(03) - 丰富的元件库
149 0
|
JavaScript
Axure教程:音乐播放器(含视频教程)
Axure教程:音乐播放器(含视频教程)
|
数据安全/隐私保护
【Axure教程】制作高保真密码输入框
【Axure教程】制作高保真密码输入框
【Axure教程】制作高保真密码输入框
Axure教程:用中继器做图片轮播(含视频教程)
Axure教程:用中继器做图片轮播(含视频教程)
Axure教程:用中继器做图片轮播(含视频教程)