XD-图标微交互设计

今天课程的内容是讲解图标微交互设计，同学们可以在下方评论区进行留言，老师会根据你们的问题进行回复，作业也可以在评论区进行提交。

那就开始今天的教程咯。

1.将Home页面复制一份，点击灵感、行程、周边、我的会有动作和特效的变化，将消息图标移动到画面中，并调整到合适的位置，使用相同的方法处理其他图标。

2.注意摆放时不要直接放在图标上，选中另一组向下调整，按【Alt】复制一份文件，并修改名称为TAB1、TAB2，选中TAB1的行程点击【动作】为自动制作动画，设置【效果】为弹窗。

3.选中TAB1的我的点击【动作】为自动制作动画，设置【效果】为弹窗，选择TAB2的组件设置【不透明度】为68%，调整收藏的位置。

4.选中首页调整到合适的位置，设置【不透明度】为100%，选中TAB1的首页将其调整到合适的大小，调整到合适的位置设置【不透明度】为72%。

5.选中收藏设置【不透明度】为100%，调整到合适的大小，设置【不透明度】为0%，按【Ctrl+S】保存查看制作的效果。