017e2a5d63b29fa80120695cb2f4f6.jpg

Cafit - Workout UI Kit

01ac1957fb4205a84a0e282b6408a6.png

Mockplus

01059d57fb4210a84a0e282bbfb62e.png

0104ae5d971ec4a801211d53ee7a74.png

Universal UI Kit

0180f258cf4713a801219c7748abee.jpg

帮新加坡某社区做的app-ui

从业五六年的经验直说，这些软件好用到爆

01afd1620905bf11013f01cdf7fc0d.png

01836b5e0df489a80120a895d4f7dc.jpg

UI/UX - Todo App

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

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

01e72258568ae3a8012060c86cc7bf.gif

01dd9560d13ca411013f4720628d8a.jpg

高端简约优雅商务powerpoint设计

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

01fab758568acca8012060c868f959.gif

0114955a1292f1a801204a0e39ad52.png

Daily UI 后台系统

站酷推荐设计师

高高手老师

01cee45b9f1312a8012099c8ccbc1d.gif

B端产品-QuickBI体验设计

01119e5d63b2a2a8012187f4bb0d88.jpg

014ad06061839b11013e87f44b44ba.png

pc端

011ad45b9f1312a801213deadcbea8.gif

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

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

010f41585fe5aea801219c77e6deb8.png

01p3nvk1pu0bkktxqiocy83231.png

Design System

014ca65833da06a801219c77039d63.png

动效002-页面切换

0145c95b9f1312a801213dea864e8a.gif

01219b59df41d7a801204463298cca.jpg

8只小猪分享式旅游 / Travel App

0117bb61233fce11013eaf70acbcce.jpg

2020-2021 个人作品集

01cdbd5e50d8c5a80121651802146f.png

2019dribble Day100作品整理合集

67c59cb309e1ewn2cvq96m2754.png

sweet

01e4f85be009c4a80121ab5de6ad21.png

MIT DataHub界面设计

01af2e58d69ac7a801219c778f5da1.png

移动端ui

准时下班？小白看了都会的figma高精尖教程！

66c867f173487dzahtzj135556.gif

01uxr66o8dlbendclstsoz3639.jpg

Portfolio in 2022

在动效视图里调整icon组内元素的过渡时间曲线和曲线模式，让icon组的形状在两个画板之间过渡快一些。

01fc4c585fe56da801219c77533e29.gif

01da6256dedd096ac72531cb130036.jpg

ui界面

01282858d69ad3a801219c775808be.png