本文提供了一步一步的教程，指导如何使用Adobe XD制作高端交互效果，包括创建音乐播放器界面，设计状态栏渐变，设置专辑封面，添加文字，复制并编辑元素，以及设置交互动画和原型链接，最终实现从HTML导出交互。
原标题：教程｜Adobe XD制作高端交互效果
来源：设计软件通
咱们今天就来给大家分享一个XD上的新功能
大家在平时使用APP的时候
会不会看到一些高大上的交互动画呢
在Adobe大手的推动下
年轻的XD也加入很多可以简单实现的高端交互
那么怎么做呢
1
我们首先打开XD
并在预设的模板里选择iphone6/7/8
2
这里我想模拟一个音乐播放器的界面
所以第一个页面我要做成给用户挑选专辑的样式
我们点击选中画板
在右边的参数页面中
将它的填充色修改为一种灰色
3
接着我们插入一张状态栏的示例图
用来标记处状态栏的区域
以免制作UI的时候影响到状态栏
或是被状态栏遮挡
4
然后我新建一个375*180的矩形
让它顶到最上方
5
取消勾选它的描边
将它的填充方式修改为线性渐变
最低0.47元/天 解锁文章
1万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
