设计师编码——我们应该知道多少？

拿一些你擅长的东西，然后把自己推得更远。

设计界的很大一部分人都在争论设计师是否应该编码。 一些人喜欢寻找可以两者兼得的独角兽，而另一些人则声称它们不存在，或者只是碍事。

许多设计师认为设计师和开发人员需要合作，但每个学科都应该坚持他们所知道的。 其他人认为专业人士戴多个帽子没有问题。 许多开发人员认为设计师编写威胁代码，而其他人则将他们视为已经学会说他们的语言的受欢迎的合作者。

所谓的“共同理解”的甜蜜点可能在中间的某个地方。 懂一点代码并不意味着设计师必须成为专家级编码员，而只是了解开发人员的观点。

UI 或“表示层”是设计师的游乐场，但仅关注这一点类似于只考虑建筑物的立面。 伟大的设计师明白，熟悉交付设计的技术基础不仅会让设计师更令人印象深刻，而且还能显着提升他们的职业前景。

正如 InVision 设计教育副总裁 Aaron Walter 在 Toptal Design Talks 文章中所说：“如果他们知道一点如何编写一些 HTML 和 CSS，也许是一点 JavaScript，这不会杀死一个设计师。”

整个“设计师应该学习编码”这个话题引起了激烈的争论。 尽管一些伟大的设计师也擅长编码，但许多人认为全神贯注于特定技能将使专业人士更强大。 许多人还认为，今天，成为一名多技能的设计师是一大优势，并且不应妨碍设计师拥有另一种有用的技能，例如编码。

问题是，设计师应该知道多少编码？ 设计师会浪费他们的时间，还是跨界进入开发商的领域并可能踩到脚趾？

了解基本 HTML 和 CSS 的好处

设计师将从获得由HTML （超文本标记语言）和CSS （层叠样式表，一种描述 HTML 文档中的组件样式的语言）驱动的所谓“前端”（表示层）的一些基础知识中受益匪浅。 ，并且可能会惊讶于学习基础知识是多么容易。

HTML 和 CSS 不涉及编程逻辑。 HTML 中的字母M代表“标记”，一种描述页面元素编码结构的方式，这些元素是页面的构建块。 HTML 与 CSS 和 JavaScript 构成了万维网的三大基础技术。

通俗地说，HTML 是一个架构图，它告诉浏览器要显示什么，而 CSS 或级联样式表是告诉浏览器如何显示事物的代码。

打个比方，如果 HTML 是页面的骨架，CSS 将描述高度、体型、皮肤、眼睛颜色、头发颜色等。该语言具有非常简单的代码结构，它决定了排版、颜色、位置和尺寸.

理解代码和如何编码就是理解像素

学习如何编写前端 UI 并进行预览，让设计人员有机会立即了解在各种设备上查看时事物的显示方式。 如果设计师使用 HTML 和 CSS，他们会注意到一切都以像素为单位（还有其他度量单位，例如“ems”和最终将转换为像素的百分比）。

了解度量和代码结构，即页面如何显示，将提供对前端开发过程的更深入了解。 这反过来又会促使设计师更深入地思考他们的设计，以及如何让他们在这个过程中更有效率。 他们会知道什么是容易实现的，什么是更具挑战性的。

前端 JavaScript 和 Ajax 专业知识使设计师成为独特的资产

这是事情开始变得复杂的地方，但它也是很多乐趣发生的地方。 如果设计师是分析型思考者，或者非常有动力，他们将从学习 JavaScript 和 Ajax（异步 JavaScript 和 XML）中获得很多。 为什么？

展示前端 UI 技术知识并熟悉 Ajax 将大大有助于赢得开发人员的尊重。 能够参考 JavaScript 和 Ajax 以及如何使用它们将提高设计人员向开发人员阐明特别复杂的设计理念的能力，例如，在 UI 中设计特定功能。

如果设计师能够准确地了解技术可以带他们走多远，以及他们可以推动技术创新多远，他们的视野就会拓宽。 没有必要深入研究编码和各种技术——如果设计人员了解 HTML、CSS 和 JavaScript 的基础知识，以及少量的 Ajax，他们就已经在竞争中遥遥领先。 它们将成为任何公司和产品团队的独特资产。

设计师可以通过 JavaScript 基础知识将其提升到一个新的水平

尽管设计人员可以在这里停下来，让开发人员实现后端（数据访问层），但他们可以通过添加一些脚本来使设计更加动态。 输入 JavaScript（一种脚本语言），它是一种用于 Web 的编程语言。

在 2000 年代初期，当 Web 仍在发展时，Fantasy 和 Firstborn 等机构以不同寻常、创新和创造性的方式利用 JavaScript，给 Web 设计社区留下了深刻印象。

JavaScript 可以更新和更改 HTML 和 CSS，并且可以计算、操作和验证数据。 它可用于显示动态交互、动画元素、创建与后端或服务器的响应式通信等等。

在前端开发中使用 JavaScript 可以完成的事情没有限制。 它是一种编程语言：函数、对象、逻辑、条件、数学、数学和更多数学——这对某些人来说可能有点挑战。 但这并不难学，尤其是考虑到大多数客户的需求。

学习编码将改善与开发人员的协作

如果男人和女人能读懂对方的想法，恋爱关系会不会更容易？ 有些人是这样认为的。 同样的事情也适用于设计师和开发人员。

了解开发人员的想法，以及他们需要什么才能完成他们的工作，将使设计师成为任何多学科团队的重要资产。 这种方法对于内部沟通和想法推销很有用，因为他们将对团队其他成员的期望有更多的了解。 如果设计师能够做到这一点，他们将能够更好地向客户提出更强大的解决方案。

编码的设计师将看到更多的工作机会

在每一个设计工作机会中，知道如何编码可以对筛选过程以及日常工作产生重大影响。 在 Toptal，我们为具有这种混合配置的专业人士看到了许多机会，并且那里的初创公司渴望找到可以接管其早期应用程序的设计和前端的人。

尽管如此，还是有一些设计师和程序员不喜欢互相窥探对方的业务。 有些人可能会受到威胁，有些人可能会受到挑战，有些人可能懒得学习新东西。 但事实是，每个人都应该分析他们的选择，并专注于什么会增加他们成功的机会。

设计师可能没有足够的时间来学习所有东西，但是了解普通的 HTML 和 CSS 应该足以在蓬勃发展的职业和死胡同之间增加显着的区别。 对于设计师来说，迈出第一步应该是一个快速而简单的过程。 他们知道的越多，就越能在工作机会方面扩大视野。

设计师应该学习编码吗？

与其他团队合作的适应性和灵活性、处理各种项目的能力以及承担各种职责的广泛技能总是很受欢迎。 在令人兴奋的初创公司或大型成熟的科技公司从事令人垂涎的工作时，是否有任何地方的设计师不希望比其他人更有优势？

设计师有他们的方法、流程、设计工具库和可交付成果，但这只是方程式的一部分。 探索并了解如何使用各种数字技术交付 UI 设计，可以将设计师提升到一个新的水平，并提高他们交付出色设计的能力。

越来越多的设计领域的工作机会包括“必备”，例如基本的 Web 开发和使用 HTML、CSS 和 JavaScript 的原型制作技能。 由每个设计师决定承担多少； 显然，需求就在那里。

人工智能会淘汰前端开发人员吗？

但是仍然存在一个问题：设计师的编码是否会在较长时期内保持相关性？ 设计师之间有一种暗示，借助人工智能和机器学习，设计师很快就能够在没有代码的情况下进行设计。 只需在屏幕上拖放和移动东西，然后按下一个按钮，人工智能就会对整个东西进行编码。 换句话说，这类前端开发人员的工作将很快消失。

就设计师而言，答案可能在于考虑短期与长期。 在不久的将来，AI 不会接管，可能仍然对编码的设计师有很高的需求。 在短期内，想要脱颖而出的设计师应该在他们的武器库中保留一些基本的编码技能，例如 JavaScript 和 Ajax。

设计师掌握编码将促进职业发展

渴望发展和提升技能的 UI 设计师有一些选择。 他们可以学习各种设计技能，并进入其他角色，如视觉设计、用户体验，甚至用户体验研究。 他们还可以逐步爬升到更高级、负责人、领导、经理和董事级别的角色。

然而，为了真正提升他们的职业生涯，设计师可能想要更多地研究开发。 深入了解推动当今数字产品的各种技术将为他们提供一套非常理想的技能。 这反过来将为大大小小的公司打开更多的就业机会之门。

设计师应该编码吗？ 也许，也许不是。 但是，编码或至少展示对各种技术的深入了解的设计师将成为任何多学科团队的重要资产，并且从长远来看肯定会有所回报。

进一步阅读 Toptal 设计博客：

• 移动用户体验设计原则和最佳实践
• 移动用户体验设计——最佳实践、约束和与开发人员合作
• 跨文化设计和用户体验的作用
• 设计原则及其重要性
• 最佳 UX 设计师作品集——鼓舞人心的案例研究和示例