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

【Axure教程】提升原型页面美观度之全局辅助线与页面辅助线详解

辅助线顾名思义就是用于辅助页面进行排版布局的线,辅助线可以帮助我们在页面设计之初,对页面结构、内容排版、间距大小进行合理的划分(这里涉及到栅格系统的设计不做具体介绍,感兴趣的可自行百度了解),在Axure中包括全局辅助线和页面辅助线两类

1、显示与隐藏

辅助线可以设置为显示或者隐藏,在“布局-栅格和辅助线-显示全局辅助线/显示页面辅助线”,勾选设置
【Axure教程】提升原型页面美观度之全局辅助线与页面辅助线详解

2、删除辅助线

删除单条辅助线:选中辅助线,按“Delete键”、“返回键”或者右键删除
删除所有辅助线:“布局-栅格和辅助线-删除所有辅助线”

3、锁定与解锁

默认状态下,辅助线是可以拖动的,可以拖动到合适的位置,为了避免误触导致辅助线被移动,可以右键选中“锁定”与解除锁定
【Axure教程】提升原型页面美观度之全局辅助线与页面辅助线详解

4、显示/隐藏标尺

“布局-栅格和辅助线-始终显示标尺”,勾选之后会在编辑区上边、左边出现辅助线的位置数字
【Axure教程】提升原型页面美观度之全局辅助线与页面辅助线详解

5、辅助线设置

“布局-栅格和辅助线-辅助线设置”,可修改辅助线的颜色,修改显示效果,显示/隐藏标尺等
【Axure教程】提升原型页面美观度之全局辅助线与页面辅助线详解

6、全局辅助线

全局辅助线在所有页面都有效,Axure8默认全局辅助线颜色为紫红色,颜色可以修改,如果没有特殊需求默认这个颜色记住就可以了
【Axure教程】提升原型页面美观度之全局辅助线与页面辅助线详解
“布局-栅格和辅助线-创建辅助线”,可创建全局辅助线
【Axure教程】提升原型页面美观度之全局辅助线与页面辅助线详解

7、页面辅助线

页面辅助线是在当前页面有效的辅助线,其他页面无效,Axure8默认全局辅助线颜色为蓝绿色,颜色可以修改,如果没有特殊需求默认这个颜色记住就可以了
【Axure教程】提升原型页面美观度之全局辅助线与页面辅助线详解
在编辑区的上边缘、左边缘,按住鼠标左键就可以拖出页面辅助线了
【Axure教程】提升原型页面美观度之全局辅助线与页面辅助线详解

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

发表评论

登录后才能评论

联系我们

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

邮件:fleede@163.com

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