1. 首页
  2. 教程
  3. 基础教程

【Axure9基础教程】基础样式之元件位置调整

Axure中有3种修改元件位置的方式,可粗略也可精细的对元件位置进行调整,分别为:
  • 拖拽调整
  • X、Y轴定位
  • 快捷键调整
根据不同的场景,可以灵活选择不同的方式进行调整

一、拖拽调整

选中元件,可以拖拽元件到任意的位置,在元件右下角会实时显示当前的位置坐标
【Axure9基础教程】基础样式之元件位置调整

当拖拽到其他元件边缘时,会显示对齐的线,会自动对齐到边缘,利用这个特性可以快速的实现元件间的左、右、上、下对齐
【Axure9基础教程】基础样式之元件位置调整

二、X、Y轴定位

调整X、Y轴,可以将元件精准的移动到指定的坐标点上,一般用于知道坐标点和需要精准调整的场景
【Axure9基础教程】基础样式之元件位置调整

最常用的是(0,0)坐标,可以快速定位到0点位置

三、快捷键调整

Shift+方向键(↑→↓←)
Ctrl+方向键(↑→↓←)
快捷键调整是一个非常实用的功能,可以准确的调整元件位置,默认每次会移动10px(该值可以手动设置,没有特殊要求按照默认值就可以了),快捷键调整使用得当的话,可以让页面更加整齐有空间感,从而制作出非常美观的视觉化原型

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

发表评论

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

联系我们

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

邮件:fleede@163.com

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