虎课网为您提供字体设计版块下的即时设计-页面跳转&内容滚动-UI交互动效教程02图文教程，难度等级为新手入门，下面开始学习这节课的内容吧！

本节课讲解2.页面跳转&内容滚动，同学们可以在下方评论区进行留言，老师会根据你们的问题进行回复。

那我们开始今天的教程吧。

1.根据屏幕上的下载方式获取文件，可以在设计和原型中进行切换，原型可以看到跳转。

2.在原型模式下，选择一个卡片，按住圆点拖动到要跳转的页面。

3.如果要把线删掉，需要拖动线到空白处，右侧原型中选择【交互】可以查看该部分的交互信息。

4.在【事件】中进行选择，可以设置类型、行为及跳转，右侧也可以删除线。

5.可以在【预览】中看效果，进行【分享协作】，分享过后技术会看到同样的画面进行操作。

6.上面有【评论模式】，右侧还有相关操作，可以自己进行尝试。

7.切换到【原型模式】，将线连接，给返回键添加【行为交互】，选择【返回上一画板】。

8.演示中进行观看，进行跳转检查，有小房子的页面在播放时会优先显示。

9.给跳转按钮添加【交互】，选择【打开外链】，输入网址。

10.切换到练习，展开图层，将内容打组。

11.画一个白色画板，添加灰色矩形，切换到【原型模式】。

12.选择【溢出滚动】，进行预览，拖动灰色矩形。

13.内容要超出画板长度，将中间内容右键，进行【创建画板】。

14.给里面的画板添加【溢出滚动】，底部画一个矩形，调整透明度。

15.本节课内容结束，感谢同学们的观看！

以上就是即时设计-页面跳转&内容滚动-UI交互动效教程02图文教程的全部内容了，你也可以点击下方的视频教程链接查看本节课的视频教程内容，虎课网每天可以免费学一课，千万不要错过哦！