工具推荐 | Mac平台交互动效神器——Principle

    摘要

    今天介绍一款交互设计工具——Principle.它是前 Apple 工程师打… Store下载Principle并用数据线与mac相连,打开principle立刻镜像…

    今天介绍一款交互设计工具——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


    案例欣赏

    工具推荐 | Mac平台交互动效神器——Principle

    交互动效设计神器 Principle 学习

    Principle教学视频 - Scrolling and Tabs

    Principle教学视频- Paging


    实践资料

       全面的学习视频请挪步

       http://principleformac.com/tutorial.html

      点击阅读原文获得Principle 破解版下载地址



    关键词回复

    回复“网站”查看“推荐|找图网站”

    咨询微信:v-vavrillavigne       微博@设计师的那些破事儿

    公众号:po_shier              

    转载声明:如转载本文,请附带以下二维码并注明出处    

    原创文章投稿

     

    设计师的那些事

    投稿邮箱:[email protected]

    喜欢请点赞  分享朋友圈也是一种赞赏

    avatar
    • 本文由 发表于 2018年11月15日
    Mac 软件推荐(续)之程序猿篇 mac软件下载

    Mac 软件推荐(续)之程序猿篇

    在前面一篇文章“Mac 软件推荐(续) -- !程序猿篇” (文章取名装X失败, 悲伤)中, 我已经介绍了一些大众化的软件, 当然作为程序猿的你也应该参考参考(没看过前文的必须补上啊).本篇文章将介绍...
    匿名

    发表评论

    匿名网友 填写信息