程序员想学设计

果断加入收藏

写给大家看的设计书

关于跨界：
设计师其实学习编程和基础前端代码（况且先定为html和css），其实也不是很容易的事情，越是有能力的设计师（纯设计师），感性思维很重，要理性思考很多东西也是很难的。对于大家，可以拿一个入门的设计师来作例子，开始也是需要尽可能地多参与设计，就算是飞机稿（业内主要是指非商业化的设计，通常也指自娱自乐的设计和被老板砍掉的设计）也好，当成一个兴趣去长期关注和练习是非常必要的。
关于学习
1、看平面广告是非常好的培养审美的开始，主要是杂志和历届广告奖项获奖作品等。好的平面广告在创意上、执行上（主要是包括具体的绘图，素材的描绘，上色，摄影，以及后期处理等最终成品经过的实现工序）已经包含很多可以学习的地方，仔细去了解一个平面广告的创意和执行，对从创意诞生到上街（相对于飞机稿）的过程可以有很完整的理解，从中可以深刻体会一个细节设计背后的完整的故事，也会对整个市场，包括营销的手段和概念有比较多的积累（当然，这点已经超出学习基础设计的范围了）。
2、看视频广告，视频广告是非常棒的学习资源（国外的优秀资源比较多，关于这个，本人无力吐槽了），从平面到立体，完全是进化的过程，不过看视频广告大多积累创意多一些，介于视频无法很好作静帧的学习，也很少有介绍花絮的资源。（本人正在写一款以设计师和插画师等喜爱优质创意视频资源的webapp，希望大家以后能够关注，mark）
3、玩游戏，玩好游戏（个人强烈推荐）。为什么玩游戏，因为游戏被说为第九艺术，关于这个，倒不是说游戏多么伟大，但是游戏的创作确实是集合了基本所有我们见过的视觉元素和营销手段：UI、故事版，插画，后期，摄影，视觉艺术，创意，新媒体，广告，硬件设计，软件设计，游戏编程，关卡设计，配色师。。。列举不完啊，好的游戏，她的视觉元素是足够丰富来学习的。例子一：最终幻想系列的logo设计(Final Fantasy，:ファイナルファンタジ,www.square-enix.co.jp)；例子二：最近的LINE的附属应用LINE PLAY的视觉设计和插画设计，以及虚拟角色的动作设计；例子三：马里奥经典游戏的像素视觉风格。等等这些。但前提是好游戏（垃圾游戏让你沉溺于无聊的任务和通宵的黑色幽默，更可恶的是在视觉上糟蹋你。）
4、看相关资料和书籍，关于设计的理论性的东西，我倒是建议大家浅尝辄止，可以看一些外文书店的设计杂志（不过建议大家从网上获取，因为设计书籍的价格确实不是一般人能长期购买的，基本上百元至千元一本），一些日本设计师的书籍也可以看看，反正都在畅销书，很容易看到，老派的对我影响比较大的应该是 鲁道夫 阿恩海姆 的《艺术与视知觉》。艺术重在修养啊。关于工具类的书，这个就不想推荐了，学习工具只要用心，都是很快的事情，工具和语言一样只是基础，重在运用，重在创作和创意。
5、多做多交流，不要怕做得烂，可以自己自娱自乐先，同时找到真心愿意分享设计学习经验的朋友一起沟通，这样能让你反思你的设计，让你有新的灵感。不过这个在国内确实圈子很少，也很小，设计圈相对来说远比程序圈要浮躁得多，这个，能够有设计同好一起也非常高兴，如果有一个比较好的圈子，希望大家一起来努力。（dribbble是个好例子啊。。。-_-||| ）
以上简单分享了一些个人经验，希望楼下的补完～

@squallsdjl 不能感谢两次真可惜...

@luin 深夜路过，share一杯咖啡的时间而已～

我主要做设计,web向..UI,网页,偶尔也做一点平面的东西...
CSS和HTML入门级别.JS懂很少;所以如果前端忙的话,我也相当于半个前端.

经常会有的情况,一个稍微复杂的需求,
1. 我先看着需求和材料在纸上画草图,然后和需求提交者就着草图大致交流一下我的理解和想法.
(0.5~1天)
2. 方案定下来以后,稍微再晚上一下草图,就开始在PS上做效果图.初稿完成以后,再和需求提交者交流.
(1~2天)
3. 一般重要的提案.手绘图和PS图加起来起码改20个版本.然后才开始用代码实现.
(1~3天)
4. 我只负责写页面框架和样式,复杂的功能交由专业的前端来做.然后集成.
(1~3天)
5. 之后还要和大家就beta版进行讨论,提意见,做微调.
(1~3天)
耗时在一周到两周不等.

公司的前端(也做后端),看我做设计,兴趣来了,也自己去翻翻PS,配色之类的书籍.但是没多久就放弃了.

-------------------------

通过这两个故事,我想表达的是:
1. 设计(把构思变成作品)是一件很费时费力,很繁琐的事情;
a) 如果事先知道页面要由自己来实现.我会把功能和元素设计的竟可能简单,毕竟自己变成能力有限;
因为任务的转派涉及到工时,沟通和代码风格的问题.
所以,性价比是1+1 < 1.最终还不如专门指派一个人来负责实现来的高效.
b) 由于"职业病",我在PS上可以为"1像素"差别纠结整天;或者把做好的button set微调,重新切图.
我在写网页的时候也会为"1像素",颜色,padding,margin纠结一整天.调来调去.
这样的结果是耗费大量时间和精力在一个任务上,耽误了其它事情.
所以,让设计师去做开发,或者带着设计师的思维去开发,一定会步履维艰.
建议: 在决定学设计之前,你要确信自己有足够的耐心和时间.

2. 灵感与天赋很重要.
最简单的例子: 同样是衣服,有些人觉得穿上就行,并且不会觉得有何不妥.
而有些人却懂得颜色,样式,形状的搭配.
设计的很多东西都可以通过书本和练习获得.
但是拘泥于准则和标准会让作品变得毫无活力,缺乏个性.
所以,不要老问我为什么要那么多留白,为什么字的颜色不是#000000.
因为我觉得这样就是不好看.
建议: 可以画个简单的静物,或者发几个自己写的网页的URL给做设计的朋友.
让他们看看你的设计是否及格.这可以直观的判断你的美感.
这种美感(天赋)就是你学习设计的基础.
你的审美得到了大家的普遍认可,所以我觉得漂亮的东西大家都会觉得漂亮.

3. 思维方式.理性和感性.
设计师偏感性,是视觉动物;而程序员偏理性.
同样一张页面,
设计师首先看到的是整齐与否,颜色是否搭.字体用的对不对.是否适合阅读,是否突出主旨.
程序员首先会寻找自己需要的信息.对潜在的BUG一番吐槽.可能还会说:"这网页真乱."
个人体会:
当我尝试理性地去设计一张页面的时候(严格遵循实践各种设计理论),结果就会一团糟.
因为我不停地在思考理论上应该怎样怎样,变得畏首畏尾.
其实我只要凭感觉就行了.恩,这样,这样这样,完成.
设计没有绝对的对错好坏之分,而程序一但出错就导致各种各种的结果.
建议: 感性做设计,理性做编程.我做不到.
你做的到么?

-------------------------

吐槽: V2EX真是个典型的程序员社区,字体可不可以不要那么黑,行间距可否再大一点.
顶部的工具栏做的很简陋啊.
文本区域底部的bevel倒是有点感觉.

@squallsdjl
@vivianalive

非常感谢两位码了这么多字，回答的这么到位

楼主先动手给自己设计个头像吧～

不管是不是程序员，学设计都要慢慢做才行啦，好像任何学问都是要不断的挑战自己一点点才能进步的快，我觉得web程序员一般见到优秀设计的机会比较多，所以潜移默化对品味也有影响。

死了这条心吧。人家那都是童子功。。。




























还没死心？

那就先砸出 1000 个小时来，这件事没有捷径。得从素描开始吧，可以网购老外写的美术入门书，千万不要买国人写的（本来挺有趣的一件事，能搞得你兴趣全无）。别跟我说什么 photoshop ，那些东西都是皮毛。

本人亲眼看见一个学美术的哥们硬是用“画笔”弄了一幅很漂亮的手绘漫画出来送给女盆有当礼物，“画笔”啊XD，从此我就不玩 photoshop 了。

程序员也还是有机会自己做设计的，当然成为专职设计师就除外了
website的话，其实最重要我感觉应该是排版，缺少美术功底，但是多研究好的站点的排版，字体等等，其实还是可以做出不那么难看的东西来。等到项目成长的一定程度，再去找专业的人专门做专业的事。
比如豆瓣？

但是有一点确实是必须的，那就是你得具备基本的审美能力。否则完全木有办法的。

俺也是和lz同样困惑的人，俺认识的人中有两个同学是非常优秀的设计师，俺和他们组合就是6l所说的实现（前后端），俺也一直揣摩他们的设计思想，尝试在设计的路上能够迈出第一步（脱离丑陋），可是基本上是没太大进展，感谢3l和6l的指引

工具：
Photoshop+Illustrator，偏向平面搭配InDesign，偏向Web搭配各类编辑器或者Fireworks（较少见）。
一般来说Photoshop+Illustrator可以完成绝大部分的平面工作。

有关基本的美学培养和设计能力：
楼上的各位说得差不多了，我就补充一些吧。
这个真的要靠时间和量去堆砌。大量的观察和模仿大师级别的设计，摄影，注意生活，从生活中发现灵感，辅以不断的练习。

如果你想学平面设计，你要学什么：
- 基本的平面设计原理和规则：大部分设计院校和设计书籍都会教，不过教的透彻的很少，后面我会列一些资源，也欢迎各位补充。
- 排版和字体：这是非常重要的部分。一般而言设计是为了信息服务的，信息的表达可以脱离图像，但是不能没有文字——你可以只用文字和排版完成一幅惊艳的设计。
- 色彩搭配。
- 手绘能力：可选，当然画得好一些的话，不想做设计的时候自己也能画点画。另外的好处是具备PC所没有的原型绘制/修改速度，而且即便脱离电脑也能保有相当的工作效率。如果没有基础，建议练素描和速写，推荐国外教材。
- 摄影：玩转了上面的东西可以考虑考虑。

下面是一些资料：
*具体地址请Google，手机实在不想打地址了*
- Dribbble & Behance & So on...
- Before & After，电驴有PDF资源
- 网易公开课（基本的软件操作）
- 《美国视觉传达基础教程》（没看过，不少人推荐）
- 《设计元素》（还可以）
- 一本近似于设计规则字典的东西。最近我一直在看《平面设计的语言》。
- 偶尔我会去Stack Exchange的Graphic Design节点淘东西……
- 最后，设计书这种东西，排版差的直接可以扔了……

这个事情不好整。很难。不过有志者事竟成，拿出20年来多多实践先。

程序员如何做出“不难看”的设计 http://www.douban.com/note/245966736/ 这篇文章挺不错的

http://hackdesign.org/
这个是你需要的.