网页设计师到底要不要懂代码？

摘要：网页设计师到底要不要学写代码？这个问题很有趣，但是却很少被大家提及。因为在一个网站开发中，网页风格设计和前端的布局代码（比如用CSS，HTML）是分别是由美工和前端开发人员完成的。两者之间泾渭分明，在业界，几乎也从没有逾越这个界线。当然，这个问题的答案就需要仁者见仁了。不过，你可以阅读下文，或许你能从中找到一些启发。

这是个有趣的话题，不过网页设计师们却很少讨论这个问题。以Photoshop作为起点难度大，在完成第一个项目之后，你会感觉兴奋又紧张。但是，如果你不会写代码，网站的原型设计的用处又有多大用处？

设计师理所当然地认为不需要懂任何编程语言。设计工作仅仅是把图像里的漂亮像素组合在一起。但是，许多有才华的人都纷纷都花时间去学习设计和编程。在今后的工作，我们会讨论一些该话题的观点，也许能从中找出网页设计师找出两者之间的平衡点。

问题

在理想世界里，我们能创建图片，并且轻易地把它导入到程序中，之后编译到网站，桌面应用程序。可悲的是，事情并非这样简单，这并不是任何地方都会发生的。目前，网页设计是和开发人员必须并肩作战，才能做出漂亮的视觉效果以及满足功能的项目。

因为当几个专业人员一起工作时，合作关系很重要，大家会去注意谁的技术更过硬。但是，这个界线应该如何制定呢？这完全取决于你的团队和个人情况。

我认为，那些能熟练地做出漂亮的网络图片的人应该能够懂得，甚至是很少的HTML/CSS内容。如果你从未接触过开发语言，那么刚开始的时候会很困难。但是，给定几周的时间去学习，任何人都能学会HTML/CSS的基本知识，并且今后你绝对不会后悔学习这些内容。

你的责任是什么？

如果你只靠一个成功的设计作品，就侥幸得到一个不错的职位，这是非常走运的。大部分项目经理认为每一位网页设计师都应该去了解前端开发语言，这样才能把他们的想法付诸到浏览器中。正都如前面所说，你可以从零开始学习HTML，几周之内就能掌握基本知识（也许1到2月，这要因人而异）。

CSS要麻烦一点，你需要明白其中的定位元素。虽然，完全吃透这些概念可能花的时间较长，但这些都是网页布局必备的。我相信大多数已经了解了这些前端开发语言的设计师们会拍着胸脯说，相比只进行图片处理，这对自己是一个重大的提升。

网页脚本

前端网页开发语言一直被认为是动态内容的灰色区域。JavaScript是最受欢迎的脚本语言，支持当下所有浏览器。不过网页设计师却觉得不需要去学习它。但是，这种异常强大的语言可以为你的设计增添灵性。

为了提升库结构的普及程度，比如jQuery学习起来就非常容易。事实上，大多数网页设计师根本不会写JavaScript，jQuery容易得多，只需很少几行代码就能处理相同的任务。但是，我必须得承认它的语法结构比HTML或CSS更像是编程语言。

如果你真的有兴趣挑战前端代码，可以花时间去学学jQuery。这对你以后加入创意团队是非常有利的条件！这年头，既能进行原型设计，又能编写动态页面代码的网页设计师是非常稀罕的。通常，设计和代码是分别由设计师和前端开发人员完成的。

但是，学了这些编程语言，你在展示自己时，可以同时充当设计师和开发者两个角色，这会为你加分。

慢慢来

如果你是刚加入这个行业，没有任何网页编程的基础知识。那么会异常困难。不要在第一天就期望用HTML语言建立你的网站！在你记住常见的网页元素和CSS属性之前，你要花一点时间去专心学习才行。但是，一两周时间足以让你读懂HTML。

不要忘记，你是要创建一个合适的网站，同时还要遵守语义规则。如果有比网页设计师不懂写代码更糟的事，那就是网页设计师的代码写得很烂。

HTML5的最新说明非常易懂，建立文档大纲也更容易。我们收集了一些HTML5的网站模板供大家免费下载，其中的源代码可随意修改。一旦你掌握了HTML中基础知识，这会对你的学习是莫大帮助。深入了解 同行业的专业人士的代码可从中学到一些布局的技巧。

自由职业的稳定性

如果你只会使用Photoshop进行布局设计，客户也没有花钱请前端网页开发人员写代码，仅凭一己之力是无法接手这个任务的。这样就会导致你的利益受损。

我自己从事过许多自由职业。我最乐于接这类客户的活儿：在基本的网站设计中用到非常复杂的JavaScript脚本语言实现动画或下拉效果。我现在工作中掌握的大部分技能都是通过自由职业期间所学到。现在通过google可以搜索到许多这样的资源，比以往任何时期都多。

但是，即便你对自由职业不感冒，依旧钟情于为设计机构工作。当你创建了一个网站原型图，但它并不能准确反映出网站的界面元素时，问题就会接踵而至，团队中的开发人员会提出更改，项目也会处于长期中断。

工作流程会被一些莫明奇妙的小事打乱。在Photoshop中和HTML/CSS中进行开发会加大了你对最终的成品控制力度。这为PHP和JavaScript开发经验的开发者带来了机会，他们可以用HTML作为模板写出更多的定制的脚本。

未来目标

最终，“设计师究竟应不应写代码”这个问题的答案是因人而异的。这也是提出这个有趣的讨论的原因。你需要考虑今后的目标以及代码对你建站是否有帮助。

你可以从事的设计工作有很多，比如从事跟品牌元素相关的标志，矢量图，图标，吉祥物以及其它产品的设计。但是，即使是数码画师也希望有一天建立属于自己的网站，这时候，你所储备的HTML知识便于建站。

如果你希望了解更多该话题，可以点击阅读我们之前的文章《设计师应该如何写代码》。再次强调，这都取决于你的个人偏好以及产品设计的需求。

总结

到底学习哪种技能，怎样强化你的知识，这是问题都留待你自己考虑。现代网页设计师几乎都被认为有一定的HTML和CSS代码知识。首次开始设计时，很难同时兼顾这两个方面。但是过几个月，你处理起来就会得心应手。

希望本文能对你有帮助。