Sketch的下载与安装

写在前面

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

优点

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

下载

点击此处下载

安装

下载好了以后呢我们会看到这几个文件
Sketch的下载与安装

  • 点击右侧进行安装
    Sketch的下载与安装
    Sketch的下载与安装

  • 直接拖过去就可以
    Sketch的下载与安装

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

  • 还是打不开的话,就直接打开设置
    Sketch的下载与安装

  • 点击仍要打开即可!打开以后这样,我们直接点击回车,静静的等待他自己破解结束即可!
    Sketch的下载与安装
    Sketch的下载与安装

  • 到这里就结束了,软件就可以打开了!

Sketch的下载与安装

结束

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

上一篇:Sketch的插件管理


下一篇:Testing & Paper reading——Sketchvisor