交互设计师的新宠：免费原型制作工具Origami.pdfVIP

交互设计师的新宠 ：免费原型制作工具Origami O rigami的意思是折纸 （听起来是由日文翻译 来的 ）。它是Faceboo k的设计团队花费了9个月时 间开发的工具 ，O rigami是一款基于Q uart z Co mposer的插件 ，安装O rigami之后 ，Q uart z Co mposer的界面会变得更加友好 ，更适合于交互设计师操作。 O rigami官方网站下载页面 ：ht t p://f aceboo k.git hub.io/o rigami/ 如果不能访问Faceboo k ，请在这里下载 ：ht t p://vdisk.weibo .co m/s/oquA KKPrOc 在2013年4 月份的时候 ，Faceboo k在推出Faceboo k Ho me的时候 ，曾力推Q uart z Co mposer ，希 望它能够成为一款设计师们都喜欢的高保真动态原型制作工具。然而因为Q C的门槛依然很高 ，推广 没有成功。 这一次 ，Faceboo k设计团队免费公开O rigami ，这款插件让Q C的使用更加方便 ，希望能够借此再度 推广Q C。 下面简单介绍一下O rigami ： 大多数设计师在向工程师讲解设计想法的时候 ，都是通 静态原型图来完成的 ，但是现在A PP的趋 势是 ：动态的设计越来越多 ，设计师们需要更好的交互设计工具 ，O rigami应运而生。 怎样安装 ： ①你需要一台Mac ②安装Q uart z Co mposer ③安装O rigami 除了第一条 ，后面两个都可以在O rigami官方页面 （ht t p://f aceboo k.git hub.io/o rigami/ ）下载到。 O rigami提供了哪些自定义的控件 （Pat ch ）： Sw it ch(开关) ：开关就是开关 Scro ll(滚动) ：用来滚动一张图片 Bo uncy A nimat io n(弹性动画) ：通 弹簧控制变化参数的动画 Classic A nimat io n(传统动画) ：传统的曲线型缓动动画 T ransit io n(转场动画) ：输入0- 1的数值 ，输出开始和结束值 Co lo r T ransit io n(颜色转场) ：在两种颜色间淡入淡出 Image T ransit io n(图像转场) ：两张图片间淡入淡出 Int eract io n 2(交互2号) ：让你可以点击某个层 Layer(层) ：把图片显示在屏幕上 Text Layer(文字层) ：把文字显示在屏幕上 But t o n(按钮) ：可自定义标签和背景 ，连上“交互2号”使之可以响应点击 Hit A rea(可点击区域) ：同样也要连“交互2号” Pho ne(手机) ：在屏幕上画一个手机 ，iPho ne、安卓、W P都有 T imer(定时器) ：设定一个时间 ，到点了定时器会改变状态 Co unt er 2(计数器2号) ：从一个数值增减到另一个数值 ，用来实现f o r循环的 O rigami给Q C带来哪些变化 ： ①支持Ret ina显示器 ②拖进来一张图片的时候 ，自动在外面包一个层 ③在参数窗口中支持键盘上下键切换 ④被禁用的控件显示为灰色 ⑤让查看窗口原生全屏支持 ⑥当分流器被删除后 ，连接线保留 ⑦其他bug修复 好了 ，赶紧下载一个试一试吧。下载完成后会跳转到样例下载页面 ，通 4个样例你可以学习到通 O rigami制作出很多神奇动效的方法。 作者 ：搜狐Mued 人人都是产品经理 （woshipm.co m ）中国最大最活跃的产品经理学习、交流、分享平台