AE教程:旅游界面动效设计

原创文章 分类: 教程 版权:
10967 167 287 8
2018-07-01
74.1
首页推荐



课前准备

在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、制作动效

Image title

Image title



二、设计这个App

这个教程的参考放上

Image title


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

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

Image title


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

Image title


然后是第二个界面

Image title



三、开始制作AE


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

Image title


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


Image title


2,制作界面上滑的效果

Image title


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

Image title


最终效果


Image title


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


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






微信公众号:jiaouiweb

UILEO

UILEO群号码:519675228

9707粉丝/2关注

首页霸主好为人师人气明星小有见解当仁不让lv.1
教UI系列教程 - 抽象光线动效教UI系列教程 - 三维粒子动效
2
给你摸下我的猫

高产似母猪

精彩!

UILEO

UILEO

UILEO群号码:519675228

首页霸主好为人师人气明星小有见解当仁不让lv.1

扫描二维码
去手机端查看海报

UILEO

TA已经获得12枚勋章啦

  • 成就勋章

    • 特别勋章

    • 身份勋章

  • 已拥有

  • 作品

    创造者才是真正的享受者。

  • 经验

    经验是一所好学校,可它的学生却经常旷课。

  • 活跃

    大神都是从围观群众开始的

  • 拓展

    作品、经验、活跃还不能满足你?

京ICP备14007358号-1 / 京公网安备11010802014104号 / Powered by 2008-2019 UI.CN