网页设计师应该了解HTML和CSS吗?

WebFX总统。Bill在互联网营销行业有超过25年的经验,擅长SEO, UX,信息架构,营销自动化等。William在希彭斯堡和麻省理工学院的科学计算和教育背景为MarketingCloudFX和WebFX的其他关键研发项目提供了基础。

网页设计师应该了解HTML和CSS吗?你坐在办公桌前,刚打开的一罐苏打水发出的第一声嘶嘶声还在你耳边回荡,这时你的新员工走了进来。你的设计公司很小,但刚刚开始成长,你刚刚招了一个新的网页设计师。他不是特别有经验,但他有良好的教育背景,有一个小但令人印象深刻的作品集,而且在工作面试中聪明、有风度,显然知识足够渊博。

然后,在午饭前,你无意中听到他和你唯一的另一名员工的谈话。“我真的不知道怎么把HTML和CSS写得那么好,”他小声说。“在学校,他们教我们切割ps设计,并在Dreamweaver中调整它们。

这对我来说很有效,但如果你让我亲自动手写代码,我会觉得很不舒服。”你设法不把汽水罐掉到地毯上,然后偷偷溜回办公室,想着该怎么办。解雇他了吗?雇一个懂代码的人,让两个新手一起工作?

指望你的资深员工帮他解决问题,而你却从高层抽打鞭子?这篇文章讨论了网页设计师是否需要了解HTML和CSS的争论。在大多数情况下,我将参考网页设计行业人士的想法和意见作为话题。

编码还是不编码:说真的

对HTML/CSS一窍不通的网页设计师并不像你想象的(或希望的)那么罕见。2010年2月,作家兼设计大师埃利奥特·杰伊·斯托克提出了这个问题,这已经不是第一次了通过Twitter说:“说实话,我很震惊,在2010年,我仍然遇到不会编写自己设计代码的‘网页设计师’。没有借口。”编码还是不编码:说真的斯托克的言论在推特上引发了一场争议风暴,很快转到他的博客,并激发了其他博客的回应。

许多设计师和业界领袖人物,包括杰弗里·泽尔德曼,他曾经真正的网页设计师是写代码的。一直都是,永远都是。——同意他的观点。编码还是不编码:说真的但令人震惊的是,有相当多的人表示对HTML和CSS的了解不是必要了。

写完他的自己的需要关于这个话题,SitePoint的作者和博主克雷格·巴克勒发表了一篇文章民意调查他问:“网页设计师应该编码吗?”绝大多数受访者(70%)认为“网页设计师应该具备良好的HTML和CSS编码知识”。一小部分受访者(25%)认为“基本知识足够了”。只有一小部分(5%)的人说“一个好的设计师即使没有编程知识也能做出很棒的网站设计。”巴克勒写道,他惊讶地发现,“有相当大比例的受访者表示,良好的编程技能是必要的。”我吗?我吓掉了汽水罐。

反对对编程技能的需求

许多支持网页设计师不知道如何将他们的psd编码成HTML/CSS的观点与Jay Fanelli的观点一致写了回应斯托克的推特:

“如果你是一名程序员,并且一直保持着出色的编程技能,那就太好了。如果你是一名最近开始学习编程的设计师,我为你拓宽技能的努力鼓掌。但你要明白,这已经没有必要了。”

设计师斯坦·格拉博夫斯基在回应斯托克的博客文章时,对于设计师来说,知道如何设计,并在设计团队中与程序员一起工作,比同时知道设计原则和代码更重要。

程序员Spicer马修斯评论他说,网页设计师应该具备一些编码技能,但他认为“他们有权说‘不,他们不想与代码打交道’。”王牌设计师马克·博尔顿(Mark Boulton)带着跨栅栏设计的“视情况而定”回来了。博尔顿称编码能力是“网页设计的一个很小的方面”,而实现要重要得多。他发表了一个强有力的论点,我并没有完全否定它。(首先,他比我更擅长设计。)SitePoint评论者克里斯•霍华德他说:“没有编程经验的人也能完成伟大的网页设计。

了解网页的机制比知道如何创建网页更重要。”就连斯托克自己也承认,他偶尔不会为自己的设计编码,而是更专注于设计和艺术方向。当然,两者之间有很大的区别选择而不是编码一个特定的设计和存在不能这样做。Stocks指出:“[H]拥有这些知识而选择不去编码(无论出于什么原因)与一开始就缺乏这些知识是完全不同的,我认为,缺乏这些知识有可能在无意中使设计师与最终产品拉开距离。”内利然而,他认为“一个建筑师不必知道如何建造建筑。”

多数意见:网页设计师应该了解HTML/CSS

多数人的意见可以用最简明的句子来表示伊恩•朗,他反驳道:“不会编程(或不知道如何指定合适的使用格式)的设计师只需要学习一个更重要的事情就能成功……‘你想要薯条吗?’”’”设计师杰森·奥布莱恩(Jason O ' brien)的话或许没那么无礼,“如果你只是推出psd,你就是在制作一个网站的图片。在它被浏览器呈现出来之前,它并不是真正的网页设计。”SitePoint成员Alialib附和了许多人的观点写作如果你是一个网页设计师,你应该知道如何编码。

如果你不知道,你就是一个设计师,而不是一个网页设计师。”设计师艾米马洪抱怨,“我们用Illustrator发送的‘网页’设计,300dpi,不可能编码,没有一致性/可用性。”斯托克公平地指出,马洪的说法代表了笨手笨脚的“设计实践”的极端。正如Stocks继续指出的那样,与Fanelli写得很好的断言相反,网页设计并没有将设计和编码分开,就像建筑与建筑和施工实践分开一样。然而,我认识足够多的建筑工人,我知道他们确实很欣赏一个对建筑有足够了解、能设计出可行设计的建筑师。斯托克的许多评论员也是如此,包括设计师和博主彼得Veerle

彼得同意斯托克的观点,“我不会相信一个不知道如何建造房子的建筑师。”显然,大型设计公司拥有不同方面的网页设计专家,他们拥有严格使用Photoshop、Illustrator、Fireworks、纸和记号笔等工具的设计师,而无需编写一行代码。即使是一些小公司也可以有一个平面设计师和一个编码员一起工作,制作出可爱的网站:法内利以他的公司Full Stop Interactive为例这样一个公司他是对的。杰克在jp74提出了和法内利同样的主张,还有一些人也提出了同样的主张。

但对我们大多数人来说,掌握HTML和CSS表达的网页设计背后的原则——至少掌握一些使用它们来制作优雅可行的设计的技巧——对我们来说是必要的。我想说的是,在许多公司中,设计师和程序员经常会发生争执,一个人不得不在另一个人的后面重新做第一个人可能造成的混乱。缺乏对代码理解的网页设计师和缺乏对设计原则理解的程序员,经常因为缺乏共同理解而彼此产生冲突;结果,设计过程受到影响,公司失去了时间、金钱,甚至客户。

世界上所有的讨论都不是一个编码设计者创造的

自由设计师加里·斯坦顿对于这场争论,我唯一担心的是,不会编码的设计师现在会尝试编码,但会做得很糟糕。优秀的前端代码既需要知识,也需要经验,因为有许多不同的方法可以实现相同的结果。”Stanton发表了一个看似无伤大雅的评论:“如果有一些文章的链接,可以帮助设计师开始如何正确地编写代码,那就太好了。”斯坦顿的完全正确。但我不会去那里。

我创建了我自己尝试在一个“最佳实践”网页设计教程网站上,尽管它离“完成”还很远,甚至可以说,还不够好看。你可能是一家小设计公司的创始人,员工很少;你很可能会遇到这样一个人,他在Photoshop、Illustrator甚至Gimp方面拥有高超的设计技能,但在面对真正的HTML/CSS时却犹豫不决。如果你想让你的团队拥有这些设计技能,你就必须教会你的新设计师一些代码。

我发现一个有趣的故事来自平面和网页设计师丹尼•凯利在我看来,这句话完美地诠释了小说中介绍的那个酷爱苏打水的设计公司老板的虚构情景。凯利写道:

“我原本是学印刷设计的。然而,在我的实习中,当时唯一的职位是在一家网页设计公司。

我知道一点html[原文]和css[原文],但不是很多,这让我有点不愿意进入实习。公司向我保证,他们意识到他们需要在这个过程中教会我一些东西。我很幸运,我的第一个网页设计得到了客户的高度赞扬,然后我被告知编写网站代码。

我用尽了我仅有的一点知识,尽了最大的努力,但还是做不到。然后把这个地方交给了开发部的主管。

他甚至不能让它工作。这个文件真的在整个公司流传,直到我不得不回去调整设计,让它工作。”

作为一名熟练的网页设计师和资深教师,我读到这篇文章时立刻意识到,尽管Kelley的老板可能提供了一些帮助,但她实际上得到的帮助很少,而且这些帮助都不是系统性的,也没有任何真正的推动力或组织。她得到了一些建议,回到她的办公桌前,尽她最大的努力自己想办法。

当她可以从事设计工作时,她花了多少带薪时间学习代码?公司在为Kelley的“不可编码”设计编写代码上浪费了多少时间?

HTML和CSS很“简单”!

许多站在Stocks一边的支持者说,归根结底,没有理由不了解HTML和CSS,因为它们很容易学习。事实上,学习HTML和CSS的“容易”在设计社区中几乎是不言而喻的。

不,HTML/CSS并不容易学习。更准确地说,它是不容易掌握。跨浏览器支持,基于标准的代码,最佳实践(以及理解为什么它们是最佳实践),优化标记以避免过多的代码,优化CSS选择器以提高性能,CSS精灵,编写灵活的标记以方便维护——这些都需要一段时间来学习。

标记一个基本的HTML/CSS页面是非常容易的,但是在高级水平上做正确的事需要多年的学习、实践、失败和经验。你觉得它很容易学吗?假设你知道自己在做什么,所有人都不是你。

你觉得容易的事情,同样聪明和有创造力的人会觉得困难。我会让盾牌参与在这个问题上:

“人们普遍误解HTML和CSS很容易。从IT人员的简历样本中,你会发现有相当多的人引用HTML作为技能集。

这些人中的许多人也知道国际象棋的规则——但有多少人能自称是国际象棋大师呢?虽然HTML和CSS不是编程语言,但它们具有微妙的复杂性,除非您有丰富的开发经验,否则不会了解这些复杂性。图形艺术家依赖于精确的定位,程序员依赖于严格的编码约定,然而在浏览器世界中很少体验到这种级别的精确。

很少有人精通HTML和CSS,无论他们是从设计或编程学科迁移过来的。我们是否应该期望每个人都对浏览器的特性、可用性、语义、可访问性、渐进增强等有深入的了解?”

一位自称“凯瑟琳”的自由设计师在Drawar上写道:

“我不是白痴,我发现HTML/CSS很难。不是一点,而是很多。

我从PS4开始自学Photoshop,并没有像用代码那样用头去碰它。每当我看到有人在网上发帖说学习代码很“容易”,每个设计师都应该“去做”,这让我很生气。多年来,我一直在努力学习如何编程,但我并没有自然而然地学会它,也没有一直坚持下去。

我是一个非常视觉化的人,那些一排排的文字并没有在我的大脑中转化成一个设计。我一直试图将编码作为一种技能,因为我知道在这一点上人们不会雇用不会编码的设计师,但我讨厌那种‘不够好’的感觉,因为我认为编码并不容易。”

论坛上的大多数评论者都同意她的观点,甚至连铁杆程序员也不例外。其中一位名叫“了不起的Justin”的评论者简洁地说:“HTML和CSS。容易学习。

难把握。”

结论

网页设计师应该了解HTML/CSS——即使它仅仅局限于基础知识——为了能够创建在这种媒介上工作的网页设计和网页界面。网页设计师可能不选择自己编写HTML/CSS,但了解标记和CSS是如何工作的是一个网页设计师必不可少的。网页设计师可能不需要成为HTML/CSS的忍者,但知道(至少)他们的网页布局是如何转换成一个网站对他们很有帮助。

相关内容

WebFX职业

加入我们的使命,为全球的企业提供业界领先的数字营销服务,同时建立您的个人知识和个人成长。

我们招聘! 视图30 +职位空缺!