axure商城

【教程】Axure全局辅助线与页面辅助线使用讲解

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

1、显示与隐藏

辅助线可以设置为显示或者隐藏,在“布局-栅格和辅助线-显示全局辅助线/显示页面辅助线”,勾选即可生效
【教程】Axure全局辅助线与页面辅助线使用讲解

2、删除辅助线

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

3、锁定与解锁

默认状态下,辅助线是可以拖动的,可以拖动到合适的位置,为了避免误触导致辅助线被移动,可以右键选中“锁定”与解除锁定

【教程】Axure全局辅助线与页面辅助线使用讲解

4、显示/隐藏标尺

“布局-栅格和辅助线-始终显示标尺”,勾选之后会在编辑区上边、左边出现辅助线的位置数字

【教程】Axure全局辅助线与页面辅助线使用讲解

5、辅助线设置

“布局-栅格和辅助线-辅助线设置”,可修改辅助线的颜色,修改显示效果,显示/隐藏标尺等

【教程】Axure全局辅助线与页面辅助线使用讲解

6、全局辅助线

全局辅助线在所有页面都有效,Axure8默认全局辅助线颜色为紫红色,颜色可以修改,如果没有特殊需求默认这个颜色记住就可以了

【教程】Axure全局辅助线与页面辅助线使用讲解

“布局-栅格和辅助线-创建辅助线”,可创建全局辅助线

【教程】Axure全局辅助线与页面辅助线使用讲解

7、页面辅助线

页面辅助线是在当前页面有效的辅助线,其他页面无效,Axure8默认全局辅助线颜色为蓝绿色,颜色可以修改,如果没有特殊需求默认这个颜色记住就可以了

【教程】Axure全局辅助线与页面辅助线使用讲解
在编辑区的上边缘、左边缘,按住鼠标左键就可以拖出页面辅助线了

【教程】Axure全局辅助线与页面辅助线使用讲解

优职坊:致力于产出优质的axure资源,包括组件库、原型、高保真原型、Axure教程等用户体验相关的资源。交互设计师、产品经理学习Axure技术的不二选择!
更多优质Axure原型资源:https://www.axureshop.com/shop/18

给TA打赏
共{{data.count}}人
人已打赏
Axure教程

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

2018-12-27 21:49:05

Axure教程

仿网易云播放器:带声音可切换歌曲的播放器

2018-12-29 19:56:02

axure商城
0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索