Sketch的下载与安装

写在前面

今天开始我将在这个板块进行sketch的基本使用进行记录，为什么记录这个软件呢？因为他是一款十分出色的设计软件，我们可以根据他进行设计很多移动端包括PC端的页面，同时呢他的学习成本要比很多设计软件的学习成本低很多，比如我们常见的ps，ai等他们的学习成本是很高的，不过他的学习成本低不代表他的功能弱，我在使用的时候其实一度觉得他很多地方比一些成熟的ui设计软件还强大，它还可以直接将设计好的icon进行css和svg代码的导出，那么前端的程序员就可以直接拿来用的，然后它还可以将阿里的svg图直接放到里面进行编辑，或者我们自己设计好的icon直接上传到阿里的矢量图库，供他人使用，唯一的遗憾就是这个软件不支持windows，他只有mac版本的，所以这个下面的几节教程都是针对mac进行编写的。

官网

觉得没必要看我写的可以直接看文档，帮你们找好了 中文文档

优点

• 易学
• 功能强大
• 一键导出css样式代码
• 一键导出svg代码
• 将阿里svg代码直接拖进去编辑
• 自己设计好的svg直接可以上传到阿里矢量图库供他人使用
• 不吃显卡
• 直接切图
• 利用插件一键切图
• 利用模版直接创建常见的icon
• …

下载

点击此处下载

安装

下载好了以后呢我们会看到这几个文件

安装文件

• 点击右侧进行安装

安装

在这里插入图片描述

• 直接拖过去就可以

拖过去

• 如果你的文件安装好了以后提示打不开，那么双击这个文件即可，双击以后提示打不开的话，就直接点击打开，

在这里插入图片描述

• 还是打不开的话，就直接打开设置

在这里插入图片描述

• 点击仍要打开即可！打开以后这样，我们直接点击回车，静静的等待他自己破解结束即可！

在这里插入图片描述

在这里插入图片描述

• 到这里就结束了，软件就可以打开了！

在这里插入图片描述

结束

到这里基本上就结束了，下一篇文章我会讲一下常见的图标怎么制作的，带大家做一些苹果的一些简单的icon。 为了提高你们看的兴趣，提前给你们看一下我准备做的几个icon，下一篇文章我们就做这个四个icon，都是一些比较简单的icon，练练手的同时认识一下简单的功能！

在这里插入图片描述