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吧!
推荐素材
UI 登录界面设计模板包
新拟态风格 UI设计组件库
【新年UI图标】旅行icon
原创UIUX交互橙红渐变炫酷视觉平面设计作品集模板PSD
高级表盘系列UI源文件
手表表盘UI系列
高级感金属拟物 UI设计组件库
【新年UI图标】汽车icon
钱包ui模板
【新年UI图标】钱包icon
3D渐变流体抽象矢量UI背景图
【新年UI图标】体育icon
【新年UI图标】30个图标
UI界面 组件
智能家居中心 简约 UI设计组件库
拟物风质感写实UI卡片合集源文件
户外旅行飞机情侣假日出行
UI通用设计素材1
【新年UI图标】礼物/活动icon
【新年UI图标】会员icon
盲盒APP UI设计
Security Camera UI kit
APP/小程序商业项目UI模板|99个高保真UI+79个原型
【新年UI图标】秒杀icon
你可能喜欢
相关收藏夹
大家都在看
登录注册