01229c6179027311013f22cf922cd7.png

会议APP

0190b16179027311013f22cf92030b.png

0148136179027311013f22cf424b90.png

017e926179027311013e8943ef3e5d.png

0118ea6179027311013e8943ecb8c2.png

01053c6179027311013f22cf9831d9.png

01a0186179027311013e894386a1af.png

015e846179027311013e89432ec804.png

0109d56179027311013f22cffc69e3.png

潮汐APP演示视频（使用Axure RP制作）

012c5b5c95d296a801208f8b8932ae.jpg

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

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

01170e584d7a24a801219c7727e392.png

15款高效网页制作工具，助你快速建站！

01swvd6cbe1hbszmhxxxa13937.png

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

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

01fab758568acca8012060c868f959.gif

01e60f5cc2cbdda8012141686b99d3.png

Annotation

01f2476178ffa711013f22cfeb2f50.png

汉服APP

「右边是根据左边做的」 展示下分类hhh还有一些图标

011e1e592453a2b5b3086ed466315f.png

第二天@交互40天#设置

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

01844258568a05a8012060c8125a33.gif

01d2765ed6614ca801215aa0332852.jpg

UX Portfolio 2018-2020

01ba2c5d50dcdba80120695cc11396.png

Google Maps拖动操作模拟

01d84f5925865ea801216a3ee7e3b4.png

第三天@交互40天#设置2级

0135d25cc2c8aca8012141687afc77.png

0165e057f8a9eaa84a0d304fd68dc1.png

动效小练习(附Principle源文件)

0159145a5bfc41a8012113c7713d95.gif

AE-手機界面效果

01d69458d69b36a801219c77c46a33.png

移动端ui

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