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

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

爱意满满的作品展示区。

这是一个创建于 3861 天前的主题，其中的信息可能已经有所发展或是发生改变。

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 条附言 · 2014-04-20 20:55:27 +08:00

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

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

Enjoy！

sketch

Muse

114 条回复 • 2021-07-20 11:32:20 +08:00

1 2

❮

❯

Junxi

2014-04-16 10:23:30 +08:00

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

Just1n

2014-04-16 10:24:12 +08:00

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

Julyyq

2014-04-16 10:24:45 +08:00

赞一个

roamlog

2014-04-16 10:28:57 +08:00

非常赞

victor

2014-04-16 10:29:18 +08:00

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

aegean18sunset

2014-04-16 10:30:58 +08:00

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

83f420984

2014-04-16 10:33:17 +08:00

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

kavi

2014-04-16 10:33:51 +08:00

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

beingbin

2014-04-16 10:34:48 +08:00

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

aegean18sunset

2014-04-16 10:36:17 +08:00

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

chmlai

2014-04-16 10:36:58 +08:00

收藏之~

tylr

2014-04-16 10:38:35 +08:00

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

tylr

2014-04-16 10:38:54 +08:00

针对sketch的问题

aegean18sunset

2014-04-16 10:40:42 +08:00

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

beingbin

2014-04-16 10:49:37 +08:00

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

ayang23

2014-04-16 10:52:02 +08:00

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

song940

2014-04-16 10:52:34 +08:00

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

aegean18sunset

2014-04-16 10:53:19 +08:00

@beingbin 是的呢 Mac专属

aegean18sunset

2014-04-16 11:00:34 +08:00

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

aegean18sunset

2014-04-16 11:08:19 +08:00

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

airbob

2014-04-16 11:15:08 +08:00

很赞,正需要。

2014-04-16 11:18:17 +08:00

感谢已送 :P

1dian01

2014-04-16 11:22:16 +08:00

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

sexoutsex2011

2014-04-16 11:22:54 +08:00

已感谢

lanstonpeng

2014-04-16 11:29:56 +08:00

如何贡献Sketch技巧

aegean18sunset

2014-04-16 11:51:28 +08:00

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

你的建议是？

NemoAlex

2014-04-16 11:57:19 +08:00

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

huyipeng

2014-04-16 11:57:51 +08:00 via iPhone

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

tylr

2014-04-16 12:15:26 +08:00

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

aegean18sunset

2014-04-16 12:22:27 +08:00

@NemoAlex

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

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

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

wezzard

2014-04-16 12:28:14 +08:00

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

bigporker

2014-04-16 13:08:05 +08:00

看起来真不错啊

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

NemoAlex

2014-04-16 13:16:06 +08:00

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

aegean18sunset

2014-04-16 13:25:44 +08:00

@bigporker

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

A007

2014-04-16 13:26:29 +08:00

http://v2ex.com/t/108799

还需要团的这里

Junxi

2014-04-16 13:31:47 +08:00

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

victor

2014-04-16 13:37:52 +08:00

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

wahack

2014-04-16 13:46:00 +08:00

mark, 我也想学学

aegean18sunset

2014-04-16 13:51:22 +08:00

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

dalang

2014-04-16 13:59:13 +08:00

看完之后也想学用sketch了

PotatoBrother

2014-04-16 14:12:52 +08:00 via iPhone

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

xujingbao

2014-04-16 14:55:02 +08:00

http://designcode.io

用sketch做iOS界面设计

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

laiqs2011

2014-04-16 14:56:17 +08:00

大爱！正准备学习sketch！

谢谢楼主

isaced

2014-04-16 14:58:57 +08:00

赞！

bigporker

2014-04-16 14:59:00 +08:00

@aegean18sunset 非常感谢

jaylong

2014-04-16 15:04:49 +08:00

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

aegean18sunset

2014-04-16 15:12:04 +08:00

@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

2014-04-16 15:28:16 +08:00

赞lz。可以多写点blog。

小菜也想学设计。

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

http://sketchcn.com

lz加油

Linxing

2014-04-16 15:47:26 +08:00

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

Miaoz

2014-04-16 15:51:26 +08:00

很棒的软件！

Miaoz

2014-04-16 15:52:13 +08:00

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

wwek

2014-04-16 17:16:36 +08:00

+ 1024 啊楼主不错!

ameba

2014-04-16 17:43:43 +08:00

赞！！！

Email

2014-04-16 18:02:10 +08:00

楼主不错哦支持,坚持

applepieuser

2014-04-16 19:10:30 +08:00

感谢楼主的努力和分享。

Artotria

2014-04-16 20:08:06 +08:00

支持楼主！

spark

2014-04-16 20:51:01 +08:00 via iPad

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

aegean18sunset

2014-04-16 21:02:00 +08:00

@spark

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

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

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

manihome

2014-04-16 21:02:54 +08:00

PS多好学啊。

jdqingm

2014-04-16 21:50:08 +08:00

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

tedd

2014-04-16 22:17:16 +08:00

@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

2014-04-16 22:17:40 +08:00

http://designcode.io/

roamlog

2014-04-16 22:22:04 +08:00

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

chmlai

2014-04-16 22:30:12 +08:00

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

xujingbao

2014-04-16 22:31:13 +08:00

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

tedd

2014-04-16 23:00:16 +08:00

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

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

tylr

2014-04-16 23:01:18 +08:00

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

devon

2014-04-16 23:05:24 +08:00

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

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

tylr

2014-04-16 23:17:27 +08:00

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

hanai

2014-04-17 00:51:34 +08:00

@tedd 不错

WildCat

2014-04-17 06:18:32 +08:00 via iPhone

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

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

aegean18sunset

2014-04-17 09:41:08 +08:00

@WildCat

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

WildCat

2014-04-17 09:48:20 +08:00

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

xujingbao

2014-04-17 09:56:27 +08:00

@tylr
@tedd

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

ldehai

2014-04-17 10:55:55 +08:00

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

tylr

2014-04-17 11:23:26 +08:00 via iPhone

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

winnie2012

2014-04-17 11:27:01 +08:00

火贴留名

aegean18sunset

2014-04-17 11:30:13 +08:00

@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

2014-04-17 12:26:23 +08:00

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

san3ye

2014-04-17 13:22:50 +08:00

@xujingbao 算我一个？

xujingbao

2014-04-17 13:45:31 +08:00

@san3ye
@tylr
好的

galaxy1116

2014-04-17 14:59:46 +08:00

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

lu18887

2014-04-17 15:08:53 +08:00

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

iYu

2014-04-17 15:15:11 +08:00

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

jetbillwin

2014-04-17 18:35:45 +08:00

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

victor

2014-04-17 18:53:35 +08:00

@tedd 你买的是哪套？

tylr

2014-04-17 23:25:31 +08:00

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

hanai

2014-04-18 00:43:23 +08:00

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

Giinez

2014-04-18 10:05:20 +08:00

windows下有没有类似的软件？

xujingbao

2014-04-18 13:00:29 +08:00

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

sconfield

2014-04-18 13:09:19 +08:00

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

tylr

2014-04-18 14:13:36 +08:00

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

tylr

2014-04-18 14:17:22 +08:00

@xgjames
@xujingbao

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

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

xgjames

2014-04-18 17:21:48 +08:00

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

WildCat

2014-04-18 22:56:49 +08:00

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

tylr

2014-04-19 09:50:00 +08:00

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

kindlepaper

2014-04-20 21:23:41 +08:00

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

kindlepaper

2014-04-20 21:27:44 +08:00

@tylr 算我一个

linkgod

2014-04-20 21:45:28 +08:00

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

100

aegean18sunset

2014-04-20 22:24:52 +08:00

@kindlepaper

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

1 2

❮

❯