这篇文章就先到这,其实这个的使用还有很多的功能,但是基本的使用会了以后呢只要自己绘制的icon足够多,别的功能慢慢就自己摸索会了,我这里写的都是一些比较基本的但是很常用的功能,功能的使用基本就写完了,下一篇文章我会说一下怎么使用插件,有了插件以后呢我们可以更加方便的做一些事情,比如切图、制作头像等等
这个忘记说了,我们可以直接在icon上右键就可以导出了!
-
今天不写了,爆肝了,很久没更新了,这次将之前更新的草稿发布掉!
阿里矢量图阿里图标库下载一个icon直接复制到Sketch软件中这个时候我们可以看到,此时我们可以对这个icon进行自己需求的定制化比如我们觉得这样的比较好看当然很明显这个是很难看的,我只是想告诉你们可以随意更改,不要怀疑我们的审美!切图我们辛辛苦苦做好的图,最后肯定是要进行导出icon给程序员使用的,下面我们说一下怎么切图选择需要的icon,比如我们刚做的,点击右边的选择ios还是安卓的或者是默认的,一倍的还是两倍的等等,这里根据自己的需求进行导出,最后确定即可选择
Sketch
SVG
它是什么?
Sketch
SVG
是一个CLI,旨在将
Sketch
中制作的图标转换为压缩的,易于使用的
SVG
,以便在网络上使用。
Sketch
SVG
还将这些转换为Base64编码的值,因此它们可以与CSS url属性一起使用。
重要提示:应注意,这仅适用于Mac,因为
Sketch
仅在Mac OS上npm install
sketch
svg
-g 或者如果您更喜欢毛线yarn global add
sketch
svg
安装完成后,
sketch
svg
如下所示运行
sketch
svg
:
sketch
svg
/full/path/to/file
从那里,
Sketch
一键复制
阿里
巴巴
矢量图
标库
SVG
图标,无需下载
阿里
巴巴
矢量图
标库提供了大量的图标可供选择,当然,在尊重版权的前提下拿来放在项目上。
苦于每次想要使用图标库 的图标都需要下载图标===拉到文件夹====写文件路径/////或者是需要下载
svg
后在经过啰嗦的复制粘贴才能放在项目上用。
追求效率的SP怎么可能容忍这种低效率的操作!!!!!!!
果断撸一段小脚本试试水,想不到效果好不错。
一、试水工具
本次小试水使用了著名的userscript 插件: tempermonkey
打开chrome 浏览器,地址栏输入:chrome://extensions/ 进入谷歌浏览器插件安装
把mxclass_com_Tampermonkey_chrome插件.crx 文件拖拽到浏览器,自动安装插件
安装插件后,把copy_alibaba.js中的脚本文件全
保罗·刘易斯(Paul Lewis)制作了3D卡翻转动画。 在那里很简单,但这也需要一个阴影元素:
阴影可能需要移动或淡入淡出,因此我们需要一种可以对变换和不透明度进行动画处理的解决方案,因为它们可以移交给GPU。 它需要与阴影元素分开,因为我们可能希望淡出并移动它而不影响其他元素。
他尝试了box-shadow和filter: blur() ,但是两者的性能都不够。
他尝试了使用...
作为AI语言模型,我无法直接评价哪个工具更好,建议您可以根据自己的使用经验和需求来选择合适的工具。以下是一些参考:
-
Sketch
和 Figma 都是 UI/UX 设计工具,用于创建界面和交互原型。
-
Sketch
是 Mac 平台的原生应用程序,需要购买软件并下载到本地使用。
- Figma 是基于云端的应用程序,可以通过浏览器直接访问,也可以在线共享和协作,不需要下载软件并适用于 Windows、Mac、Linux 等多个平台。
-
Sketch
功能强大,可以创建复杂的插画、
矢量图
形、图标等,适合制作大型、复杂的设计项目。不过需要一定的学习曲线。
- Figma 界面友好,操作简便,支持实时协作和评论,适合多人合作、迭代多的项目。
综上所述,您可以根据自己的需求和喜好来选择适合自己的工具。