自学设计 6 个月，用 Sketch 和 Adobe Muse 做的 Sketch 中文网

[aegean18sunset]

http://sketchcn.com

—— 关于Sketch ——

我是个很怕很怕 photoshop 的人…… 以前那种厚厚的教程书也看过，各种视频也都看过，但我对着PS的界面还是觉得无从下手。

最开始对Sketch很有好感只是因为觉得有一颗闪亮亮的钻石放在Dock里很好看哈哈，但是当我自学到刷完经典的平面设计理论书，刷完排版色彩字体的基础知识，刷完几大UED的博客还有优设站酷 SmashingMag 上全部关于UI&UE的内容之后，我纠结着选择哪个工具来做东西，PS已经放弃了，我决定再认真比较一下AI和Sketch，所以扫完Sketch的官方用户手册，为了自己方便顺带翻译成了中文。又花了两个星期看完Lynda上AI one-on-one的系列教程，嗯，还好，AI没有PS那么可怕。

但在用AI的时候我听到自己不断的抱怨，为什么AI是这么操作的呢在Sketch里面实现同要的效果会方便/快捷/简单的多啊！那时候虽然Sketch还有各种不靠谱的问题，没有AI那么稳定啊，文件导出的格式很受限制啊，但我还是坚定的选择了Sketch，因为这是最容易学习但又能最大满足设计需求的工具。任何一个没有设计背景，不会用PS和AI的人都能在几个小时内用Sketch设计web或者app的UI。



—— 关于 Adobe Muse ——

网站的设计全部是在Sketch当中进行，然后用 Adobe Muse 实现，大家可以尽情鄙视 Muse 生成出来的代码有多么二逼…… 哎呀我也想自己写代码啊，人家codeacademy上面得了好多小徽章的呢！但是我学的还远远不够，所以既然 Muse 可以帮我快速的实现网站，then why not？虽然我接下来会继续学设计学前端，但我同样很期待 Muse 的每次更新，功能日益完善，代码也相对以前工整和漂亮，让设计师不用写一行代码就能实现自己的作品，这是件很棒的事情呀！



—— 关于网站 ——

So，做这个网站，自己练手的同时，也希望大家能试试这个应用，说不定就从此开启了你的设计之路呢～ 对于已经在使用Sketch的伙伴们，我也写了一些我很喜欢用的Sketc小技巧（将保持更新），希望对你有帮助，同时我也很期待建立一个Sketch的中文社区。

网站差不多花了我两周时间做出来，正准备上线呢，昨天就发现Sketch发布了大的更新，我上个月还参与测试了sketch3的beta版，所以并不意外，但我吃惊的是他们的网站也改版了，同样集合了一些资源和社区，并更新了一些文档和教程，（弄的和我的思路好像 T_T）anyway，我也会根据Sketch3来着手更新Sketch中文网的内容的。

1）中文用户手册已更新至Sketch3
2）添加社区功能，方便大家发布自己的Sketch分享，一起讨论、学习和团购

P.S 我看大家团购的好开心，其实不仅仅自己用，如果身边有做设计的妹纸也可以送她一枚啊，我当时就笑称Sketch是男盆友送的第一颗小钻石呢噗哈哈

Enjoy！

[Junxi]

不错 支持下~Muse做起来快吗

[Just1n]

楼主是完完全全零基础自学的设计么？
我的意思是也不懂基本的绘画技巧。

[Julyyq]

赞一个

[roamlog]

非常赞

[victor]

好网站！收藏，作为30多岁的老家伙在敲代码之余，也开始学习Sketch了。刚买了sketch3，按照tuts+的视频教材学习呢！

[aegean18sunset]

@Junxi Muse很棒呢，虽然不是Adobe很主线的产品，但有一个很好的理念，并且每次更新都很给力。国外很多会写代码的设计师也在拿muse创造出色的网站，比如这个在苹果工作的设计师，用Muse接私活哈哈，他还创作了一系列muse的教程 http://www.youtube.com/user/TrifectaFotografic?feature=watch 我从这学到超多东西的。

[83f420984]

网站的页面布局为什么如此奇怪？

[kavi]

太赞了，正需要这样的资源！

[beingbin]

孤陋寡闻，之前还没有听说过sketch，搜了下相关资料，感觉还不错，我回头也关注下这个软件和lz的网站。话说ps和ai虽然都是adobe的，但是操作很多不一样。我ps熟练，最近准备学ai，用惯了ps，ai好多不习惯。
感谢楼主的分享~

[aegean18sunset]

@Just1n 呃……小学学过画画算么…… 你要是感兴趣的话，建议你看这篇文章http://www.uisdc.com/designer-self-study-2 来自Quora，原文作者Karen X. Cheng，曾是微软Excel的项目经理，后通过自学转型成为设计师。我的学习路径从她身上参考了很多喵。

[chmlai]

收藏之~

[tylr]

顺带问楼主个问题，如果我做好多个图层的设计后，要怎么导出才能将每个图层按尺寸导成单独的png图片呢？我点击了导出只能导出一张png图...

[tylr]

针对sketch的问题

[aegean18sunset]

@Junxi 对了，我也计划做一个muse的中文站，国内没有什么关于muse有营养的讨论，v2ex和知乎上大家也都是很瞧不起连玩都不想玩的样子，我希望能引起一些更有效的讨论。

[beingbin]

@aegean18sunset 期待~顺便问下，Sketch 是不是没有windows下的？

[ayang23]

不错，懒人找资料省事了，谢谢楼主

[song940]

typo: http://sketchcn.com/sketch-chinese-user-manual.html#，随英文版时时更新。

[aegean18sunset]

@beingbin 是的呢 Mac专属

[aegean18sunset]

@tylr 右边的导出面板里可以选 only include the following 来导出单个或多个图层

[aegean18sunset]

@victor 谢谢支持～ 我在tuts上木有找到呢，求链接呀

[airbob]

很赞,正需要。

[un]

感谢已送 :P

[1dian01]

非常棒啊，学习的榜样...

[sexoutsex2011]

已感谢

[lanstonpeng]

如何贡献Sketch技巧

[aegean18sunset]

@lanstonpeng 好问题，我正在想，有两种方式
1. 在这个网站上建立一个问答社区
2. 发邮件给我，我统一维护内容，大家分享的内容我会按照大家的需求加上分享者的个人博客、微博链接，尊重大家的版权。

你的建议是？

[NemoAlex]

建议楼主把名子改一下
这个名子只有 Sketch 作者和 Sketch 官方来用才合适

[huyipeng]

http://v2ex.com/t/108785 各位，101元团购Sketch 3，有兴趣的可以一起啊

[tylr]

@aegean18sunset "右边的导出面板里可以选 only include the following 来导出单个或多个图层"，好像不行耶，譬如我画了一个圆和方块，两个图形，两个图层，如果我only include其中一个的话，导出就只有一个图形，而如果勾选中两个的话，两个都会被导出一个png图片中。我想的是，是否能够一次性导出两个png图片，每个图片就是一个图层的内容呢

[aegean18sunset]

@NemoAlex

我仔细斟酌过这个问题，研究了一圈后认为这个名字并没有不合适。

1）Sketch的几个活跃的社区也有叫SketchAppSources，SketchTricks这样听起来很官方并且运用Sketch品牌的名字，但是Sketch的开发团队Bohemian Coding都在自己的官网中推荐了这些网站。
2）我在翻译Sketch用户手册时特意征得了主创人员 Emanuel Sa 的同意，他也很支持我做这个网站的想法，并且因此收到 Pieter Omvlee 的邀请参与了Sketch3的内测。

不过感谢你的建议，我会再邮件 Bohemian Coding 征求一下他们对于这个名字的想法。

[wezzard]

PS学不成，大多数是没看李涛出的视频教程。那玩意儿看了，一下就懂了。其他厚厚的教材什么的都是渣渣，特别是XX例、XX天学会PS之类的书。

[bigporker]

看起来真不错啊

我也想自学设计
LZ，关于你说的“刷完经典的平面设计理论书，刷完排版色彩字体的基础知识”
可以透露下这些书名吗？

[NemoAlex]

@aegean18sunset 还是觉得不妥
想像一下如果一个美国人弄了个 Sketch 美国，是不是感觉也很不对呢
时代在变，中国和中文已经不再是一个闭塞的小世界了
请再三思

[aegean18sunset]

@bigporker

建议你看这篇文章 http://www.uisdc.com/designer-self-study-2 来自Quora，原文作者Karen X. Cheng，曾是微软Excel的项目经理，后通过自学转型成为设计师。我的学习路径从她身上参考了很多喵。

[A007]

http://v2ex.com/t/108799

还需要团的这里

[Junxi]

@aegean18sunset muse感觉还是很不错的 虽然我是码农没用过 但是我设计师朋友之前都有用的 出来的东西真心质量还不错~

[victor]

@aegean18sunset https://tutsplus.com/course/sketch-for-beginners/

[wahack]

mark, 我也想学学

[aegean18sunset]

@tylr 据我所知目前还不支持，刚才研究一下Sketch3里的新功能，可以同时导出同一图层的不同大小和不同格式，但还不能像你说的那样批量导出不同文件。

[dalang]

看完之后 也想学用sketch了

[PotatoBrother]

刚买了Sketch 3 楼主实在是太赞了！

[xujingbao]

http://designcode.io

用sketch做iOS界面设计

质量不错，已经出到第二章了 ；）

[laiqs2011]

大爱！正准备学习sketch！

谢谢楼主

[isaced]

赞！

[bigporker]

@aegean18sunset 非常感谢

[jaylong]

很好的软件，很好的教程，谢谢楼主！

[aegean18sunset]

@xujingbao

嗯，是的，Meng To很厉害，他也是没有相关学位，完全自学，现在要设计有设计，要技术有技术。

我之前刷他的博客 http://blog.mengto.com/ 非常受益。他说

“To me, design doesn’t only apply to user interfaces. When I brew my tea bought from Samovar, or shoot photos with my Canon Mark II, or try at Latte art, I apply the same standards that I hold for making delightful designs. Excellence in ordinary things that I practice every day. Design is all about taste. In order to understand the subtle nuances, you must have tasted a great deal. You must breath design.”

这种态度太令人敬佩了。努力学习之！

[iYu]

赞lz。可以多写点blog。

小菜也想学设计。

今天早上在其他途径看到了

http://sketchcn.com

lz加油

[Linxing]

赞，前几天看到团购才知道Sketch这个东东，现在还有这么好的资源，谢谢楼主啊

[Miaoz]

很棒的软件！

[Miaoz]

事实上我想说的是很棒的网站！

[wwek]

+ 1024 啊楼主不错!

[ameba]

赞！！！

[Email]

楼主不错哦 支持,坚持

[applepieuser]

感谢楼主的努力和分享。

[Artotria]

支持楼主！

[spark]

iPad2 表示很卡... 果然是退伍的节奏...
我为楼主点赞

[aegean18sunset]

@spark

谢谢你，但是亲，这不是你家pad的错……

我发现Muse的视差效果在电脑上看没问题，但是在平板和手机上性能不是很好，滚动会卡，放大网页就挂了…… 但是如果没有运用视差效果，比如那个技巧分享的页面，就不会出现问题。

我之后研究一下，并会再单独做手机和平板的适配的。

[manihome]

PS多好学啊。

[jdqingm]

菜鸟路过，我可不可以說，我在iPad上买了一个sketch…

[tedd]

@xujingbao 感谢推荐很赞的课程，不知道才团了sketch的诸位有没有谁愿意顺带一起凑起来买这个课程呢？（不过好像该课程没有多人许可版的...）

@wangqj
@wong2
@kappa
@jkeylu
@leiz
@adjusted
@kchum
@sexoutsex2011
@DXpro
@qdvictory
@caveman_qing
@euan1022
@chmlai
@Julyyq
@tishifu
@falconeye
@tylr
@dustinth
@FrankFang128
@ryon
@1212e
@zhujinliang
@yelite
@dingtianran
@roamlog
@vanemu
@hanai
@itcook
@ainopara
@1dian01
@iinterest
@deepure
@jamesxu
@zack119
@rcikyuan
@LazarusX

[tedd]

http://designcode.io/

[roamlog]

@tedd 这网站我都打不开，囧，不管开没开 vpn，慢到极点。。。

[chmlai]

@tedd 之前把这作者的 blog 翻了一遍, 确实不错.
另外这课程也能团?

[xujingbao]

@tedd 我已经预订了 O(∩_∩)O~~

[tedd]

@roamlog 我也是，打开第一次后就好些了，貌似主页上面内容太多了加载很慢，不过速度也的确慢就是了
@chmlai 不知道能团不...看了下貌似没有看到

@xujingbao 要不我来给你分担点费用如果不嫌弃的话 ∩_∩

[tylr]

@tedd 可以的话算我一份，我正好在学习iOS开发

[devon]

http://sketchcn.com/sketch-chinese-user-manual.html

如果你先按住 alt 键再拖动图层，你其实会创建一个原图层的拷贝，原来的图层还是会在最初的位子(位置)。

[tylr]

顺带再问sketch高人们一个关于sketch 3的简单问题，画了artboard后在哪里快速选择iPhone screen的尺寸呢...2的时候我记得就在菜单栏，现在貌似找不到了

[hanai]

@tedd 不错

[WildCat]

刷完经典的平面设计理论书，刷完排版色彩字体的基础知识，刷完几大UED的博客还有优设站酷 SmashingMag 上全部关于UI&UE的内容之后


楼主，不知道平面设计理论书、排版色彩字体基础知识有什么推荐？最近打算买一些书看。谢谢！
不知道楼主有没有美术基础，我的美术基础基本为零

[aegean18sunset]

@WildCat

建议你看这篇文章 http://www.uisdc.com/designer-self-study-2 来自Quora，原文作者Karen X. Cheng，曾是微软Excel的项目经理，后通过自学转型成为设计师。我的学习路径从她身上参考了很多。

[WildCat]

@aegean18sunset 谢谢！
Picture This这本书似乎太老了，是否还具有参考价值？推荐书目都在你推荐的博文里吗？
还有其他可购买的图书推荐？最近打算采购一些书。

[xujingbao]

@tylr
@tedd

可以的,还有人需要吗？凑5个人,1人10$,共享帐号;)

[ldehai]

@aegean18sunset 很不错啊，只有最下面的颜色不喜欢。

[tylr]

@xujingbao 我参加哈早上给你发了邮件

[winnie2012]

火贴留名

[aegean18sunset]

@WildCat

http://blog.xiqiao.info/2011/04/20/1015

这里还有西桥姐的书单，你可能已经看过了。

我自己的话，learning by doing是学习最快的，看书效率是最低的…… 刷各路设计文章也很简单粗暴有收获，比如我提到的优设和smashingmag还有这个list：

http://design.tutsplus.com/articles/50-totally-free-lessons-in-graphic-design-theory--psd-2916

但是看那些设计书，本来就不是为了get一些速成的技巧，更多的是了解设计哲学和思考方式，静下心来才看的进去，你觉得捏

[tedd]

@xujingbao 昨天没有看到回复，我就买了另外套sketch的课程，就不参加这个了，其他童鞋继续 :)

[san3ye]

@xujingbao 算我一个？

[xujingbao]

@san3ye
@tylr
好的

[galaxy1116]

赞。刚买macbook什么都不会。学习之～

[lu18887]

最底部的About Contact Share 字体粗细和颜色怪怪的调整一下 对比和字体大小可能会自然些

[iYu]

@tylr artboard 功能现在bug着。 等update

[jetbillwin]

其实我一直觉得，sketch还缺一个功能，就是线条的任意截断功能，自带的还是有些弱，让我很多时候不能脱离Adobe Illustrator。 不过，flatten可以解决部分问题，就是需要重复建些元件，还要仔细的计算是交集，并集还是差集……

[victor]

@tedd 你买的是哪套？

[tylr]

@xujingbao 看到我邮件了吗？给我支付宝账号吧，我给你打钱 :)

[hanai]

@xujingbao 可以团的话加我一个吧

[Giinez]

windows下有没有类似的软件？

[xujingbao]

@tylr
@hanai
@san3ye
还差一个人 ；）

[sconfield]

q n m d thinkpad，我想买 macbook。。。

[tylr]

@xujingbao 如果找不到人的话我可以出两人份哈

[tylr]

@xgjames
@xujingbao

James, 来参加抱团分享不
http://designcode.io

用sketch做iOS界面设计，设计 + 写代码

[xgjames]

@tylr @xujingbao
意思是凑齐三个人买 $50 的 pre-order？

[WildCat]

@aegean18sunset 谢谢！就是想静下心细细咀嚼才想买实体书

[tylr]

@xgjames @xujingbao
xujingbao童鞋说的是凑够5人没人$10吧，貌似现在都4人了

[kindlepaper]

楼主你好，你男盆友是我好基友，噗

[kindlepaper]

@tylr 算我一个

[linkgod]

天呀！我真的折服啦！o(≧v≦)o~~太棒了

[aegean18sunset]

@kindlepaper

嗯啊 你忘了当时你两睡觉的被子还是我给买的呢
（天呐这话说出来好诡异……表歪楼了啦