盘点一些设计软件，有你常用的吗

01f0ed62baa08e0002c45e37b034e3.png

0135d25cc2c8aca8012141687afc77.png

Annotation

01e87156691ed46ac7259f6e4bb79d.png

软件界面

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

0139fb58a15273a801219c7770c91a.jpg

011dd25aab563ca80121246d788763.png

QQ浏览器底部工具栏滑出

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

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

019fd7585fe4d2a8012060c888983d.png

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

66c867f173487dzahtzj135556.gif

01dw5aiqppq4fsdiybdm2l3330.gif

设计师的AIGC百宝袋

01e60f5cc2cbdda8012141686b99d3.png

01dafb5bf61feba801209252639df5.png

西果酒交互动画设计

01fdf6lbdgfsw5cfaixink3537.gif

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

01214f596393baa8012193a3489417.jpg

66c86443c420el2mlzy9ep2288.gif

大厂设计师们都在使用的设计工具，早下班美美哒

Sketch<br>Sketch是一款UI设计软件，他的软件界面主打清爽大方简洁的风格，在国内拥有一定数量的粉丝，在国外更是拥有大量的粉丝，尤其是像FACEBOOK这样大型公司也深深信赖这Sketch。Sketch也提供实时协作功能，你可以随时随地和你的团队同事一起工作。他还支持700多种扩展插件，让你随心所欲定制你的工作流程，完成做动画交互效果。<br><br>

01fd4262218bdf11013e8cd0b170ea.jpg

做UI设计工作，除了好好学习并实践，这些软件也不能少

01eac76226c0b511013e8cd038d9ac.png

ProtoPie黑色星期五半价活动海报

01c0c35a20b8a1a80120ba38cc921c.png

01219b59df41d7a801204463298cca.jpg

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

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

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

01f1c7584d8173a801219c770b5280.gif

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

66bb79b5beb33m9t64nhfm6841.jpg

15款高效网页制作工具，助你快速建站！

01swvd6cbe1hbszmhxxxa13937.png

016af762b2cd7f0002c45e3721cbe3.png

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

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

011708585fe4afa801219c772395aa.png

按住ALT键+鼠标拖动（边框左右两边可同步变长变短），编辑区域范围。

0196aa584d7d59a8012060c85b025b.gif

平面设计的灵感，都在这些软件里帮你找到

017e806220f09211013e8cd057b92b.png

01xgjat33xwaenjgkiqb0h3137.jpeg

Artboard Brand&App design

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

0157d0585fe469a801219c77f15d89.png

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

01afd1620905bf11013f01cdf7fc0d.png

Adobe Experience xd UI 原型设计软件介绍 ( 旧视屏 )

0117b35dca81ada801209e1f7bce40.jpg

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

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

01e72258568ae3a8012060c86cc7bf.gif

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