10+年产品经理聊聊产品、测测产品,产品人交流学习成长平台,按 Ctrl+D 收藏我们
留言板 小程序 交流群 关于我

苏米客

  • 首页
  • AIGC
    • AI最新动态
    • AI学习教程
    • AI工具集合
    • AI产品百科
    • AI编程开发
  • Axure
    • Axure动态
    • Axure教程
  • 产品
    • 用户体验
    • 产品设计
    • 苏米杂谈
  • 资源
    • 产品UI组件库
    • 开源图标库
    • 中后台框架
  • 书单
    • AI书籍
    • 用户体验
    • UI视觉
    • 产品研究
    • 其他类型
  • 下载
    • Axure组件
    • Axure原型
    • 文档报告
    • 素材资源
  • 登录
  • 首页
  • AIGC
    • AI最新动态
    • AI学习教程
    • AI工具集合
    • AI产品百科
    • AI编程开发
  • Axure
    • Axure动态
    • Axure教程
  • 产品
    • 用户体验
    • 产品设计
    • 苏米杂谈
  • 资源
    • 产品UI组件库
    • 开源图标库
    • 中后台框架
  • 书单
    • AI书籍
    • 用户体验
    • UI视觉
    • 产品研究
    • 其他类型
  • 下载
    • Axure组件
    • Axure原型
    • 文档报告
    • 素材资源

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

11月前 915 0

除了对齐方式的快速布局之外,还有一个提升视觉的工具,那就是辅助线,无论是在PS、WORD这一类编辑软件中常见到的标尺还是辅助线,都是能够更加精准高效的提升布局水平,对页面结构、内容排版、间距大小进行合理的划分都是有非常重要的操作。

今天分享的就是关于全局辅助线与页面辅助线的使用教程

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

1、显示与隐藏

辅助线可以设置为显示或者隐藏,在“布局-栅格和辅助线-显示全局辅助线/显示页面辅助线”,勾选设置

2、删除辅助线

删除单条辅助线:选中辅助线,按“Delete键”、“返回键”或者右键删除

删除所有辅助线:“布局-栅格和辅助线-删除所有辅助线”

3、锁定与解锁

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

4、显示/隐藏标尺

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

5、辅助线设置

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

6、全局辅助线

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

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

7、页面辅助线

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

在编辑区的上边缘、左边缘,按住鼠标左键就可以拖出页面辅助线了

声明:本站原创文章文字版权归本站所有,转载务必注明作者和出处;本站转载文章仅仅代表原作者观点,不代表本站立场,图文版权归原作者所有。如有侵权,请联系我们删除。
#Axure教程 #进阶教程 #全局辅助线 #页面辅助线 
收藏 1
推荐阅读
  • Axure入门教程:如何用AxureRP做产品的需求管理
  • Axure RP 教程:快速制作页面跳转,Axure RP跳转链接教程
  • Axure入门教程:如何学习AxureRP以及学习方法
  • Axure入门教程:Axure软件界面介绍
  • Axure RP 教程:Axure中继器的增、删、改、查操作教程
评论 (0)
请登录后发表评论
分类精选
Axure RP 教程:Axure中实现多组条件判断情形(Case)的使用和设置
1686 9月前
Axure RP 教程:制作滚动字幕效果,文字滚动的动态效果
1613 11月前
Axure RP 教程:Axure中继器的增、删、改、查操作教程
1594 11月前
Axure RP 教程:快速制作页面跳转,Axure RP跳转链接教程
1561 11月前
Axure RP 教程:Axure 预览与发布生成HTML文件
1550 11月前
Axure入门教程:将Adobe XD设计导入Axure
1523 11月前
在Axure RP中快速创建可视化统计图,加载图表元件库 Axhub Charts
1520 11月前
Axure RP 教程:Axure中继器中按钮文字添加页面链接或外链设置方法
1514 11月前
Axture元件库教程(二):一键复制Iconfont图标到Axure
1503 11月前
Axure RP 无法发布预览页面问题?无法正常预览页面怎么办?怎么解决?
1348 11月前

文章目录

关注「苏米客」公众号

订阅推送更及时,手机查看更方便
分类排行
1 Axure PR进阶教程:输入数值控制滑块与拖动滑块动态显示数值交互设计
2 Axure RP 教程:如何导入阿里云Datav地图,实现Axure地图可视化交互效果
3 Axure RP 教程:Axure视频播放功能,高保真原型实现视频交互的详细操作步骤
4 Axure RP 教程:动态面板之表单多级联动效果制作
5 Axure RP 教程:动态面板之Tab标签导航页面切换效果制作
6 Axure RP 教程:动态面板之水平拖动及展开收起如何实现
7 Axure RP 教程:元件操作之快速创建单选按钮组或选项组
8 Axure RP 教程:常用样式之元件样式管理器
9 Axure RP 教程:常用样式之页面样式管理器
10 Axure RP 教程:Axure 支持哪些类型的页面布局,如何创建自定义布局
©2015-2024 苏米客XMSUMI 版权所有 · WWW.XMSUMI.COM 闽ICP备14005900号-6
免费影视APP 花式玩客 免费字体下载 产品经理导航 Axure RP 10 免费Axure模板 Axure原型设计 Axure元件库下载 原创Axure模板 申请友联