网页设计师:编码还是不编码?

网页设计师:编码还是不编码? - Web开发

网页设计师会写代码吗?许多网页设计师都问过自己这样的问题:我是哪种网页设计师?我的网页设计能力在哪里?在线框图、工作流程、交互中?我要学习如何编码吗?

我必须能够将我的设计转换为前端代码吗?或者,我是否继续创建分层的 Photoshop 设计,然后(由其他人)转换为前端代码?这一切都归结为……这是一个高效的工作流程,还是可以有所不同,甚至更好?

网页设计师:编码还是不编码? -

刚刚回到过去。

网页设计作为一个领域自 1.0 年 Netscape 1995(Mosaic)发布以来就已存在。互联网站点的设计和构建在过去 20 年中已经成熟。那时,您使用 Microsoft FrontPage 和 TextEdit 等制作自己的网页。 DreamWeaver 后来出现。这是开创性的……一切都是你自己做的,从创意、设计到 HTML。

成熟领域

现在?设计和编码网站的可能性得到了扩展和改进。许多不同的网络学科已经出现;不再是一个人提供网站的情况。尤其是复杂、专业的网站。从视觉设计、UX、CSS、 内容 SEO – 每个组件都有一个专家。我们还拥有更好的计划可供使用,而且最佳实践也很容易获得。

设计和构建互联网解决方案确实已经成为一个成熟的领域,但尚未发展壮大。

许多网络学科的出现,其专业性从其名称就显而易见。另一方面,“网页设计师”一词有多种解释。对于一个人来说,网页设计师只专注于塑造前端(外观和感觉)。另一方面,有人也将他的设计转换为 HTML / CSS,甚至完整的前端和后端来处理。

编码:是或否?

我经常尝试自己编写代码,但我无法区分类、标签、容器、div 和 span 等术语,更不用说属于哪些参数了。我总是克服陡峭的学习曲线来提供简洁而正确的代码。

当然,我可以快速且轻松地将一些 HTML 和 CSS 组合在一起。然后,我希望它适用于不同的设备……这对于演示来说很好,但我可能永远无法(我认为大多数设计师都无法)提供高质量的编码工作。对于一个设计师来说,想要在竞争中脱颖而出,已经是一个很大的挑战。

[su_pullquote]我是那种决定不编码的网页设计师,因为我想专注于网站的视觉呈现和/或用户友好性。[/su_pullquote]

专业化

我是那种决定不编码的网页设计师,因为我想专注于视觉呈现和/或用户友好性。没有什么不妥。这就是所谓的专业化。老实说,从技术角度来看,编程要困难得多;一个设计是漂亮还是不漂亮,代码中的一个输入错误就是‘致命’……所以你必须做出选择。

如果你想成为一名专业设计师,你就必须发挥出自己最好的设计技巧。在大多数情况下,这将花费您大量的时间,并且您还必须学习新技能。如果您正在寻找更简单的解决方案,您总可以找到 可靠的纽约网页设计公司 将随时满足您的所有需求。最后,设计趋势不断变化,技术进步永不停歇。你们中的许多人都被要求跟上——足以测试你们的设计质量到极限。更不用说如果你想(继续)编码。

“罕见的人”。

长期以来,概念和偏见的混淆一直是讨论网页设计师是否应该编码的主要因素。设计师常常被视为“奇怪的人”,他含糊其辞地谈论“颜色”和“字体”的重要性。一旦发现他不会编码,他当然不会被认为是“完整的”。

网页设计师会编码吗?

对于像我这样的设计师来说,地平线上是否有曙光?前端编码在很长一段时间内会完全是所见即所得吗?由于 Postscript 编程早已被 Adob​​e Illustrator 所见即所得所取代(您是否知道 Adob​​e Illustrator 最初是作为查看器来查看您手写的 Postscript 代码而开发的?!

而且您首先在大纲中工作并且只能预览?!))。过去,您无法绕过编码(自己编写或雇用自己)。这是一种必要的罪恶。但这不再是必要的——可以使用专业的拖放应用程序。作为一名网页设计师,您不再需要广泛的编码知识。使用正确的软件,您可以创建美观、实用且响应灵敏的网站。

拖和下降

作为设计师,您不再需要制作静态线框和模型。您可以通过拖放来生成前端代码。您可以使用 Adob​​e Muse 等桌面程序和 Adob​​e Dreamweaver 中的“提取”工具来处理许多前端编码任务。一些举措还提供在线解决方案,例如 优雅的主题 与他们的拖放网站构建器。例如,如果您停留在 WordPress 模板中,则代码在很大程度上对您来说是隐藏的。

Web 开发人员不必抱怨,因为它创建了干净的、符合 W3C 的 HTML/CSS,这当然不逊色于许多开发人员自己编写的内容。它基于 Twitter 的 Bootstrap 框架。不,您不会被困在某个应用程序中,因为 Webflow、Macaw 或 Webydo 生成的代码可以根据需要导出并在外部开发平台中使用。

网页设计师:编码还是不编码? -

没有更多的代码!

我知道:这是一个大胆的声明……但作为一名设计师,我真正想要的是了解这个网站。不一定是通过编码。这是基于两个基本想法:

我想为我的客户提供可预测的结果和过程。作为一名自由设计师,我并不总是有机会为您的项目聘请(昂贵的)开发人员。我的客户并不等待介入两方之间。作为一名设计师,你想要照顾 翻译 从设计到代码。这就是它的意义所在——无论你是否会编码。这就是为什么专业应用值得研究。
对我的工作有更多的控制权。作为一名设计师,您希望保持对自己的创作的控制。不幸的是,许多变化常常在 翻译 从设计到代码。从 PSD 到响应式 HTML/CSS 的转换不是 1-2。如果您自己构建网站,您将可以控制整个项目(课程)的质量,并且您将能够更好地预测变化。

比屏幕看得更深入。

完全无需工作 概念 代码 - 正如我们现在使用 Adob​​e Illustrator 编码 Postscript 一样,我们尚未注意到 - 我们还没有那么远。从设计到(前端)代码的(半)手动翻译仍然是必要的。 WYSIWYG 应用程序现在由两个视图组成:“代码视图”和“拖放视图”。但开发速度很快。很快我们就会知道某些东西有效或无效,但不知道为什么。而且这种情况肯定不会持续20年。或者说这是一厢情愿的想法?或者说这很糟糕吗?

[su_pullquote]学习正确的概念,以便你可以将你的设计思想很好地传达给开发人员。[/su_pullquote]

在那之前,作为一名网页设计师,您至少必须对其他不可或缺的学科保持开放的态度。如果你完全忽视互联网的技术概念,忽视网络开发的构建模块,那么你的处境将会很糟糕。您需要具备自己编码的基本知识,才能了解开发人员的想法以及他们的需求。学习正确的概念,以便您可以将您的设计理念很好地传达给开发人员。

开发流程基础知识

开发流程的基础知识、不同编程语言的使用以及对你的设计的限制使你成为更好的设计师。您越能更好地估计技术上的实际情况,您拥有的时间就越少,这样您就不会受到开发人员的摆布。

此外,作为创意领域的专业人士,你渴望学习。因为如果你的好奇心枯竭,你就会陷入困境。

成为一名网页设计师听起来很理想:我能够为互联网创造美丽的东西,并利用我所有的创意来进行排版配对、配色方案,并为网站提供某些我不知道的东西。但与此同时,我担心自己不具备成为一名网页设计师所需的条件。由于没有平面设计的历史,也没有接受过任何设计培训,我想知道谁会信任我他们网站的美学。

当我想到网络开发时,我想,“这就是我应该做的。我将赚很多钱,并拥有世界上所有的权力来构建出色的网站和网络应用程序。但如果这很无聊怎么办?”

但随着我学习了 HTML、Java 和 CSS,结识了更多的设计师和开发人员,并开始致力于我的工作 自由网站,我意识到我完全错了。这并不是说您不必在网页设计和开发之间做出选择。关键是我对网页设计和网页开发之间差异的看法是相当脱节的。这是我第一次涉足技术领域时希望能读到的博客文章。

网页设计师还是网页开发人员?

好的,在这篇文章结束时,您将获得:

  • 关于设计师和开发人员的最大神话的概述,以便您可以就哪条道路适合您做出明智的决定,
  • 全面的信息图表详细说明了网页设计师和开发人员使用的技能和工具;
  • 所有技术人员所需的基本技能的细分,
  • 找出最适合您个性的道路的框架,

但我想在开始之前先透露一下秘密。事实是,无论您选择从网页设计还是网页开发开始都没关系!获得数字技能将使您能够赚更多的钱并拥有一些最受欢迎的技能,无论它们属于网页设计还是网页开发类别。

本指南基于一般性格特征和日常任务概要。如果有些内容看起来过于简单,那是因为我想让你做出决定变得超级简单。事实上,是吧?网页设计师和网页开发人员之间有很多重叠之处,并且没有正确或错误的起点!

摆脱关于程序员的神话

在决定您想要什么样的职业之前,您需要确保您知道网页设计师和开发人员正在做什么。

如果您像我一样,您所接受的社会化定义“网页设计师”和“网页开发人员”的方式并不代表实际情况,而且您从未与现实生活中的人交谈过网页设计师或开发人员。

我对设计师和开发人员最大的误解是他们赚了多少钱、学习曲线有多陡以及他们从事什么样的工作。我错误地相信了以下神话:

学习成为一名程序员比学习成为一名设计师更困难(反之亦然)。

有些人认为,由于开发涉及更高级别的编程,因此与设计相比,学习起来会更困难。其他人认为设计更难,因为他们认为它需要更多与生俱来的(而不是后天习得的)创造力。

当你从头开始时,任何新技能都是一个挑战。网页开发和网页设计本质上并没有或多或少的挑战性——你的优势和劣势将决定对你阻力最小的道路。

开发人员的收入超过$$$。

如果你看一下 Web 开发人员的平均工资,乍一看,Web 开发人员的工资比 Web 设计师的工资高得多:

  • 网页设计师:66,000美元。
  • 网络开发人员:87,000 美元

*检索美国的薪资搜索

但如果您开始寻找网页设计师薪资的更具体领域,您会发现两者具有竞争力:

  • 交互设计师:93,000美元
  • 移动设计:92,000 美元
  • 用户体验设计师:92,000 美元

*检索美国的薪资搜索

确实,网络开发人员的平均工资更高,但这并不是你作为初学者需要担心的事情。无论您是开始学习如何成为一名 Web 开发人员还是 Web 设计师,您可能都不会在几个月内成为一名高级全栈开发人员(并赚取很高的薪水),因为这通常需要几年的时间经验。

此外,网页设计师赚了很多钱。由于两者都是有利可图的选择,所以最好选择让你更快乐的东西,而不是你认为会付出更多的东西。

网页设计师没有代码。

另一方面,网页设计师编写 HTML 和 CSS 代码。例如,假设他们需要一个平滑滚动的网站,一些设计师(我们称他们为独角兽!)可以独立编码。

现在有一些设计师不编码,尤其是印刷设计师和一些数字图形设计师。尽管如此,大多数 WEB 设计师仍然可以使用 HTML 和 CSS 将他们的设计转变为可用的网站。赚大钱并能够提供客户和雇主最想要的东西的最佳方法是成为神奇的设计和编码的组合。

会编码的网页设计师,尤其是那些具有 Sass 和 JavaScript 等高级技能的网页设计师,需求量很大。我们称它们为独角兽。