Origami Studio 官网文档翻译（二）

晴陌少年

杭州/学生/10年前/1318浏览

版权

晴陌少年

继续上次的翻译

Workflow部分

根据自己理解翻译的，不合适的地方请见谅，请帮助我改进

https://github.com/wendaleruan/Origami-Studio-Documentation-CN

预览 & 分享

Origami Studio 支持实时预览原型在 iOS 和 Android 上, 通过 iOS/Android Origami Live 应用程序，简单高效地分享文件到任何手机或者平板上。

通过USB预览镜像

通过 USB 和运行 Origami live应用来连接 iOS 或者 Android 设备。原型将会立刻显示在手机或者平板上来预览。不需要重启，你在Origami Studio做的任何改变都会立刻反馈在预览里。

Origami Live for iOS

从 App Store 下载应用程序
通过一条USB线连接你的 iPhone 或者 iPad。
打开 Origami Studio 并且确保你最近的一个文档打开着。

Origami live for Android

从 Google Play下载应用程序
打开 USB 调试
通过一条USB线连接你的 Android 手机或者平板. 注意: 数据线要支持数据传输，有的线只支持给设备充电。
打开 Origami Studio 并且确保你最近的一个文档打开着。

导出原型

通过工具栏上的导出按钮导出原型到你的手机或者平板上，然后，拿起你的手机或者平板测试你的设计想法。

分享原型

Origami Studio 文件也可以通过邮件直接发送到手机或者平板上，Dropbox, AirDrop也可以. 下载对应的 iOS or Android 应用程序可以打开任何原型。

解决问题

大多数情况下, 在重启Origami Live, Origami Studio, 或者手机/平板/电脑就能解决问题。

确保 Origami Studio 和 Origami Live 都是最新的版本。

————————————————————————————

键盘快捷键

Origami Studio 为常用的操作提供多样的键盘快捷键. 使用模块快捷键将会让你在工作中更加快捷地实现你的想法。

常用

⌘ ⏎ 插入模块

⌘ ⇧ N 插入图层

⌘ / 说明文档

⌘ ⇧ I 文档信息

模块

虽然有一大个库的模块可以用, 但是有一套核心的模块已经可以支持大部分的交互原型了并且有单独的快捷键来提高工作效率。

插入模块

提示: 选择端口连接模块的时候可以配合使用这些快捷键。（模块名词不翻译，以免使用的时候误解）

I Interaction

⇧ S Switch

A Pop Animation

C Classic Animation

T Transition

K Keyboard

D Delay

⇧ I Option Switch

O Option Picker

S Splitter

W Wireless Broadcaster

⇧ W Wireless Receiver

U Pulse

+ Add

- Minus

X Multiply

/ Divide

% Modulus/Remainder

⇧ A AND (Logic)

⇧ O OR (Logic)

⇧ N NOT (Logic)

E Equals

> Greater Than

< Less Than

⇧ R Progress

R Reverse Progress

排列模块

⏎ 重命名模块

⌘ [ 左对齐模块

⌘ ] 右对齐模块

⌘ ⌃ C 在模块周围插入对话框*****

⌘ G 编组模块

⇧ ⌘ G 解组模块

⌘ P 发布输入/输出端口*****

⌘ ▼ 进入模块组

⌘ ▲ 退出模块组

⌘ I 模块信息

⌘ ⌥ C 添加模块到库里

. 从库里断开或者重连模块

图层

⌘ ⇧ H 隐藏/显示图层

⌘ ⌥ ▲ 前移一层

⌘ ⌥ ▼ 后移一层

⌘ ⌥ ⌃ ▲ 移到最前

⌘ ⌥ ⌃ ▼ 移到最后

⌘ ⌥ M 图层遮罩

⌘ ⌥ ⇧ M 添加遮罩

⌘ G 编组图层

⇧ ⌘ G 解组图层

⌘ ⌥ G 编组进组件里

⌘ ▼ 进入组件

⌘ ▲ 退出组件

⌘ I 图层信息

⌘ ⌥ C 添加图层到库

. 从库里断开或者重连图层

查看器

⌘ R 启动原型

⌘ . 停止原型

⌘ ⇧ R 重启原型

⌥ D 切换设备

⌥ H 切换手型

⌘ ⇧ F 小型查看器

⌘ ⇧ F 全屏查看器

⌘ ⌥ 0 1:1 查看器

数字输入

▲ 按 1 增加数字

▼ 按 1 减少数字

⇧ ▲ 按 10 增加数字

⇧ ▼ 按 10 减少数字

⌥ ▲ 按 0.1 增加数字

⌥ ▼ 按 0.1 减少数字

————————————————————————————————————

自定义设备

制作你自己的模拟设备, 添加他们到 Studio 并且分享它们给别人。

创建设备

在 macOS 上创建文件夹
重命名文件夹叫 [yourdevice].origamidevice
这个文件夹应该包含以下:
一个 info.json 文件用于描述设备 (查看下面的文档)
任意数量的 .png 图片引用于 info.json
双击 .origamidevice 文件来安装它

测试你的设备

在安装之后测试你的自定义设备:

在 Origami Studio 打开设备
对bundle包做任何改变
双击bundle包
Origami Studio 将会立刻刷新到设备上

所有安装的设备都会储存在 ~/Library/Application Support/Diamond/Devices. 如果你已经有一个同名的设备在这个文件夹里，它会被替换掉。

info.json 例子

{
  "key" : "iPhone4",
  "displayName" : "iPhone 4",
  "platform" : "iOS",
  "screenScale" : 2,
  "screenSize" : [
    320,
    480
  ],
  "handsImageScale" : 0.5649999999999999,
  "handsImageOffset" : [
    2,
    45
  ],
  "handsImages" : [
    "iPhoneHands.png",
    "iPhoneHands2.png",
    "iPhoneHands3.png"
  ],
  "deviceInsets" : [
    130,
    28,
    130,
    28
  ],
  "deviceImages" : {
    "White" : "iPhone4-White.png",
    "Black" : "iPhone4-Black.png"
  },
  "shadowOffset" : [
    20,
    -5
  ],
}

info.json 文档

很多设备原型的 info.json 文件都是通过 Device Info patch 显示的。

`key`

类型: String, Required

这是bundle包中最重要的项目。Key将保存到设计师的作品中，所以一旦被选中你不能改变它。Key应该与设备的通常理解的名称有关，但如果有多个屏幕大小或分辨率，它必须是唯一的组合。你不应该在Key中包含设备颜色。它在设备图像里。

`displayName`

类型: String, Required

display name 在Studio的设备选择菜单里显示. 它能够被改变在它没有被保存到作品中的时候。

`screenSize`

类型: Array of 2 numbers, Required

设备用 pt/dp 显示大小. 像素大小是 screenSize 乘以 screenScale.

作品通过设备信息端口 "Screen Size"显示。

`screenScale`

类型: Number, Required

每个点有多少像素

举个例子, iOS 视网膜显示屏是典型的2.0倍大小. iPhone 6 Plus 是3.0倍大小. Android 设备有一系列的倍数从 0.75 到 4.0 相对应到 ldpi (0.75) mdpi (1.0), hdpi (1.5), xhdpi (2.0), xxhdpi (3.0) and xxxhdpi (4.0).

`platform`

类型: String, Optional

例如. iOS, Android, AndroidWear, WindowsPhone, Windows, OSX, tvOS, or watchOS

`mouseInput`

类型: Boolean, Optional

设备用鼠标还是触控板输入

`viewerWindowNative`

类型: Boolean, Optional

设备是否用自带的mac窗口显示弹出窗口, screenSize 可以轻易地改变大小。

`deviceInsets`

类型: Array of 4 Numbers, Required

Describes the distance around the device. Influences how the shadow is drawn and the device is positioned relative to the containing view frame.

描述设备的距离。影响阴影绘制的方式还有设置设备相对于包含视图框的位置。

`shadowOffset`

类型: Array of 2 Numbers, Optional

如果你想创建影子，设置这个一些非零的值，你能定位影子在设备的相对位置。

`deviceImages`

类型: Dictionary of Strings to Strings

The keys in the dictionary describe colors the device is available in, the values are the names of the .png files within the bundle that will display the correct device frame within Origami Studio.