课前准备

在7月10日会带着大家花2-3周做一套车机的设计 http://activity.ui.cn/lynk 从规范制定到动效然后包装设计，欢迎关注！

根据这次主题做出ui界面，然后将动效设计传到UI中国后，将其链接放到群文件中
点评后选出最佳作品发放价值200元奖品，希望大家认真对待每次练习

---------------------------------------------------------------------------------

活动时间
7月1号-7月8号下午5点
将会在5点把点评和下一期教程一起发出
有问题可以在群里讨论和交流，不懂也可以来要教程看看

高清播放视频地址
界面设计（上）：https://www.bilibili.com/video/av25776719/
动效设计（下）：https://www.bilibili.com/video/av25777354/

必须下载的素材
本文所需要的素材 网盘下载

一、确定所需要的操作

1、设计App
2、切图后导入AE
3、制作动效

二、设计这个App

这个教程的参考放上

首先确认这个小页面的一些规范

字体：Mont Heavy / Bold / Light
字号：标题54px 内容24px
颜色：主字色#3d424c 辅助字色#3d424c 70%透明度 主色调#4cb7ff- #4cf0ff

针对界面的一些细节去介绍
首先是第一个界面

然后是第二个界面

三、开始制作AE

首先将素材包下载后，将其文件放入AE中

1, 首先制作第一个界面的出现效果

2,制作界面上滑的效果

3, 然后是点击过渡的效果

最终效果

上周点评地址：http://www.ui.cn/detail/371624.html
希望大家能一起进步


版权申明：本文为我的原创文章，如有转载请附上作者和链接哦~
也欢迎加入设计群， 一起交流设计