用Principle绘制小动画的方法

本文介绍了如何使用Principle软件快速绘制小动画,特别是移动端UX原型设计。通过一个制作小猫动效的例子,详细讲解了从Sketch绘图、导入Principle、设置触碰区域、调整动画属性到时间轴控制的全过程,帮助读者掌握这款交互设计工具。
摘要由CSDN通过智能技术生成

Principle可以实现快速绘制小动画,但它最大的作用在于交互点击上的完美呈现,学会这个小动画基本就掌握了这款软件的快速运用了。

Principle这款软件交互友好,可视化操作,调节方便,适用于简单快速的动效需求;尚未接触的同学可以查看Principle 中文 ,仔细琢磨后就能轻松驾驭目前最好用的移动端 UX 原型设计软件,搭配 Sketch 那简直双剑合璧!

下面是网上自学的一只小猫的动效,练习完这只小猫基本就掌握了这款软件啦,已上传源文件,下面简要说下绘制要点,一起学习下~

Image title

首先,我们先用Sketch画出大体造型,形象很简单,会用sketch的童鞋应该都能画出来。尾巴部分需要注意下,转动部分画一个半弧形的尾巴,在principle里通过转动角度来实现,尾巴上方加一个白色图形进行遮罩。遮罩功能时principle中比较常用到的功能。

在sketch中画好图形可以实现直接导入到principle软件中。点击principle软件靠左的钻石图标默认导入当前sketch文件。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值