0115d35f3f5738a801215aa04be13e.jpg

交互设计作品集

01e6075e82feb4a80120a8952c8ac0.png

BBC Sounds Redesign

015825610fd73711013f47206f3db7.jpg

Oasis音乐社交APP

0154885e457bc4a801216518cae351.jpg

Button Concept Design with APPs

01471a5df1283ca801219ccee391e6.jpg

Portfolio_2019

01d2765ed6614ca801215aa0332852.jpg

UX Portfolio 2018-2020

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

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

01e72258568ae3a8012060c86cc7bf.gif

01baa65e60da65a8012165186a2f38.jpg

智能音箱MG动画

站酷推荐设计师

01eed6554947570000019ae96c570d.jpg

一组Android平台的widget设计

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

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

019fd7585fe4d2a8012060c888983d.png

01465d600d6f1111013f7928c2a108.jpg

diversity

0178325c62552ea801213f268bee09.jpg

Atlassian_USYD 

017bb25c6fa678a801213f26aa6fcf.jpg

UX_Spec_Camera

01590957de86840000018c1baf1c08.jpg

郏逸婷作品集

66cd880f2baf46kjmd7jdx1145.jpg

HMI概念设计针对L3驾驶

012e5e5d7f4d9aa801211d536c622f.png

Promote their streaming service website

01289359ae753ba8012028a98952bb.png

YoMail client UE/UX

01c24957de86850000018c1b1d6057.jpg

01b7a35c6fa678a801203d222d1c9d.jpg

015a075eba185aa8012148140b2cbc.png

游戏任务中心设计思路

01684e5ed66147a801206621578e59.jpg

0108e356d561816ac7252ce6886b5f.jpg

01369a56d5618032f875520f0618d9.jpg

0188a15eba16b9a8012072008cba91.png

01a3585ed66144a80120662122f5c7.jpg

addhere企业远程协作平台（团体设计作业）

66bb79b5beb33m9t64nhfm6841.jpg

01a7ed6005d4e611013e399162c1cb.png

FMP - The Present

制作文字的依次出现效果。依次选择和调整动效视图里的Text4、3、2、Text,把整个蓝色条拖动到上图中对应的时间点上。这个时候已经完成整个效果的制作，可以通过游览窗口查看整个动画。

010f41585fe5aea801219c77e6deb8.png

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

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

01f1c7584d8173a801219c770b5280.gif

01a7db59ae753ba801211d25fc78cb.png