关于Sketch:帮助初学者快速了解Sketch
自从看到优设网上看到呼吁大家使用Sketch的文章后,一直对这个软件跃跃欲试,学习使用后便彻底爱上了它!网上已有一些关于Sketch的介绍,我也分享一下我的Sketch学习过程及在使用过程中发现的一些显著优势,记录的同时也分享给想要跃跃欲试这款应用的人。(目前只支持mac操作系统)
感谢Bohemian Coding为我们创作如此出色的应用,Sketch非常容易上手,即使是没有设计背景的人也可以在很短的时间内学会使用它,但Sketch的优势在于基于扁平风格的矢量界面设计,有绘图软件基础的设计师转换到Sketch制图并不难,但要想充分了解这个软件的功效和优势,最好花些时间研究一番。身为Sketch初学者,接触不到一个月,本文仅为交流学习。有不当之处欢迎指出,共同进步!
下面分享我的学习过程,一起加油~
1. 理解Sketch!
打开软件界面,手动翻译工具栏里面的所有单词是(英文不好的)我着手学习的第一步,虽然听起来比较low,但用惯了中文界面软件突然面对全英文的Sketch会有些不适应,不是每个单词我都认得,而且容易生成望而却步的抵触感。所以决定先从字面上理解它,再进一步使用它。一是为了了解界面布局,也是对一些工具名称加深印象,读书前先认字,接下来的学习过程便会轻松很多:)
2. 花一天的时间阅读Sketch中文用户手册
感谢Aegean.K为我们翻译出Sketch中文用户手册并利用Sketch+Adobe Muse 创建了这个网站建立了Sketch中文社区,在这里关于Sketch我们可以学到很多。中文用户手册为我们简单详细介绍了Sketch的界面和使用方法,坚持把它从头至尾读完吧。
这个手册更像是一本Sketch的产品使用说明书,和我们拿到一款新产品时会对照说明书去操作调试一样,阅读Sketch中文手册的同时打开Sketch来做一些简单的操作吧:例如绘制一个形状;在检查器调整它的各个参数观察效果;绘制两个交叉的形状合并或裁剪它们;新建一个组;新建一个画布;转化一个符号;导出一个切图等等…
对照手册逐个操作后,恭喜,现在你已经对Sketch的使用方法获得了基本的了解啦。
3. 看教学视频或帖子了解更多
之前提到Sketch的优势在于(对比PS)设计过程变得更加便捷/轻盈/高效。因此如果我们没有了解到这个软件的强大之处和使用技巧,便无法物尽其用,也不会想要加入到Sketch的阵营中并彻底喜欢上这个软件。所以,我们需要再看点别的,来补充一下对Sketch的认识,这个软件轻盈却强大需要不断探索才能发现一些奇妙之处。
我的额外功课是看了中文社区的问答帖和Sketch教学视频(需翻墙),视频中对sketch的功能技巧逐点介绍并进行了操作演示,目前出了19集,每集时间不到十分钟所以完全不用担心看不完,观看的过程中别忘了打开软件操作一下:)
4. 拆解网上的Sketch工具包
中文社区分享了一些网站有别人做好的sketch工具包或设计图,它们通常都是免费的。下载它并打开它,可以观察到其他设计师是如何使用它的:严谨的命名/画板的排列/Symbol的大量使用/丰富的素材库...
5. 下一个项目试试用Sketch创作吧
因为即使是了解到sketch的使用方法之后,还是会很容易忘记,要想加深记忆并有发现惊喜的可能,我们需要一个项目来系统地实战一下。正好手边有一个App的设计项目,我便决定这一次用Sketch出图。
在这次的使用Sketch做设计的过程中,让我深深地爱上了这个软件。下面分享一下我在设计过程中爱上Sktech的那些美妙的优点吧:
1. 无限画布
和ai一样的无限画布,你可以将App的每个界面作为一个画板按照功能排列得整齐有序(而不用在ps中不断切换窗口),你可以使用内置的Web/iPad/iPhone的模板排列方便进行响应式设计。
2. 优雅的控制器
3. 样式共享
4. symbol的巧妙复用
5. 悉心准备的ios设计
相信使用ps设计界面的设计师们通常都会在电脑里存一个iOS的标准素材库,而Sketch已经都帮你准备好啦!
6. 标注切图从未如此便利
直接将sketch文件交给前端吧,选中某图层按住alt键,鼠标移到其他图层便立刻获得距离,导出切图有1x/1.5x/2x/3x各种尺寸供你选择。
7. 插件
Github网站积累了很多sktech Geeker们开发的插件,它们像ps的插件工具一样,可以帮助你更多。比如我下载的随机生成内容的插件,专为button设计的固定padding值的插件。还有很多,大家可以尽情去尝试,不要钱,要任性!
8. 为开发者提供便利,可生成css属性
9. 不断发现的人性化细节
比如吸管工具可以在软件之外、电脑的任何地方取色;工具栏用户自定义;拖动图层到桌面直接生成切图...
除此之外,不能忽略的是Sketch的轻盈是矢量的代价换来的,因此如果在其中大量进行位图化的操作也会让它感到很吃力,文件较大时软件也会出现不稳定的状态,卡住或闪退,所以随手command+S吧。
以上是我这一个月的Sketch学习过程和使用体验,不完整详尽,开发者也还在不断探索中,相信会不断带给我们惊喜,也欢迎补充交流和分享:)