您的位置:首页> 日志> 用户体验 正文

principle是一款在mac上的交互原型制作软件。界面类似 Sketch,动画的思路有点像 Keynote的神奇移,只要两个画板的元素之间发生了变化,那中间的动画过渡就会自动的补上,像flash的补间动画,制作非常的简单,效果出奇的好,同时还支持移动端镜像预览,可以在iphone和ipad上安装app,通过数据线连接,操作体验十分完美。

官方网站:http://principleformac.com/

这是官网上的几个动画示例,支持的交互可以点击、长按、拖拽、滚动、翻页。

通过几分钟时间,制作了一个翻页的动画效果

这是在iphone端的实时预览效果,操作行云流水般流畅

两个画板之间,改变元素的位置实交互动画效果

实现侧栏按钮的隐藏与展开动画,为丰富动画效果更Q弹,也可设置动画的曲线。

为每一个要切换的画面,建一个画板,同时对导航做当位置状态,画板与画板之间用点击来触发联接,可以看到这种切换的效果了

导航切换效果展示

使用元素之间的联动功能,当拖拽一个元素时,同时联动其他的元素,这是最近做的一个嘉定项目的专题,使用联动快速完成了视觉差的效果

支持触摸拖拽交互

principle支持触摸拖拽交互,在ipad中的预览效果

 

总结:

优点:principle是一款适合快速完成动态效交互的软件,操作简单快捷,同时支持iphone和ipad的实时预览交互。零代码输出动态效果,支持导出mov的视频和gif动画效果。

缺点:动画效果无法生成代码直接使用,但话说回来,设计师都把设计图做好了,动态交互也完成了,如果代码也来完成,那这程序也…