Principle 学习笔记/ Hover+Auto

用户头像
上海/UI设计师/6年前/353浏览
Principle 学习笔记/ Hover+Auto
用户头像
果健

Principle 学习笔记

写在前面 之前在高高手和靳浩老师学习的Principle技法,在这里可以分享一下所学的知识点,文章里所有的素材都是靳浩老师分享的,不是原创欧,主要是想记录一下所学的动效知识点,对自己来说也是一种监督。

Hover

(一)知识点

1.新建一个Arboard,可以自定义尺寸,也可以用预设尺寸





2.预览动画时,可以改变是“鼠标箭头”还是一个“小圆点”




3.动效指令的逻辑

滑入       ——             按下         ——      释放      ——      滑出

Hover inside ——   Touch Down  —— Touch up   —— Hover outside


 (二)动画效果


Auto

(一)知识点

  1. 旋转要注意正圆的中心点,可以用“编组”的方法

  2. 圈转的太快,动效面板可以调节时间的长短

  3. 时间进度条错帧(中间的:“对号”往后错一下)

  4. “对勾”有一个补间动画(加一个弹性曲线——Spring)

  5. Auto的动画不用点,鼠标直接划入就行

  6. 拖尾的效果(做一个时间的错帧就好)




  (二)动画效果






0
阅读原文
|
举报
|
4
分享
相关推荐
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
拟物风质感写实UI卡片合集源文件
智能家居中心 简约 UI设计组件库
3D渐变流体抽象矢量UI背景图
【新年UI图标】30个图标
原创UIUX交互橙红渐变炫酷视觉平面设计作品集模板PSD
【新年UI图标】钱包icon
户外旅行飞机情侣假日出行
盲盒APP UI设计
钱包ui模板
【新年UI图标】汽车icon
【新年UI图标】旅行icon
科技医疗透明柜UI界面设计
高级感金属拟物 UI设计组件库
3D卡通UI界面图标可爱插画免扣素
Security Camera UI kit
【新年UI图标】礼物/活动icon
【新年UI图标】体育icon
手表表盘UI系列
UI界面 组件
【新年UI图标】秒杀icon
新拟态风格 UI设计组件库
高级表盘系列UI源文件
新能源APP应用UIKit
你可能喜欢
相关收藏夹
大家都在看
登录注册