2015年7月开始,我的设计工作全部迁移到了Sketch上,我在sketchtricks看到这边文章,并花一段时间把它翻译了,原文链接:https://articles.sketchtricks.com/from-photoshop-to-sketch-9c1940e6b43b 原作者:Richard Child 翻译:Danny Ryuu
本文可以随意转载,转载需保留此处。
大约在一年前,我停止使用Photoshop和切换到Sketch,为什么这么做?最大的一个问题就是Photoshop不是一个专注的工具,Adobe公司看起来不断地添加新的功能,但都是和网页与移动设计不相关的。最近,Photoshop增加了3D打印功能。这使得程序变得更加臃肿和复杂。使用Sketch,Sketch对于设计来说是一个轻量,专注的完美工具。
Sketch对我的工作流程产生极大的影响,最大的改变就是我现在做线框图,模型和最终设计都使用一个程序。
它意味着我只需要建立和修改同一个文件,而不需要重新建立和不停的切换程序。
在这篇文章中,我将讨论五个有关Sketch的特点,希望你能喜欢。
1.画板和页面
Sketch有一个无限大的画布,但是在这个画布上你可以创建一系列固定的布局,叫做“画板”。我用这个画板复制屏幕的大小,所以如果我设计iOS,我可以将每个画板的大小设置为iphones5一样(640*1136px)。页面上可以有无限多个画板在同一个文件里。
当设计一个移动端的应用时,我用这个页面来定义应用的不同部分,例如,一个页面是设置,另一个页面是编辑资料,然后在每一个页面里,我用画板来制定设计,所以我能清楚地看到屏幕内每一个页面的流向。
2.Sketch Mirror
如果是设计一个移动应用呢?Sketch Mirror允许你实时地在你的iPhone,iPod Touch或iPad上预览你的画板,它支持实时更新,你甚至可以同时在你的iPhone或者iPad上看到你的画板上的改动。
如果是Android系统,你可以使用一个叫Sketch Preview和Skala Previe来预览。
3.Symbols
Symbols是一个可重用的对象,但是这个功能相当强大,当你对一个symbols进行改动时候,你文件里所有的同一个symbols都会改变,好的让人难以置信,不是吗?例如,如果我设计一个网站,我可以在多个屏幕上重用这个导航。
以前,如果我想更新导航,我必须更新每一个屏幕上的,而使用Symbols它会为你更新所有的导航元素,节省你的时间。
4.导出
如果你是Photoshop用户,你会爱上这一节,你会清楚的知道在Sketch中导出是很容易的。你可以导出整个画板或者是单独的图层,添加一个切片是很简单的,只需要选择一个图层,点击“make exportable”。
如果你设计的是iOS和Android,你知道你需要导出几套不同分辨率的资源。回到Sketch中,你只需点击就可以导出布局为@2x,@0.5x,@3x的资源,Sketch作为一个矢量工具,没有任何缩放问题。
你甚至可以直接拖动资源到桌面。
5.插件
Sketch有一个非常强大社区支持它,结果就是有很多非常好的第三方插件有效的改变你的Sketch体验,有许多不同的插件,但我们没有时间来讨论它们,值得一提的是Sketch Measure,Sketch Measure允许你快速的添加你设计工作上的需要的说明,开发人员需要你们的协助。