我们在使用XD创建原型的时候,可以为它创建锚点链接,这样有助于我们滚动到画板上的特定部分 。在设计长页面表单或长文本文章时,使用锚点链接可加速导航并提升可用性 。下面我们一起来学习掌握XD如何创建锚点链接 。
文章插图
1、首先我们需要切换到“原型”模式,选择要添加锚点链接的对象 。
2、然后在画板上向下拖动原型构建线,直到到达要链接到的点 。
3、通过用鼠标点击原型构建线,来查看属性检查器中显示的“交互面板”,并设置以下选项:
· 触发器:设置为“点击” 。
· 操作类型:设置为“滚动至” 。
· 目标:选择目标图层 。
· Y 偏移:
首先输入相对于连线对象顶部的 y 偏移值 。
然后将 y 偏移控制滑块拖到画板左侧,并观察 y 偏移值是否发生变化 。
需要记住的是,连线对象上方的任何值均表示负偏移,下方的任何值均表示正偏移 。
· 缓动:选择一个选项来模拟缓动效果 。
· 持续时间:设置持续时间 。
4、点击预览可以在画板上预览查看效果 。
【XD如何创建锚点链接?有什么作用?】以上就是关于XD如何创建锚点链接的操作方法和步骤,学会这个方法之后,可以用来加速导航并提升可用性 。
推荐阅读
- XD如何在原型中添加音频播放功能?操作步骤有哪些?
- XD如何播放视频?有哪些播放方法?
- XD如何共享多个流?操作步骤有哪些?
- xd如何共享设计规范或原型?有哪些方法?
- XD如何添加文档资源?可以设置哪些内容?
- XD如何设置主页屏幕?设置方法是什么?
- XD如何编辑文档资源?编辑方法有哪些?
- 如何用 Figma 搭建系统组件库?组件库的基础构成是什么?
- Figma如何批量修改文本图层字体?修改方法有哪些?
- Figma如何汉化?安装步骤有哪些?