2. 预览和分享 Previewing and Sharing - Origami Studio 教程


Preview your prototype on both simulated and physical devices. 在模拟器和物理设备上预览原型。

Prototypes made in Origami can be simulated on screen as well as natively on mobile devices, allowing you to view changes as you make them. Prototypes can be exported to Apple and Android devices for use on-the-go with the Origami Live apps.

在 Origami 上制作的原型可以在电脑模拟器上和移动设备上操作,编辑时的变更实时同步到模拟器和移动设备。原型可以导出到 iOS 和 Android 设备的 Origami Live,随时随地预览。

Choosing a frame 选择模拟设备

Origami comes with a collection of common iOS, Android, and other simulated devices that can be used to frame your prototype.

Origami 自带常用的iOS、Android和其他模拟设备的集合,用于构建原型。

不同的模拟设备

点击左上角的手机型号,切换设备型号和颜色。

The available devices list is updated and expanded regularly. 设备列表将定期更新和扩展。

Your prototype screen size and density reflects that of your chosen device. Tap the Viewer Settings button on the Viewer toolbar and select Toggle Frame to hide and show the device frame Alt D.

原型屏幕的尺寸和分辨率源自你使用的设备。点击查看器右上角的设置按钮,Toggle Frame 切换是否显示设备,或使用快捷键 Alt D

Hands 手

All simulated devices in the device list are able to display a hand, of varying gender and skin tone. Toggle hand preferences with Toggle Hand Alt H within the Viewer Settings button.

所有模拟设备都能切换显示不同性别和肤色的手。点击查看器右上角的设置按钮,Toggle Hand 切换手的样式,或使用快捷键 Alt H

Cycle through hands by repeatedly clicking the Toggle Hand button. 重复点击 Toggle Hand 循环切换手。

Adjusting the Viewer 调整查看器

The Viewer can be minimized and moved around the Patch Editor for a distraction-free environment. Select the minimize button on the left of the Viewer toolbar Alt Cmd F, and drag anywhere on your Patch Editor.

查看器可以最小化,并可以固定在模块编辑器四个角上。
点击查看器工具栏左侧最小化 Alt Cmd F 按钮,然后拖动到模块编辑器的任意一个叫上。

Origami will snap the minimized Viewer to the nearest corner. This also works for an expanded Viewer.

You can drag the Viewer outside of the Patch Editor into its own window — especially useful for a dual-monitor setup.

最小化查看器时会自动被吸附到最近的角落,恢复时也是。查看器可以拖到 Origami 的窗口外成为一个独立的窗口,在双屏显示器中很有用。

Fullscreen Viewer 全屏查看器

Click the maximize button Shift Cmd F on the Viewer toolbar to enter Fullscreen Viewer. The Viewer toolbar remains available in Fullscreen Viewer for easy toggling between frames and hands.

点击查看器工具栏最大化 Shift Cmd F 按钮全屏显示查看器。查看器工具栏在全屏时仍然可用,方便切换设备和手。

Restarting a prototype 重启原型

Click the Restart Prototype button Shift Cmd R to reset your prototype to its beginning state. This becomes useful if you are working on a prototype that deals with automatic and/or timed interactions.

点击重启按钮 Shift Cmd R 原型将恢复到初始状态。尤其在自动或定时交互原型上非常有用。

Live preview on a device 在设备上实时预览

Origami supports previewing and running prototypes on iOS and Android devices. To open prototypes on a device, you'll need the Origami Live app.

Origami 支持在 iOS 和 Android 的移动设备上预览和运行原型。需要安装 Origami Live 应用程序。

iOS
  1. From your iOS device, download the Origami Live app from the App Store.
  2. Connect your iPhone or iPad to your Mac via USB cable.
  3. Open Origami Studio on your Mac and make sure you have at least one prototype open.
  1. 下载并 Origami Live 到设备上;
  2. 将移动设备通过 USB 线连接到电脑上;
  3. 打开电脑上的 Origami Studio 程序,并且确保至少打开了一个原型。
  4. 打开手机上的 Origami Live。
Android
  1. Install the current version of the Origami Live app from the Google Play Store.
  2. Enable USB debugging with these directions from Google.
  3. Connect your Android Phone or tablet over USB to your Mac
  4. Open Studio on your Mac and make sure you have at least one prototype open
  1. 下载并安装 Origami Live 到移动设备;
  2. 启动 USB 的数据传输;
  3. 通过 USB 连接移动设备;
  4. 打开电脑上的 Origami Studio 程序,并且确保至少打开了一个原型;
  5. 打开手机上的 Origami Live。

When connecting your iOS or Android device to Origami Studio, the project currently in focus will be previewed on device. Any changes you make in Origami Studio will be reflected on your device. Exit or action upon prototypes by shaking the device.

将 iOS 或 Android 设备连接到 Origami studio 时,会将当前焦点的项目传输到设备上。
任何更改都会实时传输到设备上。已经导出到设备的原型通过摇动设备或用三根手指触摸屏幕打开操作弹窗(仍然连接到电脑实时传输时没有用)。

On-the-go previewing 随时随地预览

Prototypes can be saved to devices for untethered use, such as remote testing. No internet/network connection or cables are required. Simply connect a prototype to Origami Live following the above instructions, or from a shared prototype (explained below).

原型可以输出到设备上不受限制的使用,如远程测试。不需要网络或USB连接到电脑。只需按照上述说明将原型连接到 Origami Live,。

Sharing a prototype 分享原型

Recipients must have Origami Studio or Origami Live installed to be able to edit or view a project.

接收分享的人必须安装 Origami Studio 或 Origami Live 才能编辑或查看项目。

Sharing from macOS 从Mac分享

You can email or share Origami files as you would with most other files. The recipient can open Origami files directly if they have Origami Live installed. This also works with services such as Dropbox.

可以像大多数文件一样通过邮件或第三方应用分享。如果对方安装了 Origami Live 可以直接打开 Origami 文件。

Sharing directly from Origami Studio 直接从 Origami Studio 分享

Tap the Share button on the toolbar to see a list of common sharing options.

点击窗口右上叫的分享按钮打开分享选项。

These options can be customized through the 'More...' option. 更多分享方式可以通过 “ More... ” 自定义。

Sharing from iOS 从 iOS 分享

Origami Live on iOS uses the Share Sheet to allow sharing of prototypes through applications and services you enable on your device, including AirDrop.

导出到设备的原型可以通过 AirDrop 或其他应用分享。

Sharing from Android 从 Android 分享

Origami Live on Android uses the Share Sheet to allow sharing of prototypes through applications and services you enable on your device, including Android Beam.

导出到设备的原型可以通过 NFC 或其他应用分享。


Related Learn Content 相关教程

1. Getting Started 入门
介绍怎么使用 Origami Studio。

Related Examples 案例

16. Fahrenheit to Celsius
通过温度转换了解 Origami 中的逻辑和模块。


NEXT UP
3. Coming From Code 来自代码
看 Origami 跟编程有什么不一样。


最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 212,294评论 6 493
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 90,493评论 3 385
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 157,790评论 0 348
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 56,595评论 1 284
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 65,718评论 6 386
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 49,906评论 1 290
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,053评论 3 410
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 37,797评论 0 268
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,250评论 1 303
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 36,570评论 2 327
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,711评论 1 341
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,388评论 4 332
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,018评论 3 316
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,796评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,023评论 1 266
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 46,461评论 2 360
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 43,595评论 2 350

推荐阅读更多精彩内容