sketch 的优劣
sketch 的优劣
Sketch的前世今生
自从2010 年 Bohemian Coding公司推出了 Sketch,Sketch如今已经到了39.1版本。Sketch 一开始只是小型矢量画图工具,后来才优化成界面设计软件。当年的Sketch 2是拿过苹果设计奖的。
Sketch的定位
Sketch如其是说是一款超越PS的绘图软件或者有点夸张。其实我使用时第一感觉是,这软件太像keynote了吧。Mac软件经典的布局,数据表单式的检查器,并没有什么特别。但上手一周后,才发现Sketch作为UI设计软件的首选,实在当之无愧。
Sketch的定位并不是超越Photoshop。Photoshop涉及了太多领域,摄影后期、手绘插图、平面设计和界面设计等,它已经是变成一款大而全甚至有点臃肿的设计软件了。
而视觉设计师用它作为UI设计软件时,存在什么痛点呢?如果你曾设计过界面,发现设计界面花了1个小时,而切图、标注等工作需要同样花你1个小时,你会发现一些批量和非设计的工作也占有工作时间的几乎一半;当设计稿越来越多,即使改一个字体,都得牵一发而动全身,每份设计稿都得一个一个字段调整,当时可能自杀的心都有。
Sketch的定位便是为了解决这些问题。它是一款只在UI设计领域,有效率和便于协作的矢量绘图软件。
它减免设计师花在批量式的非设计工作的时间;
它帮助设计师聚焦他们真正需要关心的:页面效果、扩展性、控件库、逻辑层次等;
它提高设计师与其他协作人员沟通的效率:产品经理、交互设计师、开发工程师等。
Sketch的优势
1、提高非设计部分工作的效率。可快速输出1倍、2倍甚至自定义尺寸的切图,可智能标注任何元素。把一天需要做的任务,变成一分钟的事。甚至连设计师不得不经常按的Command+S都不需要按了,自动给你保存好。
2、帮助设计师聚焦他们真正关心的事情。UI设计师做设计稿的核心其实是:定义颜色、控件样式、页面结构、字体和图标样式等。每次的调整稿件,设计师最常经历的也是,把全局的颜色、字体、图标和控件再更新一次。
Sketch也是站在设计师的角度,把这些核心作为首要考虑的重点。比如全局控制的颜色库、标志库、字体样式等。只要你更新一个,全局运用到的便会同步更新。
还有一个很有意思的点是,Sketch一份文件其实更多是一个项目的概念,而非一份设计稿。打开一份Sketch文件,其实是一系列稿件的汇总。
这种使用软件的方式也会利于设计师转换思维。例如同时看到多画板,可以培养设计师的全局观,观察页面的统一性和跳转逻辑;全局控制字体、颜色和控件,可以培养设计师对拓展性和统一性的把控度。
3、不得不提的插件。Sketch开放了插件,让众多出色的插件也不停再完善Sketch。帮你批量命名图层、智能标注页面、智能填充头像和文字等,让Sketch越来越能满足不同人群的设计需求。
链接:https://www.zhihu.com/question/20715139/answer/22212865
自动保存
为了减少photoshop的崩溃的损失,每一个Ui设计师都会不停的command+s,这其实是一件很残忍的事,你可以打开自动保存,但你无法预估它的保存时间,但随着文件越做越大,它来这么一下,你就得停下不动,这事尤其的蛋疼。sketch可以自动保存并且最关键的事,它不会打断你,你不必神经质的每隔几分钟手便抽动一次。
矢量图形
在sketch创建的图形全部是矢量的,在放大缩小就很方便,不需要调整太多,还有一个很好的小功能,就是可以一键把0.几的像素变成整数,而且可以很方便的在矢量视图和像素视图之间进行切换。
可以很方便的创建一些重复形状构成的图形。
测量工具
我们在用photoshop做界面设计时,为了元素位置的精确,需要用蚂蚁线或者切片工具来测量元素与元素之间的距离,画完蚂蚁线或切片如果有变动,你还得再量一遍。在sketch在这点就会节省你很多时间,并且让我们的设计更加精确,只要选中这个元素,按住alt键,然后再把鼠标点选其他元素或者移动就可以实时的显示上下左右之间的距离,这是我认为sketch的一个最棒的功能。
圆角矩形
sketch对圆角矩形的创建是很方便的,既可以控制四个角圆角大小,也可以双击,对单个圆角进行调整,并且可以随意调圆角矩形,圆角也不会变形,当然photoshopcc也解决了这个问题,但它的操作很笨重。还有一个好处是,你可以点击右边的数值,并拖动鼠标,可以实时看到图形的变化。
方便的选择元素
左侧图层和分组栏,可以看到矢量图形的的缩略图。
当用鼠标掠过画布上的各个元素的时候,左侧会出现一个蓝色框对对焦到我们选中的元素。
另外如果你是一个分层分组科学合理,命名规范的设计师的话,那sketch的搜索会让你寻找界面元素的时候更加方便,并且随着上下点击会对焦到你选中的元素。
图层样式
sketch的图层样式和photoshop一样,渐变,描边,内外阴影,不同的是sketch可以在一个图形上添加最多四层完全不同的渐变,添加无限的描边和内外阴影。我们创建比较复杂的图形质感的时候也就更加方便。
文字的样式也可以单独的保存起来,方便对多个的文本进行调整。
无论图层样式还是文字样式都可以用alt+command+c或v进行粘贴。
钢笔工具
sketch的钢笔工具也比photoshop好用,具体表现在可以方便控制像素对齐或半个像素对齐,而在photoshop中虽然也可以对一个像素对齐,但设置和切换很麻烦。
最棒的是,它可以画完美的弧线,只要按住atl键拖动鼠标即可。
网格工具
又是一个photoshop比较渣的点,photoshop不用第三方的网格插件基本就不可用,在sketch可以很方便的对网格进行编辑,有传统的方格,也有横向和纵向组成的长方形。
文字渲染
这个点其实说的是sketch支持sub-pixel渲染,翻译成中文可以说是次级像素,我随便截图给大家看一下,这种渲染方式是以前的旧技术,为低分辨率的显示器而生,现在绝大多数的系统和屏幕都是有的,当然有的同学要抬杠了,iOS的屏幕上没有,实际上是有的,只是Apple默认关闭,为什么关闭?1是iOS的现在的屏幕的像素密度不需要,刚才也说说了这是一个旧的技术,2是由于底层技术上的原因所以不支持。
效果图镜像
sketch是原生支持在iOS设备上查看设计稿的,可以下载iOS的App,就可以在iPhone,iPad实时查看设计稿了。
稳定和效率
sketch可以添加无限的画布,可以把界面全部在一个文件内完成,有点像ppt,每页都可以建立多个画布,把多个界面平铺,即便设计很多界面也不会觉得运行效率上有所降低,由于都是矢量,所以文件体积也比photoshop小很多。所以最关键的一点就是稳定,彻底把你从不停的command+s解放出来,也不用在一个psd固定的1136X640内只建几个界面。
更新勤快
sketch工具是一个年轻小团队,更新比较勤奋,对于用户的反馈也很及时。售价448元,安装包不到10m,破解也是方便,但建议差钱的和不差钱的购买正版,拿出人民币真正的支持这些能够切实的解决问题的人。
支持eps和svg的导入
可以把psd内的矢量文件转成eps或svg格式,可以在sketch内打开。
Sketch的劣势
1、路径绘图。路径描点的选择,操作与路径的修改,Sketch一直逊色于Photoshop。特别是对线段的选择删除,描点的切换、删除和添加,还有单独调整某个句柄,都还没有Photoshop或Illustrator便捷。这导致我在绘制复杂图形时,会在AI中绘制完毕后再粘贴到Sketch中。
2、不稳定。Sketch并不算上是非常稳定的软件。经常会出现莫名其妙的BUG。例如不同版本保存的源文件无法打开。调整Symbol宽高后,具体又在设计稿又不会更新等。但考虑到Bohemian开发人员一直很少,而绘图软件使用情景又很复杂,一百个人用可能会遇到一百个不同的 bug,尽管 Sketch 改进速度很快,依然会给人感觉问题多多。
3、一些高级功能的缺失。比如画布背景的调整(这关系到你判断某些颜色的感觉)、查看颜色的LAB值、清除参考线等。
4、文档的内存管理。一旦文档中稿件一多,打开Sketch便会有卡顿,操作也断断续续的,非常吃内存。希望Sketch日后可以优化这一点。
https://www.zhihu.com/question/20715139
