美文网首页工具使用收藏寒哥管理的技术专题
关于Sketch:帮助初学者快速了解Sketch

关于Sketch:帮助初学者快速了解Sketch

作者: 2888bf845e80 | 来源:发表于2015-01-06 14:59 被阅读3416次

    自从看到优设网上看到呼吁大家使用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学习过程和使用体验,不完整详尽,开发者也还在不断探索中,相信会不断带给我们惊喜,也欢迎补充交流和分享:)

    相关文章

      网友评论

      • DQLee:刚刚开始上手sketch,有些不习惯,但很喜欢!

      本文标题:关于Sketch:帮助初学者快速了解Sketch

      本文链接:https://www.haomeiwen.com/subject/ykcptttx.html