教程分享

Axure RP 教程:快速原型进阶教程之对齐方式

tagAxure教程 快速原型进阶教程 对齐方式  publish2020-11-12 16:06 view5336

对于原型制作者来说,如何快速高效的制作出原型,但往往会忽略原型的美感,在日常生活中我们经常会碰到的像PS、PT、Word等都会需要使用排版布局等方式,来提升整体的视觉效果,其中最重要的一点就是整齐的布局。

今天要给大家分享的是,如何在原型设计中快速的制作比整齐的布局,那么必不可少的就需要使用到对齐工具

本次教程以Axure RP 9 版本为例,Axure RP 8 版本操作一致:

对齐方式
在Axure中有两种对齐的方式,一种是对齐,另一种是分布,通过调整对齐方式可以快速的将混乱的控件变得整齐有序,而不需要一个控件一个控件的拖拽对齐了,其实在很多软件里都有对齐方式,比如PPT、Word、PS等,在Axure中掌握了对齐的技巧,也可以运用于其他的软件中了。

description

对齐分为六种:

左对齐 (Ctrl+Alt+L)
左右居中(Ctrl+Alt+C)
右对齐(Ctrl+Alt+R)
底部对齐(Ctrl+Alt+B)
上下居中(Ctrl+Alt+M)
顶部对齐(Ctrl+Alt+T)

分布分为两种:

水平分布(Ctrl+Shift+H)
垂直分布(Ctrl+Shift+U)

注意事项
  • 选中两个及以上的控件可以触发对齐操作
  • 选中三个及以上的控件可以触发分布操作
  • 对齐、分布操作可以结合起来,以达到最佳的显示效果
  • 对齐与分布的参考标准是以第一个被选中的控件为标准,选中一个控件后,然后按住Shift键或者Ctrl键,再选中其他的控件,就可以使用对齐、分布了
效果展示

顶部对齐
description
上下居中
description
底部对齐

description

水平分布

description

左对齐

description

左右居中

description

右对齐

description

垂直分布

description

设置对齐方式

在axure中软件默认显示的图标操作按钮只有对齐、分布两个,需要点击后才会出现具体的对齐、分布方式,使用的时候不是很方便

description

其实在Axure中是可以通过设置来控制显示哪些操作按钮的,可以将常用的对齐操作显示出来,直接点击使用

description

下面来为大家讲解如何设置

视图-工具栏-自定义基本工具列表,打开自定义基本工具列表

description

将需要的对齐、分布操作勾选,点击“DONE”即可

description

到此为止Axure的对齐方式就讲解完毕了,你学会了吗?如果学会了就赶紧运用到原型的制作中去吧!

上一篇:Axure RP 教程:Axure 预览与发布生成HTML文件

下一篇:Axure RP 教程:快速原型进阶教程之全局辅助线与页面辅助线

这些你同样感兴趣

满足你在每个阶段使用模板的需求,帮助你高效完成工作及任务