sketch简介及入门教程整理推荐

  • 经验类型经验/观点原作者:原作者

  • 经验属性原创文章
  • 经验版权署名
49387 9 104 2015-04-14

这是一篇记录了我在学习sketch时候的一点经验及所看到的好的教程的推荐。这并不是一篇什么教程,而是一篇教程整理推荐~~~第一次写东西,还请看客多多指点。


年后公司为我提供了一台Mac笔记本作为工作电脑。上手OS X系统就不得不聊聊现在OS X系统下赤手可热的Sketch了。

去年还在用Windows做设计的时候便知道OS X下有个做UI很牛叉的sketch了。但那时候碍于囊中羞涩,买不起苹果电脑便只是停留在听闻而已。幸而现在手上有了设备了,当然要来聊一聊这款很牛叉的软件啦。

首先要来聊聊sketch能用来干嘛。sketch是一款矢量软件,同时也附带一些简易的位图处理功能。它的定位是界面设计(我习惯于把网页也包含在界面范畴内)。相对于PS,它能提供更为简便的矢量图绘制方法及专为UI设计定制的许多人性化功能(其实新版本的PS CC 2014对UI设计也做了非常多的优化啦)。它更接近于AI的界面操作方式。包括它是基于矢量的(便于导出不同尺寸需求)和拥有画板(Artboard)概念(就不用像PS一样一个APP需要无数个psd文件了,而像AI一样,一本画册可以在一个AI文件里完成)。如果你是做传统平面设计的,我的建议是——这东西对你基本没什么用,还是把它忽略吧~~~~

http://www.uisdc.com/infographic-sketch-vs-photoshop#优设为我们提供的sketch与ps对决图,让你快速了解两者的区别。

sketch获取途径,最简单的方法当时是AppStore上的付费下载,但这价格也是让我醉了,作为底层设计师,恕本屌现在实难支持这个价位的正版软件~~

网上还流传着另一种获取较为便宜的正版sketch方法——合购,价格应该在200~600之间不等,视人数而定。但合购sketch不支持iCloud云存储(sketch支持在iCloud下面自动存储),所以利弊自己考虑吧。问题是你还得找人和你一起买,这是得忽悠多少人才能拿到最低价啊 =-=!

最后的一种办法当然也是我们最为熟知的带有中国社会主义特色的获取办法啦——破解版下载。我的立场是跟中国政府保持高度一致的,这种行为应该受到坚决的抵制和严厉的鄙视(#‵′)凸,对,请向我投来鄙视的目光吧%>_<%...

当然,如果你也是如同我这般虽然有高尚情操,却囊肿羞涩想着未来等有钱了一定补上这份钱的兄弟姐妹们。我只能告诉你们http://www.pc6.com/mac/这个网站还不错^_^!...

安装完sketch就可以正式开始用啦,sketch目前不支持中文,所以乍看之下会让人望而生畏。当然也不排除让你觉得突然就变得高大上的错觉感。但就我这种学渣眼光看来,其实都是些比较简单的单词构成,就算不熟悉这些英文单词,看着ICON摸一遍也就熟了(咦?我为什么要用摸这个词?!⁄(⁄ ⁄•⁄ω⁄•⁄ ⁄)⁄ !)。如果你之前对Adobe软件掌握比较好,那么恭喜你,sketch和Adobe很多操作都是类似的,这会让你更容易上手。

相关的教程相信你在优设、站酷、UI中国等等网站已经看了千百遍了。或许之前没有好好的留意过,如果你打算开始学习这款软件,那么是时候回去翻看一下这些sketch教程了。一款软件,学习的最好办法其实是阅读官方文档。作为如此炙手可热的一款软件,怎么能没有一份中文版的文档呢?(那为什么没有中文版软件?O__O”…)http://sketchcn.com比较完整且简洁的介绍了sketch的主要功能和操作方法。

静电是国内较早开始写sketch方面教程的人(是吗?不是吗?我也不知道,反正我最找就是看到他的教程才知道这个软件的~~)。他的sketch系列教程在几大主流设计网站都能找到。http://i.ui.cn/ucenter/84039。而且这货身为一个设计师一天到晚都在写一些程序软件的教程给设计师,喂喂,我说同学,这样带着设计师同学们玩真的好吗?还让不让程序猿们活了?!

“我们尽力让 Sketch 容易理解并上手简单,有经验的设计师花上几个小时便能将自己的设计技巧在Sketch中自如运用。”

恩,这是官方对sketch的描述。至于你能多块掌握这款渐渐,完全看个人悟性及你的英语水平 O(∩_∩)O

官方文档提供了最基础的操作介绍,但最为一个有追求的设计师,我们怎么能止步于用如此简单的操作呢?设计师的高逼格要求我们要不断的追求更高的操作难度及更炫的演示效果。所以快捷键什么的不会用,你都不好意思说你会用sketch啦。http://topic.ui.cn/detail?tid=17 UI中国为大家提供了sketch专题版块收集了散落在网站上的各大设计大咖们的独门教程。跟着他们学sketch,可以让你取各家之所长,成为一名合格的sketcher。

与PS一样,sketch也支持扩展插件。你可以在网上找很多的插件来安装,以提高你的工作效率。你只要下载一款叫sketch toolbox的sketch插件管理软件,它能为你的sketch提供种类繁多的插件应用。http://www.ui.cn/project.php?id=16713为我们介绍了几款实用的sketch应用。

sketch自带手机预览效果图功能——Mirror,但你要为此付出额外的4.99美刀来购买相应的手机端APP。这里推荐大家使用一款叫sketch preview的插件,配合skala preview能达到同样的效果。同时skala preview能让手机预览你电脑上的其他格式图片文件。http://www.ui.cn/project.php?id=28177

什么?说了这么多为什么没有一句是关于我的对sketch的新见解?拜托,都给你们介绍了这么多优质的内容了,还需要我说设么嘛?况且其实我压根就还在学习中好吗?哪段话哪个词告诉你这是一篇教程了?你给我指出来!当然你真能找到也别联系我,我会死不认账的...

全部评论:9

  • 王亿亿

    2018-03-27 16:04

    你的dock栏,那么多小黑点,很凶残嘛 +1

  • daojie

    2017-03-31 19:38

    不错,学习了!给大家推荐一个比较好用的插件,mockingbot for sketch:可以一键将sketch里的图片导入到墨刀,添加交互和动画效果,制作高保真原型很方便,比较适合设计师。可以在这里下载哦:https://modao.cc/sketch

  • 飞行的星

    2016-10-26 11:12

    哈哈哈这个没有段子的教程不是好的文章

  • Geron刘国龙

    2016-02-12 19:38

    看我这个教程笑死我了。。。 一定是一个高手啊!学习了!感谢分享!哈哈……

  • BlackStar2020

    2015-04-15 17:43

    你的dock栏,那么多小黑点,很凶残嘛

  • Farmer丿卓

    2015-04-15 11:27

    很棒,很喜欢这种语言风格的教程!各种链接够我学一阵子的了

  • Ironwei

    2015-04-15 10:16

    苗妹V5~

  • gedio

    2015-04-14 18:35

    幽默的教程

更多作品

发表评论

取消

点击右上角
分享给朋友吧

分享到

取消

每人每天仅限5票,快给你心仪的作品鼓励的一票。

投票