一、前言

        最近总是听说周边的同学纷纷被辞职，那么最让人头疼的问题来了，那就是找工作。大家在今年这样一个经济严重缩水，行业一度消糜的大环境下，人人一说找工作便闻风色变。究其原因，一方面是互联网不景气带动就业形势严重缩水，另一方面是由于个人技能不够优秀，不足以在同行业的竞争者中脱颖而出。今年就业形势最乐观的职业应该是H5前端工程师了吧？？对于这个新的闯入者，C 程序员、Java 程序员们纷纷表示：兔子尾巴长不了，看你们还能火几天。但是前端不管不顾，依然很火。如果你问现在最火的程序员职位是什么?我不得不告诉你，是前端，优秀的前端!前端已经取代了前几年红得发紫的移动开发者，成为程序员中的新贵!

        现代互联网技术的成熟导致了技术分工的极度细化，一个技术团队往往会包括前端、后端、设计、安全、运维、架构、测试等各种职责，尤其是前后端分离的技术实现，像关老爷手中一把锋利无匹的大偃月刀，彻底切断了前后端程序员的联系，只剩下了 HTTP。优秀的设计师和程序员统治着网络–毕竟是他们创建的网站，而那些创建最好玩和最有用的网站的人，往往都是两种技能兼而有之，他们可以将两种完全不同的视觉语言和技术语言运用自如。有人曾说“设计师不一定会写代码，但是写代码的人还是能做些的工作，只是没有设计师那么精通”，那么一个好的设计师是否也要懂一些编程的知识？

        会设计的程序员和会编程的设计师是最抢手的，尤其在创业公司中。能够掌控所有的环节能让你的产品快速高效的从概念变成产品–这是很多年轻的公司尤其需要的。这些综合型人才在获得一些经验后也能成为优秀的产品经理。所以，如果你是一个除了写代码之外还想有作为的黑客，或者如果你是一个想要有更多开发的设计师，你如何能从仅是一个领域的专家变成一个电子领域的“瑞士军刀”呢？下面小编从以下几点阐述编程如何成为UI设计师不可推卸的责任。

二、编程与设计在工作中的衔接

设计师是否应该学习编写代码是个充满争议的问题，一个老生常谈的话题：

                              设计师到底要不要写代码？

              要。因为这样可以更好地与工程师沟通。

       不要。因为一个人很难在两个领域上都成为顶尖。

       每当我看到很多设计师对HTML和CSS基础一窍不通的时候，都禁不住有些失落，不要误会我的意思，我没有鄙视的意思。一个精通Photeshop的设计师，在跟一些简单的HTML或CSS标签打交道的时候感觉很吃力，这听上去非常别扭。你肯定不会把“我是个设计师，我对HTML和CSS一窍不通”这种话当成一种炫耀。不管怎么说，这种情况存在争议，有人赞成不学习HTML和CSS是因为它们不像Photoshop那样具有很强的创造力；但是当这和学习编码的优势出现矛盾的时候，这些争议就明朗了。

1.设计师不谙编程带来的问题

       我们假设一下，这是个美好的世界，和平永存，对于设计师来说，图片的导入过程很简单，并能够把它轻而易举地转化成一个引人注目的网站或App。但是现实世界很少出现这种情况，你需要先使用Photoshop把图片设计好，再通过Dreamweaver或类似的工具把这些图片转换成网站的前台，由于设计师认为HTML和CSS不在自己的工作范畴之内，因此，设计师需要和程序员协作按时完成项目。

       这就是最基本的团队合作，某个团队成员的缺席，整项工作就都无法开展。如果设计师可以扮演兼职的开发人员的角色，保证工作按时完成岂不是更好？实际上，我想说的更极端一些，每个设计师都需要有编码能力。并且，学习HTML和CSS基础也非常有趣，这意味着，你没有拖延学习的理由。相信我，你不会后悔学习HTML和CSS，永远不会。

2.编程是设计师不可推卸的责任

       并不是每个设计师都能那么幸运，一些设计师不仅要完成登陆页面设计的工作，还需要在项目中承担起协调的作用，并且有时候，老板相信设计师们有把所有想法呈现在浏览器中的潜力。相信我，这并不是一件糟糕的事，你只需要一到两个月时间钻研HTML和CSS，就可以让你的简历更加出彩。说实在的，CSS虽然表面有点复杂难懂，但是CSS所展现在页面中的效果会让你的设计大放光彩，所以你在元素的位置上花些功夫，是非常值得的。

三、设计师会设计又会编程的好处

1.完善的知识体系让你的设计可行性更强

       大多数用户都会抱有这种观点：设计师精通编码，这意味着，他们希望参与开发过程以期得到满意的结果。这听起来是个好主意，但是作为设计师来说，你不得不应付更多的干扰，更甚者，还可能需要忍受荒谬的建议，这些建议很有可能搞砸整个设计过程。但是如果你有相关的HTML和CSS知识，客户便不敢对你随便指点，项目也会按期完工，多方皆大欢喜。

2.完整的创作过程

       把编码和设计过程拆分开来，不可避免地会出现开发人员胡乱对待设计问题，因为开发人员认为在调整色调或更换渐变效果这样的小问题上没有必要去打扰设计师。所以说，最完美的解决方案就是设计师能够提高编码的能力，这样会大大提高工作效率。

3.为项目节约时间

       由于你知道把网站的哪个部分做的更有创造性，在使用HTML和CSS进行设计的时候就会留心。这些工作你都得心应手，这就意味着，整个设计，编码成HTML的过程会在最短的时间内完成。而且，如果你一个人完成所有的工作，就不用在文件传送和让其他人参与开发上浪费时间了，整个过程对你来说轻而易举。

       设计师难免会遇到一个很尴尬的问题，很多自己钟情的想法只能停留在图纸中——即使你可以传到Dribbble，可以收到上千的赞，它们也还是停留在图纸中。工业设计师、建筑设计师、景观设计师要避免这个问题需要花费难以想象的成本，但UI设计师或者互联网产品设计师相对而言要幸运很多，因为只要他们会写代码，有些想法完全可以凭一己之力实现出来然后对外发布。如果恰好站在风口，也许还能一不小心改变世界。

       独立开发的魅力在于，一个人可以掌控一个产品的全部。独立开发的产品不再是作品集上的概念，而是一个会成长的生命，会不断地迭代；是一个实验室，可以验证某一个新鲜的想法；是一块自留地，是一位设计师的价值观外显。

5.程序带来的惊喜

       人本能的有一种情感：渴望用自己双手创造出美的东西。亲手构思效果，亲手触摸到材料，亲手搭建架构，这种对触觉的渴望一直存在于我的骨子里。你如果仅仅把自己定位成一个狭义上的设计师，那了解编程是为了更好的工作；但如果你认为自己是一个创造者，那么制作的技能与工艺则是本身就必须具备的素质。当自己最初的设计理念因为程序的注入而带来了生命，而设计又给程序赋予了躯壳，有了可交互的表现形式，让它更近乎于艺术品，我想那种惊喜是任何东西都替代不了的。

6.为以后的求职路带来源源不断的机会

       如果你想让自己拥有更强的竞争力，你需要同时拥有设计和编程的能力。没有人会喜欢开发人员完成的工作，而把奖励给予设计师的这种想法；这就是为什么拥有编程能力的设计师会大受欢迎的原因。

四、设计师如何学习编程

       每个人都会有自己的学习方式，我个人喜欢模块进阶化的学习计划，因为特别适合初学者，并且这种方法会让你基础夯实。比如我决定做一个具体的网站，那么我会先学习H5和CSS了解基本原理，这样我就可以搭建静态的页面；然后就是学习JS，这样我就可以赋予页面交互；接着一个接一个地实现自己之前所构想的产品功能。这种方式的缺陷在于知识架构会比较松散，但是对于从未接触过编程的人来说，这种模块进阶的学习方式会让你更轻松。

下面给大家推荐几个学习编程很好的网站：

1.http://www.w3school.com.cn/    网站技术参考手册

    对于初学者来说这里大家可以很全面的了解编程全部的知识点，以及一些规范，网站针对每一个功能点都伴有相应的示例，学起来会很轻松。

2.http://www.jobbole.com/    伯乐在线

    一个综合性的网站，想了解前沿动态可以看看这个网站。

3.http://www.imooc.com/      慕课网

    这是我个人特别喜欢的一个网站，我的编程基本都是在这里学习的。慕课网最大的好处就是可以实时输入代码验证自己所学知识，因为人的记忆都是有限的，好记忆不如烂笔头，学习编程最好的方式就是不停的写，一遍一遍的写代码，让代码烂熟余你的心里。另外该网站会有视屏授课，有些是需要花钱的，毕竟天下没有免费的午餐。

4.感兴趣的小伙伴可以上网上搜相关网站，这样的网站很多，可根据自己喜好选择。

对于前端编程的开发工具也有很多，向大家推荐三款比较好的工具：

1.hbuilder

    hbuilder是国产的一款前端开发工具而且是免费的，对于英语不好的前端工程师是一个不错的消息。

2.sublime text

    sublime text是一个轻量级的编辑器，也是支持各种编程语言，sublime text所有的强大功能都是支持插件的，而且快捷键十分的好用，可以极大的减少开发的劳动程度，使用sublime就是要使用其快捷键和插件。该软件的优点的轻量级但是功能强大，缺点是对于项目的管理等不是很方便，代码提示不如hubuilder强大。

3.DW即dreamwave的缩写

    这是一款很经典的前端开发工具了，以前人们使用的是它的可视化开发工具，但是现在它只能是作为一个代码编辑器来使用的，当然一些可视化的功能现在也可以用，如要插入Flash视频等还是使用可视化简单一些，毕竟不是所有人都能纯手写那些意义不大的代码，优点是人们熟悉稳定，支持一些可视化的插入操作，缺点是代码提示不好，不能进行快速的开发只能是作为学习使用。

五、最后

    多学点从来不会是坏处，但编程从学习到能实际产出写有用的东西其实是有很长的路的。何况IT方面技术更新略快，很多专职编程的都要不断学习新技术才能保持竞争力。

    设计师学编程比程序员学设计要难多了，至少从门槛/成果上来说是这样。设计是个比较虚的东西，人人都可以做出一点，只有好坏差别。程序是很实的，水平不够压根就是直接出不来成果，别提比较成果了。但是设计和编程本身就是两个不同的工作形式，一个侧重于想法，一个侧重于逻辑，只有各有所长，但是如若都了解对方，能够理解对方的设计或者实现，才能够将两者的优势都发挥出来，达到1+1>2的最佳效果 。

    不管你是交互设计、平面设计、用户研究员，又或者你自诩为一名产品经理，请花些时间学习一下编程吧。放弃那些所谓的恐惧、自尊和无休止的抱怨，今天就开始！如果你能掌握颜色理论，如果你能理解视觉层次，如果你可以从用户的行为中总结出有价值的信息，那么你没有理由学不会编程。