恭喜你成为UI中国推荐设计师 (详情)

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

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

原创文章 分类: 教程 版权:
5593 179 291 8
2018-07-01
19.3
首页推荐



课前准备

在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

推荐人:

UI中国

UILEO

快来Leo设研所一起学设计吧~

16269粉丝/2关注

首页霸主诲人不倦人气明星原创超人小有见解
图标动效教程 - 考拉裂变加载动效    1000+小伙伴都在的设研所等你来加入哦~
2
给你摸下我的猫

高产似母猪

精彩!

您确认要推荐?

该作品发布时间:2018年07月01日

评分

完整度

启发性

勤奋性

排版布局

推荐心得

建议20-200字以内

0/200

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

UILEO

TA已经获得18枚勋章啦

  • 成就勋章

    • 特别勋章

    • 身份勋章

  • 已拥有

  • 作品

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

  • 经验

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

  • 活跃

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

  • 拓展

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

每人每天仅限5票,快给你心仪的作品鼓励的一票。

投票

账号或密码错误,请重新输入

账号或密码错误,请重新输入

登录

账号或密码错误

发送验证码 120s 验证码错误

登录

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