程序员应该学习设计吗？ （还是设计师应该学习编写代码？）

于国2015-09-08书

2014年，我翻译了一本书“响应式设计工作流”，并将其翻译为“响应式设计工作流分析”.

本书的作者斯蒂芬·海伊（Stephen Hay）是一位具有丰富图形设计经验的设计师. 在计算机的原始时代，竞争对手使用Mark笔触来设计草稿. 作者采用了Photoshop的设计过程，并取得了很大的优势. 如今，在移动时代，所有设计师都使用Photoshop来设计UI. 作者开始考虑使用Photoshop设计响应式Web界面是否太落后了.

因此代码设计书籍，他开始探索编写代码的方式，并直接使用HTML / CSS创建交互式草稿. 这样的交互式草稿和设计草稿自然支持在手机上查看，并且是完全高保真的（实际上与用户Page完全相同）.

我个人喜欢这个主题，但是让设计者学习代码吗？还是让前端工程师学习设计？这个想法仍然太先进了. 我在团队中尝试过，无法很好地执行. 我只能使设计与前端进行通信.

最近，这本书的作者斯蒂芬（Stephen）在他的博客上发表了一篇文章. 我认为这很敏锐，所以我翻译了它.

以下是正文.

原始链接: 搁置“设计师应编写代码”的辩论

我的大学表演老师曾经对我们说: “成为戏剧中的人物，而不是表演人物. 他希望我们不要“执行”屏幕上的字符. 他希望我们在屏幕上“生活”. 例如，如果我们想表演一个醉汉，该怎么办？我们都见过醉酒的人，所以我们自然要模仿醉酒的人. 但是，很多时候该性能非常伪造，很容易看穿. 因为喝醉的人实际上想要表现得像不是喝醉了.

上大学时，我在一家美术馆工作. 每年，我们都会放出一些孩子的绘画作品进行展览. 如果仔细观察数百幅儿童画，尤其是很小的一幅，它们的共同点是他们都喜欢画他们看到的“形状”. 它们不绘制太阳，而是绘制一个圆，周围的一些线或波浪形. 山是三角形的. 一切都是抽象的形状.

除非一个人学会一些绘画知识以纠正它，否则这种自然习惯通常会一直持续到一个人成年为止. 实际上，学习绘画的过程实际上是在学习看画. 是的，您需要学习仔细观察绘画对象. 酒杯上的圆圈将变为椭圆形. 阳光照射下的坚硬线条会逐渐变色. 您认为您不会绘画并且没有艺术单元吗？尝试拿着图片，将其上下颠倒，然后在其上精确绘制图片. 不要想象您正在绘制的对象的形状，不要对其进行抽象处理，只需看看您正在绘制的对象即可. 如果您没有绘画经验，那么这幅画将是您画过的最好的画.

作为一名网页设计师，您可能会做很多工作，可能会做研究，设计结构，改编，测试，布局，线描，设置字体，排版等（这里省略了一百个字），无论如何您您可以随时阅读，互动，喜欢，厌恶代码设计书籍，口口相传的作品，也可以随身携带. 您设计的产品的介质就在您面前，这就是您每天使用的计算机，因此，作为设计师，您真的很幸运能够直接在计算机上设计站点原型.

我经常公开讲课，建议设计师学习一些代码. 我花了几年的时间来酝酿这个想法，但我仍然如此. 但是我现在认为重点不在编程本身，而是要放弃设计图形表示的实践. 我希望设计师不要使用固定的图片作为代理来与墙后的不同设备和不同的浏览器对话. 当我写《响应式Web设计的分析》一书时，我表达了基于内容和代码的原型法. 有些人喜欢它，有些人完全反对它. 讨厌这种方法的人，因为这种方法超出了他们的舒适范围，他们需要学习一些基本的HTML和CSS才能使浏览器正常工作.

如果您给我一个线框，请不要告诉我您已经设计了一个交互式网站. 您只是画了一个圆圈，周围的线条以为是现实？差异太大！视觉设计影响交互，版式影响交互，内容影响交互. 除非您的整个团队可以同时工作，否则您描述的设计草案最终将显示在某个链接中. 您是否要设计用户交互？然后在浏览器中进行设计和修饰. 要成为交互式产品，请不要执行“应该是”交互式产品.

这就是我的想法. 代码不是为代码编写的. 几年前，当我写这本书时，还没有很多可以帮助我们在浏览器中快速显示页面的工具. 我之所以选择代码，是因为我找不到快速构建真实页面原型的方法. 我必须使用JavaScript和命令行工具来自动生成屏幕截图. 现在，我们拥有自动化工具来完成这项工作，就像我过去一样，但是更加直观. 现在到处都有方便的工具，可让您在浏览器中展示产品. 这在两年前是罕见的，因此当时我们鼓励设计师学习代码.

Internet和微博上有很多关于设计师是否应该学习编程的文章，但是我认为很多都没有讨论想法. 有人认为编程是一种专门技能或职业，或者HTML和CSS实际上不是编程语言. 没关系.

设计人员必须学习编写代码吗？不必要. 知道代码的设计师会占优势吗？我认同. 学习原型所需的代码知识比学习Photoshop难吗？否. 如果我想研究代码，是否比研究Photoshop难？是. 有没有一种方法可以使原型在浏览器中工作而无需学习代码？是现在. 如果您学过一些代码，是否仍然可以使用Photoshop（或Sketch或其他工具）？当然可以！

我的重点不是我使用的代码或工具. 我的观点是，原型的重要性在于让真正的浏览器媒介为我们提供一些反馈.

本文来自电脑杂谈，转载请注明本文网址：
https://www.pc-fly.com/a/jisuanjixue/article-219804-1.html