01d2765ed6614ca801215aa0332852.jpg

UX Portfolio 2018-2020

018e445ed66147a801215aa0d7400a.jpg

0196565a943dcea8012045b3df87f3.png

APP原型设计

012e5e5d7f4d9aa801211d536c622f.png

Promote their streaming service website

01saliteil7h6fpu2fkq253136.png

Product Design Portfolio 

01a3585ed66144a80120662122f5c7.jpg

01e6075e82feb4a80120a8952c8ac0.png

BBC Sounds Redesign

01f53f606446df11013fb117da173b.jpg

UI/UX design thinking

01iogqyi2ermb4w5g6kavr3039.png

0130605ff2cb1f11013ee04d526243.png

直播带货程序-产品原型

01684e5ed66147a801206621578e59.jpg

0154885e457bc4a801216518cae351.jpg

Button Concept Design with APPs

012ce05d7f4d9ca8012060bea204fc.png

Yang Dongjia Personal UI Collection Display

01b6f95d28cc89a801214837accf80.jpg

0179d15a727d85a80120a1232d0767.png

Keyword opt-in 交互设计稿

01c5405e8f2ba2a8012165187488bb.png

需求分析

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

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

01fab758568acca8012060c868f959.gif

66f2e4464b3a7ef3xf39fj2657.png

CoNet

0190b05f9af89911013fdcc766525f.jpg

常用交互动效

018ec85c6c2adda801213f2683cad7.png

DBDER APP Design

01qk1jum1snqzdcvuippor3737.jpg

Finance Calculator

01646e605f264c11013e87f42cfd44.png

IMI智能面试app

0159655d7f4d9ba801211d53fcfc59.png

0124655c6fa678a801203d226ae5ca.jpg

UX_Spec_Camera

0155c960d0735e11013f47200adf68.jpg

手机界面UI | 设计规范

0193e35b3c88a9a80120b959bd2fa6.png

HSF-SHOPPING APP

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

01844258568a05a8012060c8125a33.gif

01100c5e7dc2d4a80120a89527003e.png

产品设计-作品集

016d335caff5aea8012141682d09b2.png

app原型-社交与求职平台

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

01e72258568ae3a8012060c86cc7bf.gif