今天介绍一款交互设计工具——Principle。它是前 Apple 工程师打造的一款交互设计工具,五分钟即可制作出一个具有完整交互动画的原型,并且可将交互动画生成视频或者 Gif 分享到 Dribbble、Twitter 等社交平台。 Principle 还支持多种尺寸的原型设计,包括 Apple Watch。优点如下:
元素间自动生成补间动画
如果两个画布中文件名称一样但发生了变化,Principle就会自动像Flash一样为它创建一个补间动画。这里演示的动画除了画布间的Tap触发事件,对图形没有任何额外的操作,Principle根据4幅图之间的元素形状变化自动生成了补间动画。另外,可以快速调整补间动画的效果为缓入、缓出等或直接调整曲线。
导出mov、gif甚至追波稿
可以通过预览视图的录制工具录制视频并导出视频或GIF,导出时提供各种方便的尺寸设定。目前点击形状只能在圈和鼠标之间切换,分别适用于移动终端和web。
在手机上即时体验
(见下文交互动效设计神器 Principle 演示)
如果是终端界面动效,在Apple Store下载Principle并用数据线与mac相连,打开principle立刻镜像出你的动效demo,拔掉数据线依然有效,可以欢乐地在手机反复体验,甚至拿去用户测试。而且任何修改都是即时呈现的。
手动获取动画数值
虽然暂不支持直接输出动画数值,但可以通过时间轴手动获取曲线的具体数值交给开发者去实现我们的设计。
实践资料
以下有部分Principle软件学习视频,更全面的学习视频请挪步http://principleformac.com/tutorial.html
点击阅读原文获得Principle 破解版下载地址,以及案例gif。
原编:程琳琳 | 视频来自腾讯视频 图Dribbble
案例欣赏
交互动效设计神器 Principle 学习
Principle教学视频 - Scrolling and Tabs
Principle教学视频- Paging
实践资料
全面的学习视频请挪步
http://principleformac.com/tutorial.html
点击阅读原文获得Principle 破解版下载地址
关键词回复
回复“网站”查看“推荐|找图网站”
咨询微信:v-vavrillavigne 微博:@设计师的那些破事儿
公众号:po_shier
转载声明:如转载本文,请附带以下二维码并注明出处
喜欢请点赞 分享朋友圈也是一种赞赏