015c095a97c124a8012195861475a0.gif

动效

01e57e56f2a91232f875a944177b9e.gif

principle联系页面之间的切换

011kwlu3fmm1lrk8illrhy3036.gif

APP动效

站酷推荐设计师

高高手老师

0121345987d10ca801215603ca2690.gif

2017年上半年总结

01123d61d2821d11013f01cd637d1e.gif

校傲江湖招聘服务APP界面设计

0140ec5f50451c11013f1a640f0911.gif

图标动效练习

UI交互动效／UI界面设计／交互设计／flinto

0158df5a26482ca80120ba389d7d8d.png

0195a458fec856a8012145508c6dc9.gif

动效合集整理

01ykhxrdee1w4jbpdqxq6w3636.gif

金融类app界面及动效

这个交互方式比较特殊，当时做某个项目的时候，想了蛮久才想出来的，也不知道在以前有没有过这样的提示方式，反正我孤陋寡闻没见过，硬是想了很久才想出来，可怜的娃。

01867f556858a5000001271636349c.jpg

Dribbble小图

012eff59570919a8012193a3512509.jpg

Daily Ui 100

01laask74vdq9qhyqu3uuc3934.gif

2020-2022作品集

013535572c05656ac725381216cf51.jpg

界面临摹练习

676ac2b3cfbfdu14ninkxy7849.png

Four E Brand Design

0156246030d02611013f3745e147c5.gif

2020年作品总结

015c465ec1482fa801207200bced2f.gif

Tabbar 动效打卡作品合集(一)

01810b5a55aafaa8012113c7864f6a.jpg

扁平UI界面练习临摹

011a355f7442ee11013f311068e6c1.png

New Mimicry-UI interface practice

The 100 days  practice（持续更新中）

019f7a561f3e966ac7255b14248900.png

01rz6m90haygaqi2tpy4dd3635.gif

动效（练习）

Twalendar - Concept Project part 2. 22/03/2016. PC - Photoshop/Aftereffects. <br><br><br>接续，到这里可以看到构思里的功能了，其中包括 todo weather 以及 calendar。实际上从这里到最开始都可以明显看出其间的很多稚嫩和存在很多问题，当然了，其后的也不能幸免 :( 。坦白讲，在做这些东西的时候，我花费了大量精力在动画曲线的调节上，以期能让动效更加自然的呈现。所以更多的侧重是在交互动效的表现上而非UI和交互逻辑。当然，因为初接触不久所以也谈不上熟悉，更多的是跟着感觉在走，会出现如此状况也是情有可原。关键的还是得持续的学习跟进。

01d49259b93c68a80120753427b182.gif

MEALSTONE #1 @NEKO

018621592f7056a8012193a356b500.gif

Quark App Design

014e0e57654e990000012e7ea6d26c.jpg

UI界面  苹果平板  

0129465db177d5a8012163ba56f270.gif

博彦科技-智能家居

01a8b15f50451c11013f1a647f6c83.gif

01k92sknftb3pn78yfd3c23439.gif

动效练习

01alfojxjiack52vcx6qgg3032.gif

010e7e5a479354a801206ed3533a79.png

2017年度作品集

0124f7596c2447a8012193a3014ddf.jpg

Daily  UI Project

0188845f50451e11013e3187dd67ac.gif