Principle 学习笔记/ Drivers-连续交互滚动(Scroll)
上海/UI设计师/6年前/414浏览
版权
Principle 学习笔记/ Drivers-连续交互滚动(Scroll)
Principle 学习笔记/ Drivers-连续交互滚动(Scroll)
知识点
1、Sketch文件导入Principle里 ,要想使组变成位图有两种方法
a 给组重命名,后面加一个*(英文输入法)
b 加蒙版
2、这个动效要在垂直方向加Scroll
3、向上滑动的过程中,背景会模糊,这里涉及到“父子层”的关系,夫层移动,子层(模糊的页面)也跟着移动,同时给子层设置一个透明的属性
4、关键帧的设置
头像 Y轴
两个小图标 Y轴
顶部导航栏 透明度
5、这个动画比较适合“个人中心”这个界面。
6、细节:两个小图标是在先跟着背景往上走 然后开始往下走

动效展示

2
2
分享
相关推荐
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
你可能喜欢
相关收藏夹
登录注册
2登录即可同步推荐记录哦
2登录即可加入我的收藏
评论登录即可评论想法
分享分享















































































