xd怎么做页面滑动_XD教程 | 如何在XD中制作"拖拽手势”

原标题：XD教程 | 如何在XD中制作"拖拽手势”

今日主题：设计一个滑动交互

使用工具：Adobe XD

预计时长：1-2分钟

实用指数：★★★★★

难度系数：★

本期教程，我们将与大家分享一个非常简单且实用的小教程—如何在Adobe XD制作拖拽手势，设计一个“滑动交互”。凭借这项功能，用户将能在手机页面上左右滑动切换内容，实现在同一区域展示多样内容的理想效果。

Adobe XD

左右滑动屏幕查看内容

01.前期准备

新建一个“.xd”格式的文档或者下载下方我们所提供的素材文件。

[ https://adobe.ly/2IzjJCQ ]

02.复制副本

按住“option”键或者“Alt”键，同时拖动画板标题来创建一个新的副本。

03.比例缩放

双击旋转轴上的图片，在屏幕右侧数据区域修改数据，调整图片的大小及位置。以下是参考数据：

-图1：W:100, H:100, X:-208, Y:248

-图2：W:160, H:160, X:-98, Y:218

-图3：W:240, H:2