［思客教学］码农也能做出逼格破表的设计？抱团学设计

[hayeah]

这是 思客教学 举办的免费迷你课程。有兴趣报名请发邮件给 [email protected]

简单地介绍一下自己，为什么想学。

---

我们追求的设计感大概是这样：

我是个写了 10 年代码的码农，从来没有做过设计，顶多只会在公司设计师背后指指点点。做网页也就用 Bootstrap，但不知道为什么在我手中用起来就变成一坨屎。 年初果断决定挖个大坑，自己跳进来学设计。

学到现在也算小有心得了。希望能和大家分享。

这个设计课程是 思客教学 和独立设计师 Kevin Li 一起合作的结果。我们会一起实现一个现代感十足的产品宣传页面。这个页面会有一些常见功能：

• 头部品牌印象
• 产品介绍
• 功能介绍
• 用户见证
• 练习方式
• 等等

码农学设计有什么优势？

其实码农学设计有个挺大的优势。很多平面设计出身的设计师并不懂 UI，他们做出来的产品就好像是街坊打印店的营销海报。

比起普通的平面设计，我们更了解科技产品。我们能了解浏览器和移动端不同的需求，也知道什么功能可以实现，什么功能不合适。

不好用的 UI 好看也没用。

码农怎么学设计？

我发现之前自学设计的方法错了。

一开始我学了设计原理。什么颜色理论，字体分类，Grid 设计，观摩设计大神的作品。但这些离实际操作实在太远了。我的目的是做页面，做 App，而不是要当一个艺术家。

就好像你想学做菜，师傅一开始就教你营养学，让你看舌尖上的中国找灵感。看起来很好，结果当然是还是不会做菜。

总结了一下自己的学习经验，我认为更有用的不是理论，而是一些具体的操作建议，比如：

1. 这么多字体用哪个好？用多大的字号？
2. 我不会拍照，在哪里找好看的照片当背景？
3. 不会画画，在哪里找图标当素材？
4. 有哪些常见的排版方式我可以拿来套内容？
5. 有哪些简单的技巧可以加强设计感？

这个课程教你什么？

设计是个相对主观的领域。要成为真正的设计师，你需要长时间去培养美感，了解设计行业的文化历史，和未来的发展。

我们的目标不是把你变成一个设计师，而是让你有足够的 ”设计常识“ 去做出现代感十足的设计。

再拿做菜当比喻，我们不可能在短时间内让你变成一个厨师，各种菜，各种风格都会做。我们只想让你做出一道好菜。只要材料选对，简单的刀法，控制好火候别烧焦，佐料别乱放，做出来味道不会差太多。

这个课程会教你现在流行的 “扁平极简” 风格。这个风格有几个好处：

• 操作容易，不需要华丽的技巧
• 不需要复杂配色和绘画能力
• 应用场景多，通用性强
• 极简设计更能凸显产品和内容本身

这个课程怎么教你设计？

跟着教程 "monkey see, monkey do" 没有太大意义。做完了还是没法做出自己的设计。我们的教学只告诉你技巧，不提供给你最终的设计方案。

我们只提供没有设计的市场推广文案：

Keep your life in sync

Wunderlist is the easiest way to get stuff done, to help you tick off all your personal and professional to-dos.

[Download Wunderlist]

你必须理解我们教你的设计手段，应用在自己的设计稿上。

这个课程适合我吗？

我们对你有这些要求：

• 基本英文阅读能力
• Sketch 3 试用 or 正版
• Mac
  • Windows 真的真的很想学的话也许可以试试看虚拟机
• 觉得自己做的东西难看 (表示你有审美能力）

如何报名？

有兴趣的话发邮件给 [email protected]

简单地介绍一下自己，为什么想学。

问卷：设计方面想学什么？

1. 移动端 iOS
2. 移动端 安卓 Material Design
3. 动画效果 Origami
4. 响应式设计

在这里对设计师朋友们道歉。

我的意思是每个圈子不靠谱的都很多。理发师不会理发，大家都有体会吧。码农当然也是不会写代码乱七八糟的一堆，糟蹋了 PHP 这个最好的语言。

[Keinez]

“很多平面设计出身的设计师并不懂 UI，他们做出来的产品就好像是街坊打印店的营销海报。”

我认为您应该更尊重设计师一点。

[hayeah]

@Keinez 嗯，这里说的不好。道歉。。。

说这些主要是因为自己之前招聘设计师遇到很多问题，有 UI 设计经验的真的很难找。

招聘这个问题各个圈子都有。不会写代码的程序员，不懂推广的运营，不会设计的设计师。

我希望能把 “他们做出来的产品就好像是街坊打印店的营销海报” 这一段去掉，说得太过了 @livid

[hqman]

终于来了啊

[greatdk]

我觉得我现在比较需要的是把设计好的图形还原成html的能力

[hayeah]

@greatdk 哪你还不来上我们的 CSS 课程！

[greatdk]

@hayeah 上啊在哪上

[hayeah]

@greatdk 等等，给你发个邀请

[lazybios]

赞！ 已报名~

[Pixel]

街坊打印店水平的路过。

[cakie]

再次发现好课程

[oott123]

Windows 用户，坚定的果黑，虽然真的十分想学但是虚拟机还是算了…
搭车求问有兼容 Windows 的课程推荐嘛？

[hayeah]

@Pixel 对不起。。。不要对号入座嘛～

[v2014]

顶，开的这些课程都蛮好的，参加过好几次了，就是拼音输入法常惹火，我觉得最好先找人校正下，
还有就是干嘛不开放入口，整理归档，这样散布的广一些嘛

[hayeah]

@v2014 第一次办的课程想要控制人数。第一版问题还是挺多的，修复好在让更多人进来

[hayeah]

@oott123 不太清楚耶。也许我们可以后来加个 PS 版本。设计概念毕竟是通用的。

[cloudbeyond]

CSS课程超级棒~~已经报名继续学习设计~

[vimutt]

@Keinez
@Pixel
别怪一些码农 他们压根瞧不起设计师（他们心目中的美工），究其原因他们认为设计没什么技术含量（他们选择性忽略艺术特质），这就好像我上高中时，那些文理科生瞧不起艺术生一样 ，只要你文化课没他们好 他们就认为你不是学习的料 干什么都不会有他们强。即便你每天为了画画投入超过近10个小时。
他们中的一些人认为艺术或设计是玄而又玄的事儿 甚至都没有评判标准。所以想当然的认为只要他们动动手 虽然未必有设计师（美工）专业， 想来也不会差到哪儿去。因为毕竟美工们连css都不如他们纯熟。
这就是80年代末 90年代初我国逐步取消中小学 音美教育的后果。不会欣赏绘画 看到照相写实主义的就认为这就是照着照片画画 看到新古典这种带着金镶边画框的就觉得有档次 ，看到哥特的就喊受不了 看到装置就各种嘲讽。
但是我觉得未来的交互设计（人机界面）恰恰就是艺术/设计类人员最适合的工作。只是现在没有更人性化和自由的创作工具，换句话说就是还处于技术探索期，等到交互效果、互动环境可以更自由的进行选择和创作的时候，本质上交互设计还是属于视觉设计范畴的。

[soli]

请问，这个课程是什么形式的？时间怎么安排的呢？

合适的话，我也想学学。

[Elethom]

@Keinez
我認為並沒有說錯。

[Elethom]

@vimutt
交互設計和視覺設計並沒有什麼交集。

[Bown]

感兴趣，同问 授课形式和时间安排的情况

[thought]

已报名！上次css课程超赞！

[cad0420]

已报名。希望可以入选课程

[hayeah]

@vimutt

并没有瞧不起设计师。

文里说了：

“要成为真正的设计师，你需要长时间去培养美感，了解设计行业的文化历史，和未来的发展。”

短短几天的学习当然不可能有什么艺术或设计底气。我们只希望大家学了些常识，做出来的东西不再那么丑。

[hayeah]

@Bown @soli

没有固定时间授课。我们布置设计任务，让你通过实践来学习。

每天安排 1～2 个小时就可以了。

[seaify]

已报名，希望会有更多进阶版的课程。

[seaify]

最想学ios和响应式设计。

[lx7575000]

React native 和响应式设计，一定要带大家一起撸下react啊

[wd0g]

@Keinez 也没有一棒子打死的啦

[hayeah]

@lx7575000 一定会。我已经私底下在撸 React 了

[vimutt]

@Elethom 我可不认为交互设计和视觉设计没有交集 这话根据何来？

[vimutt]

@hayeah 我只是有感而发 并不是针对您那句话 所以指的是一类人，希望别介意哈

[mianju]

先报名再说> <,最想学ios。

[Elethom]

@vimutt
懶得解釋。

[CinderellaCiCi]

邮件已发，用的公司的邮箱，由于公司邮件服务器在反垃圾设置上还没有调整好，可能会进入楼主垃圾箱。望能收到邮件并通过~~

[hayeah]

@CinderellaCiCi 说一下公司的域名，我确认有没有收到

[Keinez]

@Elethom
我就贴一张图吧，抬杠并不是一个好习惯，作为设计师，虚心一点总是好的。

http://www.kickerstudio.com/wp-content/uploads/2013/03/ux.jpg

[gdtv]

没有Mac，只好闪一边看你们玩

[loveuqian]

请问是否有视频课程之类的？
很想学习，感谢

[chrisstyle]

已发申请，求过~ by chris.

[Bown]

邮件已发~
问卷我选1、2、3

[Elethom]

@Keinez
正是我想拿來證明觀點的圖。

[hayeah]

@loveuqian 我们基本上不做视频。偶尔有必要的时候会有些小的视频示范。

视频不是特别好的学习媒介

[axknightroad]

已发，求通过

[Runju]

已报名~ 话说预计开课时间是什么时候？

[vimutt]

@Elethom 你也就会这么说吧 真挺没劲儿的

[vimutt]

@Keinez 那傻小子根本就不是正规做设计的 你看他个人资料就知道了 他这种人就是我所说的 山中无老虎 猴子称大王

[Elethom]

@vimutt
@Keinez
哦。抱歉啊我還真就比國內九成以上的設計師強。時無英雄使豎子成名，真是不好意思了。

[vimutt]

@Elethom 成名倒没关系 承认是竖子就好

[Elethom]

@vimutt
關你屁事。

[Elethom]

@hayeah
原來是台灣人呀。一直覺得台灣的前端設計水平非常不錯，可惜 RGBA 放在了 Facebook 上而 Facebook 堅持不懈地 ban 我郵箱。

[vimutt]

@Elethom 山炮 哈哈

[Keinez]

@Elethom
@vimutt

两位别吵了。虽然我并不认为国内九成的“设计师”懂设计，但我也不赞同懂了交互设计会写代码就能妄自尊大。

设计之水深不可测，设计的根本目的是在解决问题的前提下把东西做得优雅得体，解决问题的方法多不胜数，却不光是会打嘴炮或者会画几个图标或者会写更多代码就能搞定的。

至于吵架，各位可以去看看以前我的发言记录。早先我也是个喷子，不过最近发现心平气和的说话却能让人思维更缜密。换句话说，从说话上开始注意细节，也自然能将这样的细节带入到设计里。

[zwhu]

赞，有兴趣

[Elethom]

@Keinez
並沒有吵，只是陳述客觀事實而已。當一個人對設計的理解僅停留在是否「好看」的層面上時，與他進行任何討論都是毫無意義的，因為我們不在同一個高度上。原研哉有這樣一句話：「設計師，應該是一個以設計的理念來生活的人。」當你不斷探尋大師在作品中各種細節上的考量並為自己的理解逐漸深入感到欣喜時，其他人卻在社區就一些無意義的問題吹水、試圖給他們並不理解的概念打標籤，這種落差就是會產生衝突的。本意只是糾正錯誤，避免給其他人傳達錯誤的信息，並不想參與討論。但在我用「懶得解釋」、「哦」、「不好意思」、「關你屁事」這樣明顯的表達方式拉開距離、拒絕爭執時，還被追著諷刺、謾罵、人身攻擊，那就只好抱歉了，不奉陪，老娘沒他那麼閒。

[FanAndXinran]

弱弱的问一句, 这个课程收费么...

[FanAndXinran]

sorry...免费迷你课程...大家忽略我...求删除...

[vimutt]

呵呵 和我扯知乎体一点意义没有 大爷根本不感兴趣 谈高度更没意义 我根本没看见你高度在哪儿，我只谈我的看法 你可以谈你自己的 别动不动说别人错与对 这世界的对与错是凭你一张嘴定义的？ 我说过设计就是停留在好看的层面上了？ 我没见过什么大师 也从不把大师放在嘴炮里攻击别人，我在社区就是表达我的见解 欢迎别人质疑 但是别装出一副高高在上的模样 另外，别tm没事儿at 别人 ，记住了 at别人 就要接受别人的质疑。一个娘们儿 气性儿头还挺大 都tm活人惯的 。

[hayeah]

@Elethom @vimutt 请你们两位就到此为止吧~ 都是我不好

[vimutt]

@hayeah 好的 非常抱歉 见笑了 2333

[Elethom]

@hayeah
抱歉，只是想糾正一下免得其他人受誤導而已，無意引戰。發送上一條回覆時就已經 block 了 @vimutt，並不會看到他的新回覆，這個人如此粗魯滿口髒話想必也不會提供什麼有價值的信息。再次抱歉。之前在一個設計群組內認識到 Kevin Li，見到熟面孔在做有趣的事情還是要表示一下支持的。 :-)

[Cee]

報名啦 :)

[hatcloud]

S已经报名了，顺便ketch完全没用过没问题吗？

[hatcloud]

上面一条中Sketch被无情拆散了....

[hayeah]

@hatcloud 在说冷笑话吗。。。

[hatcloud]

@hayeah 好吧，看来我得先把Sketch熟悉下....以前只用过PS

[bk201]

block了一位吵架的优越党，90%的设计师的老娘真是好厉害~233333
对楼主的教程表示有兴趣，但怕没时间

[johnnyhappy365]

刚学完express, 设计课就来了，好戏连连啊，哈哈。
报名去了

[soli]

已报名。^_^

[ledzep2]

一直都是码农. 创办过一些个网站. 都是自己设计的界面, 感觉有进步但还十分不足. 求报名, 希望能够得到专业人士指点. 从晚到早分别是, 应该可以看出一些变化...
porter.io
zao.bi
printyourmind.com
martby.com

[metalbug]

一张图片前面几个文字，跟设计有鸡毛关系？

[undeflife]

hackdesign.org

[GeekGao]

又开始了啊，支持！@hayeah

[ledzep2]

@undeflife 好站. 收了. 谢谢

[hayeah]

@ledzep2 你的网站都挺酷的呢~ 都是业余做的？

[ledzep2]

@hayeah 都是我的全职创业项目咯. 前两个我自己做的. 后两个和朋友一起.

[mianju]

@hayeah 邮件已发，坐等邀请

[bibizhang]

设计和开发都不是一件容易的事，相互学习共同进步是好事，不要争吵。

[stonestyle]

@bibizhang 楼上正解。另外支持 @hayeah 加油！

[fkue0487]

肿么办。CSS的还没看完。

[hayeah]

@stonestyle 感谢支持！

[hayeah]

@bibizhang 嗯，其实很多申请这个课程的小伙伴都是希望能多了解设计概念，方便和公司的设计师沟通

[hayeah]

@fkue0487 没事，下周才开始嘛~ 这周加把劲把 CSS 搞定

[diandian0]

@hayeah 报名

[zongwan]

经过此贴不小心一个抖索 ban掉了比九成设计师强的高手...
码农学设计是有好处的
我为3D和平面设计开发过小工具
写过fireworks的脚本,3dmax渲染脚本
自动启动上传素材工具,下班后挂着就行了
提前了设计师同事的下班时间,节约人工成本

[hayeah]

@zongwan 哈哈。。。节省了这些繁琐的工作应该表示可以再做更多工作啊，怎么就下班了？

[barbery]

444444444444444444444
要求响应式设计

[CinderellaCiCi]

@hayeah 您已回复我啦~ 谢谢~

[cornelia]

报名了!

[cornelia]

补充,问卷:3333!

[hayeah]

@CinderellaCiCi 好的，有收到回复就好

[chairuosen]

设计师分两种，一种会用PS，一种会用PS设计。
但是外行分不出他们两种，因为看起来都在用PS作图而已。
码农同样也是这两种

[Durandal01]

@hayeah 我发了邮件可是没有收到回复……

[jamev5]

已报名

[whistle]

已报名

[ALeo]

讲了那么多还要顺带黑一下PHP。。。

[costan]

@bk201 小白求教这么block人啊 。。。只看到隐藏那个按钮的说
同意观点 做事情做出优越感没问题 到处炫耀就是嘲讽了

[costan]

@bk201 啊 知道了 哈哈在个人主页哇
不过看了她的推特 知道大概是什么人了
阿门~

[Elethom]

@costan
哦。那我換一種程序員能理解的場景吧：
問：怎麼解析 XML？

- 用正則。

- 正則不應該用於解析 XML，請用 XPath。

- 我可不這麼認為，你說 XPath 哪兒來的？

- 懶得解釋。

- 你也就會這麼說吧，真沒勁兒。山炮，哈哈。

你覺得這種人自己錯了還冷嘲熱諷加人身攻擊，我應該跟他好好講話？

[hayeah]

@ALeo 实在忍不住。。。我这个性，难怪没朋友