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

2014-04-16 10:19:03 +08:00
 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中文网的内容的。
26904 次点击
所在节点    分享创造
114 条回复
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
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上木有找到呢,求链接呀

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/108763

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX