Principle 学习笔记/ Animation-组建Component

用户头像
上海/UI设计师/6年前/186浏览
Principle 学习笔记/ Animation-组建Component
用户头像
果健

学习笔记:组建点赞的一个小动效,里面会有数字的变化和头像的移动,这里建立一个组建的意识。

知识点

  1. 创建组建(component),点击有两个设置的小图标,在多页面动效、多个框架情况下,做组建是十分便捷的,这个和Sketch里面的组建一个意思

  2. 数字的变化:在principle导入进来的数字都会变成一个位图,这样就不可以编辑了,所以要在principle里创建文字,进行编辑。

  3. 头像:这里做一个X轴的位移和透明度的变化就好

  4. 在做页面跳转的时候(TAP)可以做成把整个面板都可以点击的

  5. 小星星跳动的细节:先位移 在做一下透明度的消失





动效展示


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