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

0139fb58a15273a801219c7770c91a.jpg

67e4b4a501884bdjskq6j49268.png

作品集留存

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

01afd1620905bf11013f01cdf7fc0d.png

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

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

011708585fe4afa801219c772395aa.png

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

019fd7585fe4d2a8012060c888983d.png

没有分组的概念<br>真是一点都不乱呢

0147275922ee1ca801216a3e304f07.png

四十天交互训练

站酷学习优秀学生

019fcc5e5c7137a80120a89560b35b.png

企业产品网站设计

014f325cda81e9a801214168645073.png

UI交互

01acfd5ab4684ca801218207cae4eb.jpg

手机app

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

01eac76226c0b511013e8cd038d9ac.png

「右边是根据左边做的」 展示下分类hhh还有一些图标

011e1e592453a2b5b3086ed466315f.png

第二天@交互40天#设置

01ba2c5d50dcdba80120695cc11396.png

Google Maps拖动操作模拟

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

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

01fd4262218bdf11013e8cd0b170ea.jpg

Sketch绘制遥控器App UI 【附源文件】

01019f58860ebea8012060c8bb82ec.jpg

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

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

01f09f584d7d84a801219c77f05bde.gif

01fc8e5f094271a80120662131733f.gif

设计系统的建立

Sketch+Principle制作视频APP引导页动画

3、在Principle中导入完成的Sketch制作好的视频启动页，并开始制作动效～

01d6b45947cc53a8012193a301d1a3.jpeg

016af762b2cd7f0002c45e3721cbe3.png

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

微信uikit-sketch-微信原生样式设计库-微信设计组件-微信企业-微信号公众号网页设计组件

0167be570b51ad32f8751b3f337f7f.png

012f2b5c617df4a801203d226963b1.png

vlog App原创概念设计

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

010f41585fe5aea801219c77e6deb8.png

01e9665ab35494a80121820720e021.jpeg

马冷静

01836b5e0df489a80120a895d4f7dc.jpg

UI/UX - Todo App

017f4e620905c111013e8cd09b42b3.png

AI护理小助手牙齿检测健康检查19页蓝色高保真含交互

66e2b43d45dbbi4snwgr0r8277.jpg

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

01fc4c585fe56da801219c77533e29.gif

018b7e576395ac0000012e7e54fe3d.png

sketch临摹写实图标

200多张 APP 【icon】 原创-设计元素及理念

01f1be58d11e71a801219c77d79ebe.png

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

0157d0585fe469a801219c77f15d89.png

tauri2.x-os：自研vite6+tauri2.0桌面os平台系统