设计师编码–我们应该知道多少（） _编码

本文概述

了解基本HTML和CSS的好处
前端JavaScript和Ajax专有技术使设计师成为独一无二的资产
学习编码将改善与开发人员的协作
进行编码的设计师将看到更多的工作机会
设计师应该学习编码吗？
AI是否会消除前端开发人员？
精通设计师的编码将促进职业发展

做一些自己擅长的事情, 然后再进一步前进。
设计界的很大一部分人都在争论设计师是否应该编码。有些人喜欢寻找可以同时做这两种事情的独角兽, 而另一些人则认为它们不存在, 或者只会妨碍他们。
【设计师编码–我们应该知道多少（）】许多设计师认为设计师和开发人员需要合作, 但是每个学科都应该坚持自己的知识。其他人则认为戴多个帽子的专业人员没有问题。许多开发人员看到设计人员编写威胁代码, 而其他开发人员则将他们视为已学会说自己语言的受欢迎的合作者。
所谓的” 共同的理解” 是最恰当的地方。了解一点代码并不意味着设计师必须成为专家编码人员, 而仅仅是了解开发人员的观点。
用户界面或” 表示层” 是设计师的游乐场, 但仅专注于此类似于仅考虑建筑物的外墙。优秀的设计师知道, 熟悉提供其设计的技术基础不仅会使设计师印象深刻, 而且还能极大地促进他们的职业前景。
正如InVision设计教育副总裁Aaron Walter在srcmini Design Talks文章中所说：” 如果设计师对如何编写一些HTML和CSS有所了解, 或者一点一点JavaScript, 就不会杀死设计师。”

文章图片
只需编写一点代码的设计人员, 就可以使自己成为任何跨学科团队的宝贵资产。
整个” 设计师应该学习编码” 主题都引起了激烈的争论。尽管一些出色的设计师也擅长编码, 但许多人认为, 对特定技能的专心致志会使专业变得更强。许多人还认为, 如今, 成为一名多才多艺的设计师是一大优势, 并且不应该妨碍设计师掌握另一种有用的技能, 例如编码。
问题是, 设计师应该了解多少编码？设计师会浪费时间, 还是跨界进入开发人员的领域并可能踩到脚趾？
了解基本HTML和CSS的好处通过获得由HTML(超文本标记语言)和CSS(级联样式表, 一种描述HTML文档中的组件样式的语言)驱动的所谓的” 前端” (表示层)的基础知识, 设计人员将大为受益。 , 也许对基础知识的学习如此简单会感到惊讶。
HTML和CSS不涉及编程逻辑。 HTML中的字母M代表” 标记” , 一种描述页面元素的编码结构的方法, 页面元素是页面的构建块。带有CSS和JavaScript的HTML构成了万维网的基础技术三元组。

文章图片
用外行的话来说, HTML是一种架构图, 它告诉浏览器要显示什么, 而CSS(即层叠样式表)是可以告诉浏览器如何显示事物的代码。
隐喻地说, 如果HTML是页面的骨架, 则CSS可以描述高度, 身体形状, 皮肤, 眼睛颜色, 头发颜色等。该语言具有非常简单的代码结构, 可以确定字体, 颜色, 位置和尺寸。
了解代码以及如何通过代码理解像素
学习如何对前端UI进行编码和预览, 使设计人员有机会立即查看在各种设备上查看时事物的显示方式。如果设计人员使用HTML和CSS, 他们会注意到所有内容均以像素为单位进行度量(还有其他度量单位, 例如” ems” 和最终将转换为像素的百分比)。
理解度量和代码结构, 即页面的显示方式, 将使你对前端开发过程有更深入的了解。反过来, 这将导致设计师对设计进行更深入的思考, 以及如何使他们在该过程中更有效。他们将知道可以轻松实现的目标以及更具挑战性的目标。

文章图片
前端JavaScript和Ajax专有技术使设计师成为独一无二的资产这是事情开始变得复杂的地方, 但同时也带来了很多乐趣。如果设计师是一位分析型思想家, 或者是出于特殊动机, 那么他们将从学习JavaScript和Ajax(异步JavaScript和XML)中学到很多东西。为什么？
展示前端UI技术知识并精通Ajax, 对于赢得开发人员的尊重将大有帮助。能够引用JavaScript和Ajax以及如何使用它们, 将提高设计人员向开发人员表达特别复杂的设计思想(例如, UI中特定功能的设计)的能力。
如果设计人员愿意确切地知道技术可以将其应用到什么范围以及他们可以将其推动创新的范围有多大, 他们的视野就会开阔。无需深入研究编码和各种技术-如果设计人员了解HTML, CSS和JavaScript的基础知识以及少量的Ajax, 则它们已经比竞争对手领先了几步。对于任何公司和产品团队而言, 它们都是一项独特的资产。

文章图片
InVision设计教育副总裁Aaron Walter在srcmini Design Talks文章中概述了设计师和开发人员如何更好地进行协作。
设计师可以使用JavaScript基础将其提升到一个新的水平
尽管设计人员可以在这里停下来, 并由开发人员实现后端(数据访问层), 但他们可以通过添加一些脚本来使设计更加动态。输入JavaScript(一种脚本语言), 这是Web的编程语言。
在2000年代初期, 网络仍在不断发展, 诸如Fantasy和Firstborn之类的机构以非常规, 创新和创造性的方式利用JavaScript时, 对Web设计社区产生了深刻的印象。
JavaScript可以更新和更改HTML和CSS, 并且可以计算, 操纵和验证数据。它可以用于显示动态交互, 为元素设置动画, 与后端或服务器建立响应式通信等等。
在前端开发中使用JavaScript可以完成的工作没有任何限制。它是一种编程语言：函数, 对象, 逻辑, 条件, 数学, 数学以及更多的数学-对某些人来说可能有点挑战。但是学习起来并不难, 尤其是考虑到大多数客户的需求。

文章图片
可以单独使用JavaScript创建此类动画时间表。 (histography.io)
学习编码将改善与开发人员的协作如果男人和女人都能读懂彼此的思想, 恋爱关系会更容易吗？有人这样认为。设计师和开发人员也是如此。
知道开发人员的想法以及完成工作所需的知识, 对于任何多学科团队来说, 设计师都是宝贵的资产。这种方法对于内部交流和想法推销很有用, 因为他们将对团队其他成员的期望有更多的想法。如果设计人员能够做到这一点, 他们将处于更好的位置, 可以为客户提供更强大的解决方案。
进行编码的设计师将看到更多的工作机会在每个设计工作机会中, 知道如何编码都会对筛选过程以及日常工作产生很大的影响。在srcmini, 我们为拥有这种混合配置文件的专业人员提供了很多机会, 而且新兴公司急于寻找可以接管其早期应用程序的设计和前端的人员。

文章图片
学习如何编码可能会带来一些意想不到的机会。
不过, 仍有一些设计师和程序员不喜欢彼此窥探彼此的业务。有些人可能会受到威胁, 有些人可能会受到挑战, 有些人可能懒得学习新知识。但事实是, 每个人都应该分析自己的选择, 并专注于增加成功机会的因素。
设计师可能没有足够的时间来学习所有内容, 但是了解香草的HTML和CSS应该足以在蓬勃发展的职业与死胡同的职业之间添加显着的区别。对于设计师来说, 这应该是一个快速简便的过程, 以迈出第一步。他们越了解, 就工作机会而言, 他们越能开拓视野。
设计师应该学习编码吗？与其他团队一起工作的适应性和灵活性, 处理各种项目的能力以及承担各种职责的广泛技能一直都是高要求。在激动人心的初创公司或大型科技公司从事令人垂涎的工作时, 有谁愿意和其他人竞争？
设计师拥有自己的方法, 流程, 设计工具库和可交付成果, 但这只是其中的一部分。探索并了解如何使用各种数字技术交付UI设计, 可以使设计人员更上一层楼, 并提高他们交付出色设计的能力。
在设计领域, 越来越多的工作机会包括” 精打细算” , 例如基本的Web开发和使用HTML, CSS和JavaScript的原型制作技能。由每个设计师决定承担多少费用；显然那里是有需要的。

文章图片
AI是否会消除前端开发人员？不过, 仍然存在一个问题：长期来看, 设计师的编码是否会保持相关性？设计师之间有种种矛盾, 即通过AI和机器学习, 设计师很快就可以在没有代码的情况下进行设计。只需拖放并在屏幕上四处移动内容, 然后按一个按钮, AI即可对整个内容进行编码。换句话说, 这些类型的前端开发人员的工作将很快消失。
对于设计师而言, 答案可能在于短期还是长期思考。在不久的将来, 人工智能将不会接管, 并且可能仍然对编码的设计师有很高的要求。在短期内, 想要脱颖而出的设计师应在其武器库中保留某些基本的编码技能, 例如JavaScript和Ajax。
精通设计师的编码将促进职业发展希望发展和提高技能的UI设计师可以选择几种方法。他们可以掌握各种设计技能, 并可以担任其他角色, 例如视觉设计, UX, 甚至UX研究。他们还可以逐步晋升为更多的高级, 校长, 主管, 经理和总监级职位。
但是, 为真正促进职业发展, 设计师可能希望对开发进行更多研究。对当今推动数字产品发展的各种技术的深入了解将使他们具备非常理想的技能。反过来, 这将为大小企业打开更多的就业机会之门。
设计人员应该编码吗？也许吧, 也许不是。但是, 进行编码或至少展示出对各种技术的深入了解的设计师, 对于任何多学科团队而言, 都将成为一笔宝贵的财富, 从长远来看, 这肯定会有所回报。
? ? ?
在srcmini设计博客上进一步阅读：