脸书用来打造Instagram的原型设计工具OrigamiStudio将在今年免费释出

日前，脸书（Facebook）在开发者大会F8上发表，一款由脸书设计团队（Facebook Design）专为设计师打造的原型设计工具Origami Studio（折纸工作室），提供设计师快速建立App原型（Prototype），且可以在iPhone或iPad上执行原型展示，还可以汇出程式码片段给工程师使用。

而脸书旗下有许多产品都是使用Origami Studio设计和建立而成，例如，Instagram、通讯软件Messenger、社团功能Groups等，脸书表示，这套设计工具将在今年稍晚免费释出。

Origami Studio是建立在苹果图形视觉化应用程序Quartz Composer上的工具，是原生OS X的应用程序，提供设计师视觉化元件，让不会写程式的设计师也可以利用这些视觉化元件来建立App的使用者界面（UI）互动原型，而这些元件包含了滚动（Scroll）、滑动（Swipe）和点击（Tap）等。

另外，设计师在UI互动设计的过程中，还可以同步显示互动的效果，例如，滑动App画面时，背景画面的透明度表现，设计师可以透过这些视觉化的呈现来调整透明度、规模等数值。

（图片来源／Facebook）

Origami Studio也提供汇出程式码的功能，设计师可以将建立好的原型汇出成iOS、Android或Web的程式码片段，不需要再向工程师描述那些使用者界面互动的繁琐规格，缩短设计师与工程师之间沟通的鸿沟。

Origami Studio还有即时预览功能，设计师可以同时在iPhone或iPad上执行即时预览功能，此预览功能也提供不同的方式来展示App的原型，如App的全屏幕模式、在不同背景情境使用App的模式、App在不同装置上呈现的模式等。

（图片来源／Facebook）

而使用者也可以在Origami Studio中使用Photoshop的PSD档和Sketch的图档，另外，这套原型设计工具也可以用来建立桌面网页的原型。