作者都是各自领域经过审查的专家,并撰写他们有经验的主题. 我们所有的内容都经过同行评审,并由同一领域的Toptal专家验证.
乔恩·维埃拉的头像

乔恩·维埃拉

Jônatas是一位注重细节的数字艺术总监,他使用UI, UX, 视觉和运动设计,使技术对每个人都简单.

专业知识

以前在

脸谱网
分享

做一些你擅长的事情,然后把自己逼得更远.

设计界的很大一部分人都在争论设计师是否应该写代码. 有些人倾向于寻找能同时做到这两点的独角兽, 而其他人则声称它们不存在, 或者只会碍事.

许多设计师认为设计师和开发人员需要合作, 但是每个学科都应该坚持他们所知道的. 其他人则认为专业人士身兼数职没有问题. 许多开发人员看到 设计师 谁编写了威胁代码, 而另一些人则把他们视为受欢迎的合作者,因为他们学会了说他们的语言.

最佳点,也就是"共享的理解,可能是在中间的某个地方. 对代码略知一二并不意味着设计师必须成为一名程序员 专家编码器,但要理解开发者的观点.

用户界面, 或者说,“表现层”是设计师的游乐场, 但只关注这一点就像只考虑建筑物的外观一样. 伟大的设计师明白,熟悉设计的技术基础不仅会让设计师更令人印象深刻, 这大大提升了他们的职业前景.

正如InVision设计教育副总裁Aaron Walter所言 全面设计讲座 article“如果设计师知道一些如何编写HTML和CSS的知识,这并不会扼杀他们, 可能会用到一点JavaScript.”

编写代码的设计师是更好的合作者.

整个。”设计师应该学习编程吗这个话题引起了激烈的争论. 尽管一些伟大的设计师也擅长编码, 许多人认为一心一意专注于某项技能, 比如网页设计, 会让专业人士更强大吗. 今天很多人也这么认为, 作为一个多技能的设计师是一个很大的加分项, 不应该有任何东西妨碍设计师掌握其他有用的技能, 比如编码, 在他们的腰带下.

问题是, 设计师应该知道多少代码?设计师 浪费他们的时间, 或者跨越界限进入开发者的领地,可能会触怒他们?

了解基本HTML和CSS的好处

设计师将从获得所谓的“前端”(表示层)的基础知识中受益匪浅 HTML (超文本标记语言)和 CSS (层叠样式表, 一种在HTML文档中描述组件样式的语言), 并且可能会惊讶于学习基本的UI代码是多么容易.

HTML和CSS不涉及编程逻辑. 这封信 M 在HTML中表示“标记”,一种描述页面元素编码结构的方法,这些元素是页面的构建块. HTMLCSSJavaScript,构成万维网基础技术的三位一体.

设计师可以融合编程和设计的知识.

通俗地说,HTML是一个架构图,它告诉浏览器 什么 显示,CSS或层叠样式表是告诉浏览器的代码 如何 展示东西.

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

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

学习如何编写前端UI并预览它 设计师 有机会立即看到在不同设备上观看时的显示方式. 如果设计师玩弄HTML和CSS, 他们会注意到一切都是用像素来衡量的(还有其他测量单位,如“ems”和百分比,最终会转换为像素)。.

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

编码对设计师来说是一笔巨大的财富.

前端JavaScript和Ajax技术使设计师成为独特的资产

这是事情开始变得复杂的地方,但也是很多乐趣发生的地方. 如果设计师是分析型思考者, 或者特别有动力, 他们会从学习JavaScript和Ajax(异步JavaScript和XML)中学到很多。. 为什么?

展示前端UI技术知识并熟悉 Ajax 这对赢得开发者的尊重有多大帮助. 能够引用JavaScript和Ajax 如何 使用它们可以提高设计师向开发人员表达复杂设计理念的能力, e.g.UI中特定功能的设计.

如果设计师能够清楚地知道技术能够带他们走多远,他们的视野就会开阔, 以及他们能在多大程度上推动创新. 如果设计人员了解HTML的基础知识,则无需深入了解编码和各种技术, CSS和JavaScript, 加上一点Ajax, 他们已经在竞争中遥遥领先了. 编码设计师将是任何公司和产品团队的独特资产.

关于编程与设计

设计师可以把它带到一个新的水平与JavaScript基础

尽管设计人员可以就此打住,让后端(数据访问层)由开发人员实现, 他们可以通过添加一些脚本使设计更具动态性. 输入 JavaScript (一种脚本语言),它是一种用于网络的编程语言.

在21世纪初网络还在发展的时候,像 幻想长子 在网页设计界留下了深刻的印象,因为他们在不寻常的情况下利用了JavaScript, 创新, 还有创造性的方法.

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

在前端开发中使用JavaScript可以完成的事情是没有限制的. 这是一个 编程 语言:功能, 对象, 逻辑, 条件, 数学, 数学, 还有更多的数学——这对一些人来说可能有点挑战性. 但这并不难学,尤其是考虑到大多数客户的需求.

为什么JavaScript对设计师很重要?

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

如果男人和女人能读懂对方的心思,恋爱关系会变得更容易吗? 有些人是这么认为的. 这同样适用于设计师和开发人员.

了解开发者是如何思考的,以及他们需要什么才能完成他们的工作,这将有助于你更好地开发游戏 设计师 这是任何多学科团队的宝贵财富. 这种方法对内部沟通和创意宣传都很有用,因为他们会对团队其他成员的期望有更多的了解. 如果设计师能做到这一点, 他们将处于一个更好的位置,为客户提出更强大的解决方案.

会编程的设计师会有更多的工作机会

在每一个设计工作的机会, 知道如何编码可以在筛选过程和日常工作中产生很大的不同. At Toptal, 我们看到,拥有这种混合型履历的专业人士有很多机会, 创业公司渴望找到既能负责设计又能负责早期应用前端的人.

编码对设计师来说是一个优势.

仍然, 有些设计师和程序员不喜欢彼此窥探对方的业务. 有些人可能会受到威胁,有些人可能会受到挑战,有些人可能懒得学习新东西. 但事实是, 每个人都应该分析自己的选择, 专注于如何增加他们成功的机会.

设计师可能没有足够的时间去学习所有内容, 但是了解HTML和CSS应该足以在一个繁荣的职业和一个没有前途的职业之间增加一个显著的区别. 对于设计师来说,迈出第一步应该是一个快速而简单的过程. 他们知道的越多,他们就越能在就业机会方面扩大视野.

设计师应该学习编程吗?

与其他团队合作的适应性和灵活性, 处理各种项目的能力, 和一个宽 一套技能 承担各种责任的需求总是很高. 在令人兴奋的初创公司中,有哪个设计师不想在令人垂涎的工作岗位上比别人领先吗, 或者大型老牌科技公司?

设计师有自己的方法, 流程, 设计工具库, 和交付件, 但这只是等式的一部分. 探索,获得理解 如何 UI设计是使用各种数字技术交付的,可以采取 设计师 到下一个层次,提高他们的能力,提供伟大的设计.

越来越多地。, 在设计领域,越来越多的工作机会包括“有就好”的技能,比如基本的网页开发和使用HTML的原型设计技能, CSS, 和JavaScript. It’s for each 设计师 to decide 如何 much to take on; clearly the need is out there.

编码的设计师有更多的工作机会.

AI是否会淘汰前端开发人员?

但仍然存在一个问题:对于设计师来说,编码是否会长期存在? 在设计师中有一种暗示 人工智能和机器学习在美国,设计师很快就可以不用代码进行设计了. 只要拖放和移动屏幕上的东西, 然后按下一个按钮,人工智能就会对整个过程进行编码. 换句话说,这些类型的前端开发人员的工作将很快消失.

对于设计师来说,答案可能在于考虑短期还是长期. 在不久的将来,人工智能不会占据主导地位,编码的设计师可能仍然需求量很大. 就短期而言, 想要脱颖而出的设计师应该掌握一些基本的编码技能,比如JavaScript和Ajax.

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

想要提升自己技能的UI设计师有很多选择. 他们可以复习一下 设计的多样性 技能和转移到其他角色,如视觉设计,用户体验,甚至用户体验研究. 他们也可以逐步晋升到更高的职位, 主要, 引领。, 经理, 以及主管级别的角色.

然而,为了真正提升他们的职业生涯,设计师可能想要更多地钻研开发. 掌握驱动当今数字产品的各种技术的深入知识,将使他们具备一套非常理想的技能. 这反过来又会为大大小小的公司打开更多的就业机会之门.

设计师应该写代码吗?? 也许,也许不是. 但是编程的设计师, 或者至少表现出对各种技术的深入了解, 将成为任何多学科团队的重要资产, 从长远来看,它肯定会得到回报.

了解基本知识

  • 用户体验设计师需要编码吗?

    编写代码能够展示前端编码知识和JavaScript概念的用户体验设计师将赢得开发人员的尊重. 能将编程和设计结合起来的设计师, 哪怕是一点点, 能让自己成为任何多学科团队的重要资产,并为更多的工作机会打开更多的大门吗.

  • 设计师应该学习编程吗?

    为设计师学习编程是没有必要的. 但是如果他们对代码有一点了解,他们就能理解开发人员的观点. 这并不意味着他们必须是专业的程序员. 但是,如果他们知道一些如何编写HTML和CSS的知识,将会对他们大有裨益, 可能会用到一点JavaScript.

  • 为什么JavaScript很重要??

    JavaScript是一种重要的编程语言,因为它可以用来在网页上显示动态交互. 作为一种脚本语言,几乎95%的网站都在使用它. Web开发人员可以将脚本无缝地集成到HTML中,以使网页具有交互性并立即响应用户.

  • 使用JavaScript的目的是什么?

    JavaScript使web开发人员能够创建动态和交互式的web应用程序. 它可用于显示前端和后端之间的动态交互,而无需重新加载页面, 比如动画元素, 从各种来源提取数据, 并进行数学计算以显示相关数据.

  • 前端和后端有什么区别?

    前端,a.k.a. “表示层”,是人们在各种设备的用户界面(UI)中看到的, 后端是数据驻留的地方. 术语前端和后端指的是表示层(前端)之间的关注点分离。, 数据访问层(后端).

就这一主题咨询作者或专家.
预约电话
乔恩·维埃拉的头像
乔恩·维埃拉

位于 英国伦敦

成员自 2015年10月28日

作者简介

Jônatas是一位注重细节的数字艺术总监,他使用UI, UX, 视觉和运动设计,使技术对每个人都简单.

Toptal作者都是各自领域经过审查的专家,并撰写他们有经验的主题. 我们所有的内容都经过同行评审,并由同一领域的Toptal专家验证.

专业知识

以前在

脸谱网

世界级的文章,每周发一次.

订阅意味着同意我们的 隐私政策

世界级的文章,每周发一次.

订阅意味着同意我们的 隐私政策

Toptal设计师

加入总冠军® 社区.