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

66c866b765499jxs2rsoxr917.gif

66c86443c420el2mlzy9ep2288.gif

66c867f173487dzahtzj135556.gif

66c868ae932f3g925t1f62974.gif

Light系列VOL.1&gt;&gt;Streak Effects Manipulation (含PS教程)

01214f596393baa8012193a3489417.jpg

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

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

019fd7585fe4d2a8012060c888983d.png

66c86463960207lkcubcat1592.gif

制作动画的转场效果。选择Artboard 1,点击事件触发器（闪电图标）选择Auto，拖到Artboard 2上。

0157d0585fe469a801219c77f15d89.png

66c868610a5fd6cvi7vwc16601.gif

zeplin+ps 解放设计师，效率飞起来！

019c06585bbed2a801219c77011b78.png

站酷推荐设计师

015b495db7d0fda8012163bab56285.gif

Principle障眼法揭秘

0148d65a015c2da801216a4b1f2032.png

Bike-Share Strategies

01a2a85f392cb5a801215aa0cdc526.gif

UI-NSymbol DesignSystem

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

选中文字组，选用检查器里的Scroll(滚动)功能，然后对Clip Sublayers打钩，再进行编辑。

01f09f584d7d84a801219c77f05bde.gif

018leowkxmrf56vgg14cvm3835.jpg

WOOP产品款式策略管理系统

0165e057f8a9eaa84a0d304fd68dc1.png

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

66c867308a0a65r36bl45p2740.gif

018eca5a015c2da801202b0c9ea3fc.png

01a6b660b9db5411013eaf70fd22ae.jpg

web端软件界面

sketch绘制3枚锤子图标 | 附sketch源文件

0139fb58a15273a801219c7770c91a.jpg

67286163a174b3iw4hmlqm2080.png

2024年作品集

013iwnloroxmm8nj04u1xw3532.png

一组质感很好的ICON参考

016af762b2cd7f0002c45e3721cbe3.png

六款交互软件，推荐给你们

66c3216f051e3k5pctq47d6533.png

electron31+vue3桌面端后台系统

017d105d8043b5a8012060be44144b.png

按钮与滑块

三年前制作作品视频集 包括ui 网页 平面 vi等

01c4dc58e790b6a8012049efc26368.png

这个是原型，http://www.xueui.cn/school/play-interface-prototype-color-do-homework-20160830.html

014a1557cf8ed10000018c1b6aba06.jpg

music音乐播放界面

激活动效视图。打开工具栏的Animate,下方出现动效视图窗口，此时的窗口是空的，这时点击两个画板上方的箭头图标，激活视图。

011708585fe4afa801219c772395aa.png

作为一名产品经理，可以了解的日常使用交互原型工具