Principle可以实现快速绘制小动画,但它最大的作用在于交互点击上的完美呈现,学会这个小动画基本就掌握了这款软件的快速运用了。
Principle这款软件交互友好,可视化操作,调节方便,适用于简单快速的动效需求;尚未接触的同学可以查看Principle 中文 ,仔细琢磨后就能轻松驾驭目前最好用的移动端 UX 原型设计软件,搭配 Sketch 那简直双剑合璧!
下面是网上自学的一只小猫的动效,练习完这只小猫基本就掌握了这款软件啦,已上传源文件,下面简要说下绘制要点,一起学习下~
首先,我们先用Sketch画出大体造型,形象很简单,会用sketch的童鞋应该都能画出来。尾巴部分需要注意下,转动部分画一个半弧形的尾巴,在principle里通过转动角度来实现,尾巴上方加一个白色图形进行遮罩。遮罩功能时principle中比较常用到的功能。
在sketch中画好图形可以实现直接导入到principle软件中。点击principle软件靠左的钻石图标默认导入当前sketch文件。