1. 首页
  2. 教程
  3. 高级教程

【Axure教程】提升原型页面美观度之对齐方式详解

对于制作原型的初学者来说,可能感觉比较困惑的地方是,不管怎么做总感觉原型整体不美观,不知道怎样才能快速提升整体的美感,其实通过几步简单的调整,就可以让原型达到整齐美观的效果,不管是原型设计、PPT、Word等需要排版布局的地方,都可以运用这几步使整体样式变得整齐
  • 调整控件对齐方式
  • 调整控件之间的间距大小
  • 调整字体大小样式
  • 使用适当的颜色搭配
下面我将逐步为大家讲解在Axure中如何使用这些技巧来提高页面的美观度,这一讲将讲解控件的对齐方式

对齐方式

在Axure中有两种对齐的方式,一种是对齐,另一种是分布,通过调整对齐方式可以快速的将混乱的控件变得整齐有序,而不需要一个控件一个控件的拖拽对齐了,其实在很多软件里都有对齐方式,比如PPT、Word、PS等,在Axure中掌握了对齐的技巧,也可以运用于其他的软件中了。
【Axure教程】提升原型页面美观度之对齐方式详解
对齐分为六种:

左对齐 (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键,再选中其他的控件,就可以使用对齐、分布了

效果展示

顶部对齐
【Axure教程】提升原型页面美观度之对齐方式详解
上下居中
【Axure教程】提升原型页面美观度之对齐方式详解
底部对齐
【Axure教程】提升原型页面美观度之对齐方式详解
水平分布
【Axure教程】提升原型页面美观度之对齐方式详解
左对齐
【Axure教程】提升原型页面美观度之对齐方式详解
左右居中
【Axure教程】提升原型页面美观度之对齐方式详解
右对齐
【Axure教程】提升原型页面美观度之对齐方式详解
垂直分布
【Axure教程】提升原型页面美观度之对齐方式详解

设置对齐方式

在axure中软件默认显示的图标操作按钮只有对齐、分布两个,需要点击后才会出现具体的对齐、分布方式,使用的时候不是很方便
【Axure教程】提升原型页面美观度之对齐方式详解 
其实在Axure中是可以通过设置来控制显示哪些操作按钮的,可以将常用的对齐操作显示出来,直接点击使用
【Axure教程】提升原型页面美观度之对齐方式详解
下面来为大家讲解如何设置
视图-工具栏-自定义基本工具列表,打开自定义基本工具列表
【Axure教程】提升原型页面美观度之对齐方式详解
将需要的对齐、分布操作勾选,点击“DONE”即可
【Axure教程】提升原型页面美观度之对齐方式详解
到此为止Axure的对齐方式就讲解完毕了,你学会了吗?如果学会了就赶紧运用到原型的制作中去吧!

原创文章,作者:院长大大,如若转载,请注明出处:http://www.axureschool.cn/487.html

发表评论

电子邮件地址不会被公开。 必填项已用*标注

联系我们

在线咨询:点击这里给我发消息

邮件:fleede@163.com

工作时间:周一至周五,9:30-18:30,节假日休息