网页设计师需不需要懂代码？

今天小编就给大家整理了网页设计师需不需要懂代码？，本文共3篇，希望对大家的工作和学习有所帮助，欢迎阅读!

在一个网站开发中，网页风格设计和前端的布局代码(比如用CSS，HTML)是分别是由美工和前端开发人员完成的。两者之间泾渭分明，在业界，几乎也从没有逾越这个界线。当然，这个问题的答案就需要仁者见仁了。 设计师理所当然地认为不需要懂任何编程语言。设计工作仅仅是把图像里的漂亮像素组合在一起。但是，许多有才华的人都纷纷都花时间去学习设计和编程。在今后的工作，我们会讨论一些该话题的观点，也许能从中找出网页设计师找出两者之间的平衡点。

问题 在理想世界里，我们能创建图片，并且轻易地把它导入到程序中，之后编译到网站，桌面应用程序。可悲的是，事情并非这样简单，这并不是任何地方都会发生的。目前，网页设计是和开发人员必须并肩作战，才能做出漂亮的视觉效果以及满足功能的项目。 因为当几个专业人员一起工作时，合作关系很重要，大家会去注意谁的技术更过硬。但是，这个界线应该如何制定呢?这完全取决于你的团队和个人情况。

我认为，那些能熟练地做出漂亮的网络图片的人应该能够懂得，甚至是很少的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代码知识。首次开始设计时，很难同时兼顾这两个方面。但是过几个月，你处理起来就会得心应手。

[网页设计师需不需要懂代码？]

注：本文所说的视觉设计师专指网页视觉设计师，

网页设计师与平面设计师都归类为设计师，其实这两个职业是跨行业的，虽然有很多设计师一直在跨行业工作着。这两个职业的最大区别应该是在思维上，对于平面设计师来说，天马行空般的创新思维很重要，他们需要的是在一张白纸上勾画出符合客户需求的绚丽创意；而对于网页设计师来说，更多的是需要考虑创意在网络上实现的成本以及可能性，天马行空般的思维成了次要的。

这也就是为何很多时候，网页设计师去做平面设计师的工作要比反过来容易得多。也许可以用这样一个比喻来形容：网页设计师去做平面设计师的工作就像是放开圈养在马棚里的马，也许没了撒野的能力，但还能奔跑；而平面设计师去做网页设计师的工作，则更像是原本狂奔的野马突然被圈养在马棚里，框架的束缚会让野马变成手足无措。

回到标题提出的问题，为什么视觉设计师需要懂HTML？

HTML就是那束缚野马的框架，

任何天马行空的创意都需要限定在这个框架之中，并非是创意无法实现，而是需要考虑实现创意的成本。

对于平面设计师来说，画面是设计的核心，画面就是他们所想要表达的内容；而对于网页设计师来说，画面则是用来衬托内容的一种形式，内容才是网页设计师所要表达出来的核心。

相对于平面设计的单一性来说，网页设计更多的还有注重设计的可重用性。每个网站都是由很多的页面构成的，而这些页面中的样式大部分都是可重用的。

如果视觉设计师不懂HTML，不能准确的分析一个网页的结构，那将可能给开发的成本带来很大的提高。而互联网产品的一个特点是更新迭代的时间快，如果投入的成本过高则会影响更新迭代的速率，最终将会影响到产品的发展。

最后说一点，如果视觉设计师不懂HTML，那对开发人员来说，则是一种灾难。

来自：www.prower.cn/technic/1465

本人背景：从小学习绘画，到现在十几年了，所以美术素养还行。平面设计专业本科毕业。但毕业后两年到现在从事和设计不相关职业，现在想转型做设计，故设计相关工作经验欠缺。

熟悉PS、AI、CR等设计软件。但不会CSS，JS之类的。

目前接到一个公司的游戏网页UI设计师的面试通知。

想请教一下，面试内容一般会是什么、需要准备什么，谢谢

[网页UI设计师面试内容主要是什么及主要需哪方面的技能？是美工多一些还是写代码多一些？]

★

★

★

★

★

★

★

★

★

★