原标题:教程|Adobe XD制作高端交互效果
来源:设计软件通
咱们今天就来给大家分享一个XD上的新功能
大家在平时使用APP的时候
会不会看到一些高大上的交互动画呢
在Adobe大手的推动下
年轻的XD也加入很多可以简单实现的高端交互
那么怎么做呢
1
我们首先打开XD
并在预设的模板里选择iphone6/7/8
2
这里我想模拟一个音乐播放器的界面
所以第一个页面我要做成给用户挑选专辑的样式
我们点击选中画板
在右边的参数页面中
将它的填充色修改为一种灰色
3
接着我们插入一张状态栏的示例图
用来标记处状态栏的区域
以免制作UI的时候影响到状态栏
或是被状态栏遮挡
4
然后我新建一个375*180的矩形
让它顶到最上方
5
取消勾选它的描边
将它的填充方式修改为线性渐变