看作品
AI资产
AI资产
AI设计
AI设计
学课程
找工作
找设计师
找素材
登录
注册
1.5.6
Principle练习Ⅰ
UCD小站
杭州
/
UX设计师
/
5年前
/
135浏览
版权
私信
关注
Principle练习Ⅰ
UCD小站
关注
Principle临摹+小结
15-1
动画转换的成功基础:命名一致(补间动画:两个画板之间形成共同元素)
收藏
15-2
默认动画时长0.3s
收藏
15-3 Tab切换
①合成指令:非动画图层命名+ principle flatten(扁平化)②图层多时需命名规范化,以免Principle内复杂显示 ③弹性动画数值设置
收藏
15-4 3D touch动画(Longpress)
滚动→长按→释放→返回
组的边界=界面边界(可显示的范围)
画面无缝连接:模糊图层下的公用元素保持统一
收藏
15-5 Touch触摸动画
滚动→按下→释放→缩放→变换→回弹(时间的调整,依次出现)
效果细腻展示:缩放+透明度0
收藏
15-6 Hover 划入划出动画
网页端(箭头光标)划入划出的颜色变换,按压释放状态
收藏
15- 7 Auto Loading 加载动画
①旋转范围:旋转块+区域成组 ②√出现的时间位置延后 ③旋转尾巴:复制+延迟时间的位置
收藏
15-8 Component 组件动画
①漂浮(command+alt+鼠标移动选中图层)→消失(调节时间位置)②头像位移+缩放+透明度0
收藏
15-9 Drivers 面板
页面内:不同元素可同时发生不同动画(联动)
收藏
15-10 Drivers 连续交互翻页page
分页符、背景色、左右滑动文字后置(位移)、图片缩放
收藏
15-11 连续交互滚动(属性值的逻辑调整)
垂直滚动、头部下拉背景缩放、向上滑动头像缩放,标签位移+缩放、背景模糊、标题栏透明度
收藏
15-12 Drivers连续交互拖拽Drag
Drivers面板属性值:左右拖拽、同方向图标的缩放
Animate:(卡片复制前一个去除Drivers属性,关闭指令)→旋转→拖拽→释放→后图的放大微弹(数值保持一致)
收藏
15-13 综合案例 电影APP Demo
图片成组→可视范围→scroll→scale→导航位移、opacity→汉堡→抽屉→微弹→红点后置微弹显示、头像+文字(原位scale)→返回红点+头像No Animation
导航条位移→进度条Group调整→播放卡片视频补间动画
收藏
2
举报
|
声明
1
分享
原创作品
UI
交互/UE
principle
交互
动效
相关推荐
换一换
会员精选
天津科技大学丨动画专业丨雷同学丨向量设计
17
武汉向量设计
推广
ICON 图标系列
353
UCD小站
海外金融贷款APP
166
UCD小站
微信红包封面
65
UCD小站
Web端BPaaS平台首图
51
UCD小站
关注
C君精选-吉祥物设计
2870
你好C君
iOS界面控件规范
2
UCD小站
转盘抽奖
315
UCD小站
教育项目-产品体验设计流程
4
UCD小站
摄影构图基础
2
UCD小站
还在为找不到灵感和素材烦恼?老司机倾囊分享,建议收藏
9
UCD小站
评论
登录
评论你的想法~
表情
发布评论
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
你可能喜欢
换一换
2026作品合集
349
平子_
暗黑玫瑰CG|这张脸我真的会反复看
330
BOD_studio
省狮原创作品合集 | 2025年度品牌设计合集-第一弹
181
lionpro省狮品牌
AIGC——六大结构解析
278
AICG的小卡拉米
作品集|Portfolio|作品合集|品牌
963
市民杨某
好好家族故事兔宝与虎宝的100件小事
214
约翰强尼
相关收藏夹
换一换
关注
C君精选-吉祥物设计
2870
你好C君
关注
平面线条
720
惠是惠惠的惠
关注
品牌vi完整思路and呈现方式
1709
废才
关注
餐饮
483
绝对设计
关注
地产VI
1712
喾二
关注
ip形象设计+表情包
1922
桂圆ll
大家都在看
查看更多
IP 形象
国庆
LOGO 设计
海报设计
插画设计
壁纸图片
作品集
VI 设计
UI 设计规范
AI 绘画
表情包
PPT模板
#principle
principle
principle
principle动效
principle交互
principle sketch
ae,principle
principle动画
principle教程
设计
#设计
#设计
#设计
以设计
AS设计
it设计是
by设计
设计in
in设计
设计’
a设计
设计
把设计
it设计
设计的
及设计
设计
是也设计
设计、
设计
#设计#
设计
🤮设计
设计还
设计‘’
#设计
if设计
比设计
登录注册
2
登录即可同步推荐记录哦
1
登录即可加入我的收藏
评论
登录即可评论想法
分享
分享