写在前面
今天开始我将在这个板块进行sketch的基本使用进行记录,为什么记录这个软件呢?因为他是一款十分出色的设计软件,我们可以根据他进行设计很多移动端包括PC端的页面,同时呢他的学习成本要比很多设计软件的学习成本低很多,比如我们常见的ps,ai等他们的学习成本是很高的,不过他的学习成本低不代表他的功能弱,我在使用的时候其实一度觉得他很多地方比一些成熟的ui设计软件还强大,它还可以直接将设计好的icon进行css和svg代码的导出,那么前端的程序员就可以直接拿来用的,然后它还可以将阿里的svg图直接放到里面进行编辑,或者我们自己设计好的icon直接上传到阿里的矢量图库,供他人使用,唯一的遗憾就是这个软件不支持windows,他只有mac版本的,所以这个下面的几节教程都是针对mac进行编写的。
官网
觉得没必要看我写的可以直接看文档,帮你们找好了 中文文档
优点
- 易学
- 功能强大
- 一键导出css样式代码
- 一键导出svg代码
- 将阿里svg代码直接拖进去编辑
- 自己设计好的svg直接可以上传到阿里矢量图库供他人使用
- 不吃显卡
- 直接切图
- 利用插件一键切图
- 利用模版直接创建常见的icon
- …
下载
点击此处下载
安装
下载好了以后呢我们会看到这几个文件
- 点击右侧进行安装
- 直接拖过去就可以
- 如果你的文件安装好了以后提示打不开,那么双击这个文件即可,双击以后提示打不开的话,就直接点击打开,
- 还是打不开的话,就直接打开设置
- 点击仍要打开即可!打开以后这样,我们直接点击回车,静静的等待他自己破解结束即可!
- 到这里就结束了,软件就可以打开了!
结束
到这里基本上就结束了,下一篇文章我会讲一下常见的图标怎么制作的,带大家做一些苹果的一些简单的icon。 为了提高你们看的兴趣,提前给你们看一下我准备做的几个icon,下一篇文章我们就做这个四个icon,都是一些比较简单的icon,练练手的同时认识一下简单的功能!