Sketch编辑阿里矢量图svg的导入和切图

阿里矢量图

阿里图标库

下载一个icon
直接复制到Sketch软件中
这个时候我们可以看到，此时我们可以对这个icon进行自己需求的定制化

比如我们觉得这样的比较好看
当然很明显这个是很难看的，我只是想告诉你们可以随意更改，不要怀疑我们的审美！

切图

我们辛辛苦苦做好的图，最后肯定是要进行导出icon给程序员使用的，下面我们说一下怎么切图

选择需要的icon，比如我们刚做的，点击右边的选择ios还是安卓的或者是默认的，一倍的还是两倍的等等，这里根据自己的需求进行导出，最后确定即可
选择需要保存的位置
此时我本地已经有了这个icon

这篇文章就先到这，其实这个的使用还有很多的功能，但是基本的使用会了以后呢只要自己绘制的icon足够多，别的功能慢慢就自己摸索会了，我这里写的都是一些比较基本的但是很常用的功能，功能的使用基本就写完了，下一篇文章我会说一下怎么使用插件，有了插件以后呢我们可以更加方便的做一些事情，比如切图、制作头像等等

导出Css和SVG

这个忘记说了，我们可以直接在icon上右键就可以导出了！

今天不写了，爆肝了，很久没更新了，这次将之前更新的草稿发布掉！

Sketch编辑阿里矢量图svg的导入和切图相关推荐

Sketch 和 PS中的设计图如何实现“自动切图”？
切图是很多UI设计师的一项日常工作.平时做完设计图,要将设计稿切成便于制作成页面的图片,并标注好尺寸和间距,交付给前端来完成html+css布局的静态页面,有利于交互,形成良好的视觉感. 但有的认为前 ...
html设置自动切图指定位置,HTML5自助切图
在现在这个到处是HTML5话题的时代,好像不懂点HTML5都有点落伍.那我也跟上潮流一把吧,今天给大家分享的是基于HTML5的自助切图. 在组里经常会被某设计师叫切板仔,确实重构很大一部分工作都花在切 ...
ai怎么切图制作html,APP扁平化设计最强AI切图工具推荐与AI切图教程
目前很多APP设计师使用了AI软件来进行一些扁平化的设计,包括设计APP界面设计.APP引导页界面设计.APP图标设计等等.但是在AI里面切图是非常的不方便.于是,为了解决大家这个烦恼. AI设计师的 ...
ps切图（8）——精准切图
方法1:计算机全自动运算切图(适用于图层较少的psd文件,如果图层较多,内容较复杂,那么就非常耗时) >>> 点击菜单栏"文件",然后点击"导出&quo ...
linux 切图软件下载,【Avocode切图软件怎么用】Avocode切图软件好不好_使用技巧-ZOL软件百科...
作为一个合格的前端,切图技能是必不可少的,这里给广大的前端开发人员提供了一款前端切图神器Avocode,这款软件比起Photoshop要轻便的多,而且切图效率也非常高,可以让你告别繁琐的切图工作. 功 ...
ps切图基础（慕课网切图篇学习）
一.PS切图基础 1. PS界面设置 1) 新建设置: Ctr+N(新建快捷键) 预设选定web或自定义,宽1920,高2000像素,背景透明,分辨率72像素/英寸,RGB颜色 8位. 在设置好参数 ...
开源影像tif切图工具gdal2tiles部署以及切图
切片效果图安装python,这个网上很多教程,参照网上教程安装即可,这里不再描述. python安装python版本的gdal,以我本机python3.7版本为例: 下载gdal的whl文件安装包, ...
web切图怎么做_ps如何切图？
ps如何切图?下面本篇文章就来给大家介绍一下在ps中切图的方法.有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助. ps切图的方法: 将准备好的详情页置入PS画布中(或随意一张图片置入画 ...
点9图 Android设计中如何切图.9.png（点9图）
转载自:http://blog.csdn.net/buaaroid/article/details/51499516 本文主要介绍如何制作切图.9.png(点9图),另一篇姊妹篇文章 Android ...

Sketch编辑阿里矢量图svg的导入和切图

阿里矢量图

切图

导出Css和SVG

Sketch编辑阿里矢量图svg的导入和切图相关推荐

最新文章

热门文章