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月前
|
存储 监控 Shell
四、Portainer图形化管理实战与Docker镜像原理
如果觉得命令行繁琐,可以试试Portainer这个图形化管理工具,让你在网页上点点鼠标就能轻松管理容器和镜像。安装它只需要一条docker run命令,非常方便。 同时,要理解Docker为何如此高效,关键在于它的镜像原理:镜像像洋-葱一样分层,启动容器时只在外面加一层可写的“外皮”。所有改动都发生在这层“外皮”上,这就是容器启动快、占用空间小的秘诀。
|
网络协议
nmtui命令详解
【4月更文挑战第9天】`nmtui`是NetworkManager的文本用户界面工具,用于终端中的网络配置和管理。用户可通过它查看网络设置、配置接口、修改设置、添加/删除连接及调整连接优先级。操作步骤包括启动nmtui,选择编辑连接,修改网卡设置,保存并退出。此工具包含在NetworkManager-tui子软件包中,配置更改会持久生效。了解更多详情可参考相关文档。
1348 1
|
9月前
|
运维 Kubernetes Cloud Native
什么是云原生?
云原生(Cloud Native)是一种充分利用云计算弹性和自动化能力的架构理念,核心思想包括以云为中心、模块化与松耦合、自动化运维及弹性容错。其关键技术涵盖容器化(如Docker)、编排调度(如Kubernetes)、微服务和DevOps等。相比传统架构,云原生具备敏捷性、弹性伸缩、高可用性和资源优化等优势,适用于互联网高并发业务、AI/大数据平台及企业转型场景。然而,落地面临技术复杂度高、组织文化转型及安全合规挑战。未来发展趋势包括混合多云管理、智能化运维及WebAssembly等轻量化技术。Gartner预测,到2025年超95%新应用将采用云原生模式开发。
3249 3
|
7月前
|
编解码 搜索推荐 IDE
明基RD280U编程显示器深度测评:码农的「第二块键盘」竟然会发光?
这是一篇关于明基RD280U显示器的深度体验分享。文章从开箱、外观、显示效果、护眼功能等方面全面解析了这款专为程序员设计的显示器。其28寸3:2屏比、4K分辨率及专业编程模式,让代码显示更清晰高效;抗反射面板和猫头鹰夜视模式有效缓解视觉疲劳。尽管价格略高、重量较重,但作为提升编程生产力的利器,它无疑是程序员的理想选择。
247 0
|
10月前
|
机器学习/深度学习 人工智能 机器人
TIGER:清华突破性模型让AI「听觉」进化:参数量暴降94%,菜市场都能分离清晰人声
TIGER 是清华大学推出的轻量级语音分离模型,通过时频交叉建模和多尺度注意力机制,显著提升语音分离效果,同时降低参数量和计算量。
931 6
TIGER:清华突破性模型让AI「听觉」进化:参数量暴降94%,菜市场都能分离清晰人声
|
12月前
|
监控 网络协议 网络性能优化
不再困惑!一文搞懂TCP与UDP的所有区别
本文介绍网络基础中TCP与UDP的区别及其应用场景。TCP是面向连接、可靠传输的协议,适用于HTTP、FTP等需要保证数据完整性的场景;UDP是无连接、不可靠但速度快的协议,适合DNS、RIP等对实时性要求高的应用。文章通过对比两者在连接方式、可靠性、速度、流量控制和数据包大小等方面的差异,帮助读者理解其各自特点与适用场景。
|
移动开发 JavaScript 前端开发
Phaser和Three.js是两个非常流行的JavaScript游戏框架,它们各自拥有独特的核心功能和使用场景
【6月更文挑战第16天】Phaser是开源的2D游戏引擎,适合HTML5游戏,提供物理引擎、图像渲染和资源管理,适用于2D游戏,如消消乐。Three.js是基于WebGL的3D库,用于创建复杂的3D场景和应用,涵盖从游戏到可视化领域的多种用途。两者分别在2D和3D开发中展现强大功能,选择取决于项目需求。
413 8
|
人工智能
阿里上线AI电商工具“绘蛙”,让你的商品第一时间被种草
【2月更文挑战第15天】阿里上线AI电商工具“绘蛙”,让你的商品第一时间被种草
1387 2
阿里上线AI电商工具“绘蛙”,让你的商品第一时间被种草
|
缓存 监控 前端开发
WEB前端三大主流框架:React、Vue与Angular
在Web前端开发中,React、Vue和Angular被誉为三大主流框架。它们各自具有独特的特点和优势,为开发者提供了丰富的工具和抽象,使得构建复杂的Web应用变得更加容易。
3468 6
|
Web App开发 移动开发 Ubuntu
HTML5 Web Speech API,让网站更有趣
Web API 变得越来越丰富,其中一个值得注意的是Web Speech API。传统的网站只能“说”,这个API的出现,让网站能“倾听”用户。这个功能已经开放了一系列的用法,非常棒。
938 0
HTML5 Web Speech API,让网站更有趣