恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
sketch简介及入门教程整理推荐
0.0°
2015-04-14 原创文章 经验/观点 原作者: 原作者 举报 48926 179 104 9

这是一篇记录了我在学习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的新见解?拜托,都给你们介绍了这么多优质的内容了,还需要我说设么嘛?况且其实我压根就还在学习中好吗?哪段话哪个词告诉你这是一篇教程了?你给我指出来!当然你真能找到也别联系我,我会死不认账的...

更新:2015-04-14

收藏

179人已收藏

阿喵_Shiloh_Miao

界面/交互/平面 设计师 个人网站-maouys.com

  • 19

    作品

  • 537

    粉丝

  • 22

    关注

  • 作为UI/UE的你,知道这些关于iPhone X的知识点吗?
  • 每个人都该有个一个自己专属的头像~
  • 网页设计中基础布局
  • PhotoShop 自CC以后新添加的那些好用的功能们
相关标签
Sketch

    猜你喜欢

      2015-04-14 原创文章 经验/观点 原作者: 原作者 举报 48926 179 104 9

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

      0.0°

      你确定要举报sketch简介及入门教程整理推荐

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2015年04月14日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      104
      179
      9

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录