Origami Studio 官网教程 - 第二节 预览分享

在电脑模拟器和物理设备上同步预览原型,或分享给别人。

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

开始前先下载好安装文件和教程文件。底下的网盘链接里有安装文件 、一个案例文件夹、一个教程文件夹;按自己的需要下载。

▲▲

1. 选择模拟设备

Origami 自带常用的 iOS、Android 和其他模拟设备的样式模拟真实场景。

▲ 设备列表定期更新和扩展。

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

▲▲

2. 手

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

▲ 重复点击 Toggle Hand 循环切换手。

▲▲

3. 调整查看器

查看器可以最小化,并可以固定在模块编辑器四个角上。

点击查看器工具栏左侧最小化

Alt Cmd F

按钮,然后拖动到模块编辑器的任意一个叫上。

最小化时,查看器会自动被吸附到界面最近的角落,恢复时也是。查看器可以拖到 Origami 的窗口外成为一个独立的窗口,这功能尤其双显示器的时候很有用。

全屏查看器

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

▲▲

4. 重启原型

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

▲▲

5. 在设备上实时预览

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

iOS

  1. 下载并 Origami Live 到设备上;
  2. 将移动设备通过 USB 线连接到电脑上;
  3. 打开电脑上的 Origami Studio 程序,并且确保至少打开了一个原型。
  4. 打开手机上的 Origami Live。

Android

  1. 下载并安装 Origami Live 到移动设备;
  2. 启动 USB 的数据传输;
  3. 通过 USB 连接移动设备;
  4. 打开电脑上的 Origami Studio 程序,并且确保至少打开了一个原型;
  5. 打开手机上的 Origami Live。

将 iOS 或 Android 设备连接到 Origami studio 时,会将当前焦点的项目传输到设备上。

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

板栗:如果手机上没有打开原型,重启式式,如果还是没用检查 Origami Studio 和 Origami Live 是否为最新版本。

▲▲

6. 随时随地预览

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

▲▲

  1. 分享原型

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

从本地分享

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

直接从 Origami Studio 分享

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

▲ 更多分享方式可以通过 “ More... ” 自定义。

从 iOS 分享

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

从 Android 分享

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

来源:UI中国

关键字:产品经理

版权声明

本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处。如若内容有涉嫌抄袭侵权/违法违规/事实不符,请点击 举报 进行投诉反馈!

相关文章

立即
投稿

微信公众账号

微信扫一扫加关注

返回
顶部