站酷推荐设计师

（图10 组件3 中 动画起始时间向后拖动，使得晚与 组件2 出现，返回实例预览效果）

01e9135db7c9e7a8012163bab8a23a.gif

Principle障眼法揭秘

（图8 自动跳转得到画板3 -- 调整透明 -- 调整时长）

01d04d5db7c982a8012163ba0c4308.gif

（图9 组件2 中 动画起始时间向后拖动，使得晚与 组件1 出现）

01fc425db7c99fa801209e1fac4f2a.gif

Principle教程（四）：动效视图的运用（附源文件）

调整Artboard 2里命名为icon的图标组，调整为想要的最后样子。在Artboard 2里，首先选择icon组里的Layer 2,把透明度调整为0，然后选择Layer 1，把角度调整为45度，再选择Layer 3，角度调整为135度。最后调整下Layer 1和Layer 3的位置。

019fd7585fe4d2a8012060c888983d.png

（图12 简易方法 不用计算时长、不用单独使组件循环）

01f4315db7cac6a801209e1fd8837b.gif

（图3 调整最外圆环透明度 预览效果）

0159295db7c6d2a801209e1f526442.gif

(图34 添加自动调整 -- 移动位置 -- 调整动画属性及时长)

01c0065db7d1c6a801209e1f6a8273.gif

制作动画的转场效果。选择Artboard 1,点击事件触发器（闪电图标）选择Auto，拖到Artboard 2上。

0157d0585fe469a801219c77f15d89.png

（图23 红色圆环为例 组件内部构造「具体可参考《Principle轻松玩转路径动画》」）

0192215db7ce90a801209e1fdca57c.gif

015b495db7d0fda8012163bab56285.gif

（图36 给需添加拖动图层上层新建一个色块 -- 给色块增加拖拽属性）

01403a5db7d1c6a801209e1fad1a8f.gif

（图35 通过自动跳转加色块位移实现数字递增）

017c1d5db7d1c6a8012163ba365017.gif

Adobe XD 最新中文包及首页汉化文件 

01caca59a18ff4a801211d25ad3d24.png

（图6 方法2  自动跳转复制新画板，调整新画板素材命名，再次自动跳转回画板1）

0104775db7c7fda801209e1fe7939c.gif

（图15 按住⌥拖动复制出画板3 -- 调整图层顺序 -- 添加自动跳转）

01e6a55db7cbe0a8012163baec4e53.gif

（图5 方法1  自动跳转回之前画板，跳转动画属性为「无动画」）

01cb035db7c7f7a8012163ba5d060d.gif

（图11 分别调整组件内 画板3 跳转回 画板1 后，无动画触发时间）

01834b5db7ca4ba801209e1fad4a9e.gif

（图31 新建矩形 -- 调整图层顺序 放置成为子集 -- 勾选裁剪子图层选项）

01e5175db7d0a5a8012163ba23f6f0.gif

（图21 自动跳转 -- 旋转矩形360度 -- 跳转动画曲线/时长）

017be45db7cdb8a8012163badcd560.gif

（图2 添加自动跳转事件 复制出新画板）

0158145db7c6b4a8012163bae7819e.gif

01txphkemrmqvmult9ukxe3531.png

电动汽车showreel(blender)

013a6a5f5e0d1411013f1a64652134.gif

桑德电商后台管理系统

Principle教程（二）：静态、拖拽、滚动、翻页（附源文件）

选中文字组，选用检查器里的Scroll(滚动)功能，然后对Clip Sublayers打钩，再进行编辑。

01f09f584d7d84a801219c77f05bde.gif

01354e58c36fa0a801219c779135eb.jpg

电子白板互动教学软件

（图25 自动跳转回画板1 -- 调整动画为「无动画」）

01c5d95db7cf02a8012163bafeb9e6.gif

激活动效视图。打开工具栏的Animate,下方出现动效视图窗口，此时的窗口是空的，这时点击两个画板上方的箭头图标，激活视图。

011708585fe4afa801219c772395aa.png

01650059a41374a801211d25bc0403.png

ETL产品设计

01f58658c36f9fa801219c77e35ec9.jpg

点击Import(右上角钻石形状的图标)，选择x1，然后点击Import。

01170e584d7a24a801219c7727e392.png

（图20 新建色块 -- 调整图层为子集 -- 降低色块颜色透明度）