Origami Studio Mac 由 Facebook 推出,在 iOS 与 Android 设计风格基础之上采用 Facebook 设计语言的原型开发工具,Origami Studio汉化破解提供了必要的设计要素、动画效果以及各种库,可以让产品设计师更快更方便地进行原型开发。
软件特色
简单明了,动效基本就是图层属性的变化,同时操作交互上也与以前的QC有不小的变化,后续的小教程里面会一一说明。
为什么选择 Origami 做为主动效工具,最大的原因是 免费!!!
相比 AE 制作交互动画时,花费时间漫长而又耗费精力的制作过程, Origami Studio 有以下几大优点:
1.对动效的实现进行初期的逻辑梳理,在技术实现阶段能提供一定的思路和建议;
2.能更加真实地还原手机的操作与真实的操作体验;
3.能训练设计师本身的逻辑梳理能力,对于自己的设计有更全面的认知;
此次教程会为大家阐述一下基本原理,还有怎么和 Sketch 配合使用。
提供的源文件请拉到最下面点击下载,请打开教程文件同步进行学习。
文件理解
解压教程文件,你会看到里面有个Sektch 文件。里面有个已设计完成的简单界面,以此构建一个比较简单的交互动画。Origami 文件里面都是空的,在此我们初步尝试自己搭建界面到 Origami 里面。
交互思路为:点击图片 > 图片弹性缩小 & 文案渐变消失
Origami Studio 教程 Origami Studio技巧 入门图文教程:https://www.7down.com/article/194601.html
∨ 展开