AE教程|初级入门，UX交互设计点击切换和滑动切换，用AE制作UI设计效果图/实例教学！

本文仅供学习讨论使用，请勿深究作者教程功底。十分简单粗暴，适合快速阅读。如果涉及工具和页面等基础操作，请去百度其他教程。教程内容取自一个月前发布的“译·干货|7个交互设计tips提升你的APP用户体验”的配图。欢迎留言。
配图链接：https://www.jianshu.com/p/d0c269390f4e

内容跟随标签滑动gif效果图

图片摘自7个交互设计tips提升你的APP用户体验

01.分析

画面主要通过页面1，2切换

页面1，2

02.新建合成

新建合成设置，可参考可自定义

03.文件图层，请给所有的图层分层和命名

也可以在ps里面画完再导入ae，因为我比较懒，直接在ae里画。

请不要学我这么懒，爱你们

鉴于学习参考性，我十分勤奋的标注下各图层哈。不要嫌弃……

页面1，2标注

04.步骤图

整体图层效果

图层9的设置，请注意时间标尺和位置、缩放的数值，当然也可以自行尝试设置

图层3图层4的颜色色值，颜色设置过渡参考整体图层效果

图层11，位置在xy两个数值间移动，关键帧参考整体图层效果

图层10，位置在xy两个数值间移动，关键帧参考整体图层效果

剩下的图层，跟随父级移动就好

设置完就可以导出了，简单快捷。

05.效果图

效果图

AE并不能直接导出gif文件，需要安装插件或者用别的软件生成。方式不一。在此我就不对此进行描述了，请自行百度。
我一直都觉得，什么软件都不重要，重要的是使用这个软件的你，祝所有学习软件的入门选手都成为大师。fitting~