好用的动画交互设计软件——Principle for Mac，是专为MacOS平台设计的一款交互动效，五分钟即可制作出一个具有完整交互动画的原型，并且可将交互动画生成视频或者 Gif 分享到 Dribbble、Twitter 等社交平台。本篇文章为您带来的是Principle for Mac5秒交互小动效-相册预览效果制作教程。

Principle for Mac实战图文教程

1、打开Principle for Mac，新建一个画板：

2、用矩形工具将元素画好：

3、选中最大的图片，在右侧发现“闪电”图标，点击图标会出现支持的事件列表：

4、得到一个新的一模一样的画板：

5、多复制小图备用：

6、将第一张图放大，其他小图左对齐

7、绘制一个半透明蒙层：

8、为蒙层增加事件

9、将这些图编组

10、并将边框缩小（相当于给这个组价格遮罩）

11、将这个组的X轴交互改为Scroll：

Principle for Mac快捷方式

图层

添加矩形：R（option + R添加为子）

添加文本：T（option + T添加为子）

添加画板：A

组：Cmd + G

取消组合：Cmd + Shift + G

置于前面：Shift + Cmd + ]

前进：Cmd +]

向后发送：Cmd + [

发送至后退：Shift + Cmd + [

编辑

Nudge：Arrow Keys

Big Nudge：Shift +箭头键

旋转：Cmd +拖动手柄

以15度为增量旋转：Cmd + Shift +拖动手柄

重复：Cmd + D

复制并移动：option + Drag

Inspector Textfields：了解基本方程式，如“320/2 + 10”

Inspector标签：拖动文本字段标签可快速擦除值

重命名图层：Cmd + R.

画布导航

平移：空格+拖动

放大：Z +单击

缩小：option + Z +单击：

连续缩放：option +空格+拖动

放大：Cmd + =

缩小：Cmd + -

全部缩放：Cmd + 1

缩放选择：Cmd + 2

中心选择：Cmd + 3

实际尺寸：Cmd + 0

司机导航

平移：空格+拖动

放大：Z +单击

缩小：option + Z +单击：

连续缩放：option +空格+拖动

动画导航

潘：空间+拖动

选择

选择父级：Esc

选择子级：输入

选择下一个同级：选项卡

选择上一个同级：Shift + Tab

选择所有兄弟姐妹：Cmd + A

预习

更改光标类型：视图 - >切换预览光标类型

后退原型：W

开始录制视频：cmd+ V

开始录制没有光标的视频：cmd+ option + V