Integrated family oral care system design proposa

01c3f15c063918a80121ab5d1251e4.png

01c0255c063918a80121ab5dc68d45.png

站酷创作萌新

668e2140c42ddnthdwgs036811.jpg

亚马逊3D渲染主图/高级A+

0158cb5c063918a801209252d7c3bf.png

Principle教程（三）：联动视图的运用

时间节点在-340的位置时，选择蓝色形状图层，然后在联动视图里点击X轴栏下的“+”号图标，选择“Opacity”（透明度），把检查器里的透明度改为“0”，然后拖动时间线到节点“0”的位置时，检查器里的透明度改为“100”，最终的预览效果是，当青色卡片在中间时，右边的蓝色卡片消失，向左边移动时，蓝色卡片会渐变出现。

01fab758568acca8012060c868f959.gif

0123eb5c063bb0a80121ab5d6be670.png

0155c960d0735e11013f47200adf68.jpg

手机界面UI | 设计规范

0159145a5bfc41a8012113c7713d95.gif

AE-手機界面效果

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

按住ALT键+鼠标拖动（边框左右两边可同步变长变短），编辑区域范围。

0196aa584d7d59a8012060c85b025b.gif

0118ea6179027311013e8943ecb8c2.png

会议APP

011c205be009caa80121ab5d9451db.png

MIT DataHub界面设计

用事件触发器里的Tap来进行转场效果。

01bc04584d81d3a8012060c8a77427.gif

选择青色形状图层，打开联动视图，点击X轴栏下的“+”号图标，选择“Opacity”（透明度），在时间节点“0”的时候，检查器里的透明度改为“0”，鼠标拖动时间节点到-340的位置将检查器里的透明度改为“100”，最终的预览效果是，当蓝色卡片在中间时，左边的青色卡片消失，向右边移动时，青色卡片会渐变出现。备注：鼠标移到时间节点区域上，按住键盘空格键+鼠标点击可以左右拖动时间线区域。

01844258568a05a8012060c8125a33.gif

站酷推荐设计师

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

01c0065db7d1c6a801209e1f6a8273.gif

Principle障眼法揭秘

0135d25cc2c8aca8012141687afc77.png

Annotation

01229c6179027311013f22cf922cd7.png

014a3259ae753ba801211d2532c908.png

YoMail client UE/UX

01a7db59ae753ba801211d25fc78cb.png

时间节点在“0”的位置时，选择绿色形状图层，然后在联动视图里点击X轴栏下的“+”号图标，选择“Opacity”（透明度），把检查器里的透明度改为“0”，然后拖动时间线到节点“340”的位置时，检查器里的透明度改为“100”，最终的预览效果是，当蓝色卡片在中间时，右边的绿色卡片消失，向左边移动时，绿色卡片会渐变出现。

01e72258568ae3a8012060c86cc7bf.gif

01f4175857e159a801219c77b4fa5f.jpg

美国餐饮项目

01952a5a0e5439a801204a0ef8f69a.png

智管家

0150545dd49a38a8012129e254ee85.jpg

2019年作品合集

时间节点在“340”的位置时，选择蓝色形状图层，然后在联动视图里选择先前蓝色图层的“Opacity”（透明度）时间线，把检查器里的透明度改为“0”，最终的预览效果是，当绿色卡片在中间时，左边的蓝色卡片消失，向右边移动时，蓝色卡片会渐变出现。<br>到这里就结束了，通过预览窗口可以查看实现效果是否正确。有不对的位置可以细心查看反复琢磨其中的原理。

0182de58568be6a801219c77e78712.gif

对相同命名的组，重新命名。最后在预览里进行交互，发现显示正常了。

01f1c7584d8173a801219c770b5280.gif

01c9785861263ea801219c77fdbc0f.jpg

ipad端购物类app

01091a5cc2cc1fa801208f8b24ecab.png

46.试着多功能控制而不是更多的部分