与开发人员协作的8个技巧（设计师指南）

开发人员和设计师经常被讽刺为居住在完全独立的宇宙中的生物，但现实是，他们被期望在任何现代 Web 开发项目中密切合作。

他们不是退回到各自专业领域的隐蔽角落，而是需要在迭代产品改进的过程中不断地来回交换想法。

与开发人员有效合作可能会给设计师带来挑战，尤其是当他们缺乏经验并且刚刚起步时。 之前我们已经从等式的开发人员方面解决了这个问题，但这次我们是从设计师的角度来看问题。

在本文中，我们将介绍设计人员可以在八个特定领域开展工作，以完善他们自己的技术技能，并使与开发人员的协作变得更加容易。 在我们进入列表之前，让我们简要介绍一下为什么设计师通常需要开始将更多的技术技能带到桌面上。

设计师需要提高他们的技术能力

某个年龄段的读者会记得曾经有一段时间，设计师和开发人员很少在一个项目中交叉，而且经常被困在一个组织的完全不同的部分。 设计通过第三方小心翼翼地转移给开发人员，每个人都只是祈祷并希望最好。

甚至就在五年前，对于设计师甚至能够理解 CSS 和 HTML 的基础知识并使用它们来模拟自己的设计的想法，人们也有很多犹豫和抱怨。

2015 年，争论仍在继续，但至少很明显，设计师需要能够有意义地参与其创作的技术基础，以提供有效的解决方案。 正如 Ivana McConnell 最近在 Smashing Magazine 上发表的出色文章所论证的那样，如今设计师和开发人员只需要能够有效地协作，而他们角色之间的界限正变得越来越模糊。

真正的全球就业市场的现实是，如果您不准备扩展您的技术技能并学习如何与开发人员密切合作，那么有足够多的其他有才华的设计师会这样做。

考虑到这一点，让我们开始讨论设计师需要关注的领域列表，以便更有效地与开发人员合作。

1. 开始与开发者配对

作为一名设计师，您可能听说过也可能没有听说过结对编程这个术语，这些术语被您的一些更有技术头脑的同事大谈特谈。

这是一个源自敏捷软件开发方法论的概念，基本上涉及两个开发人员合作处理一个问题。 除了两个领导有时比一个领导更好的明显好处之外，这也是传递知识和建立团队理解的绝佳方式。

设计人员和开发人员有效协作的主要障碍之一是，他们通常对彼此每天面临的问题类型或通常如何解决这些问题一无所知。

像花一个小时与开发人员坐下来让他们在解决问题时实际解释他们的过程这样简单的事情可以完全改变您对他们所做工作的看法，并且 反之亦然 – 找到一个友好的本地开发人员，并尽可能尝试一下。 如果你能把它变成一个你们都积极参与的项目的常规事件，那就更好了。

2. 复习数字布局基础知识

您可能会或可能不会最终将编程语言添加到您的整个工具集中，但如果您正在做任何与 Web 设计相关的事情，那么在这个阶段您真的应该熟悉 HTML 和 CSS 的基础知识。

想象一下，例如，一位印刷设计师甚至拒绝尝试理解与页面布局和排版相关的网格概念。 你理所当然地嘲笑他们故意的无知。 不要在您的在线设计的底层结构方面处于相同的位置。

通过在 Codecademy 完成以下两门免费课程，确保您能够快速掌握页面布局的基础知识：

1. HTML 和 CSS： 预计七个小时的课程时间将带您了解页面标记、布局、定位和盒子模型的基础知识，同时为您提供小示例项目以完成。
2. 做一个网站： 预计三个小时的课程时间将带您从头开始手工重新创建最新版本的 Airbnb 主页。

只需 10 个小时就可以让基础知识摆平。 这是一个很小的时间投资，在将您的技术印章提高到可接受的最低水平以及能够理解您的设计将如何实际实施的基本框架方面，它本身就是合理的。

3. 学习一门编程语言

与开发人员一起工作并不意味着您必须自己成为编码向导，但对至少一种编程语言的某种基本了解将大大有助于您有效地协作。

在这里选择的明显语言是 JavaScript。 以下是它的三个主要优点：

1. 它为您设计的许多交互提供动力： 随着 Flash 的消亡，JavaScript 成为绝大多数在线动画和交互的驱动力。 如果您正在设计比完全静态的、主要基于文本的页面更复杂的东西，那么 JavaScript 正在其中的某个地方做一些繁重的工作。
2. 它是地球上最流行的编程语言： JavaScript 是全球开发人员中的主导语言，并且每年都在变得越来越重要。 如果您作为设计师还没有处理过它，那么不久您就会被迫 – 走在潮流的前面！
3. 它正日益成为 WordPress 的未来： Matt Mullenweg 最近的 State of the Word 地址和 Calypso 的发布都非常清楚地表明 WordPress 的未来将主要基于 JavaScript。 如果您为该平台进行了生活设计的任何部分，那么现在就是开始学习的好时机。

对于新手来说，JavaScript 也是一种相对容易上手的语言——即使对其语法和概念的模糊熟悉也可以很好地转移到许多其他流行的语言，如 Ruby、PHP 和 Python。

学习 JavaScript 的方法有很多，但最容易获得的方法之一是遵循 Marijn Haverbeke 在 Eloquent JavaScript 中概述的简单（而且免费！）学习路径。

Eloquent Javascript 将把你从完全的初学者带到对这门语言的合理了解，并给你五个小的实用项目，让你在这个过程中不断进步。 它不会神奇地将您转变为全职开发人员，但它会提供以下内容：

1. 您可以在日常设计和原型制作方面积极使用的语言的具体细节。
2. 快速实用地了解开发人员每天实际实现设计所依赖的许多概念。

即使对 JavaScript 有基本的了解也能使您成为更好的设计师，并使您能够用他们熟悉的术语与开发人员交谈，同时加深您对他们每天面临的问题的理解——无论您以何种方式看待它都是双赢的。

4. 选择一个文本编辑器并熟悉它

当您解决了我们列表中的第二点或第三点时，您就会明白文本编辑器是开发人员花费大部分时间的地方。 作为设计师，选择一个像样的文本编辑器并熟悉它的使用非常符合您的兴趣。

正如 Khoi Vinh 最近的 Subtraction.com 设计工具调查所表明的那样，HTML/CSS 仍然是顶级设计师快速原型制作的首选。 如果您对手动模拟自己的演示还不适应，您可能应该这样做。 当您这样做时，一个体面的文本编辑器将大大改善您的工作流程。

选择哪个文本编辑器最终是个人问题，但有两个特别适合设计师：

1. 崇高的文字： 这个跨平台的文本编辑器不仅看起来不错，它还让大量的功能触手可及，并且非常适合前端编码。
2. 网络风暴： 如果您要花费大量时间处理 JavaScript、HTML 和 CSS 文件的组合，WebStorm 几乎拥有您完成常见任务和随着时间的推移微调您的工作流程所需的一切。

作为一名前端设计师，您将不可避免地最终不得不与开发人员一起处理一些小的代码更改。 一想到必须打开文本文件就惊恐地举起双手，坦率地说，这是一种业余行为，并不能说明您将成为整个团队的有效组成部分。

专业设计师至少应该具备处理一些 HTML 和 CSS 的能力，花时间学习文本编辑器将为您节省大量时间。

5.了解版本控制

版本控制是一个深受开发人员喜爱的主题，但当您从非技术背景第一次接触到它时，它可能会让人神魂颠倒。

然而，这并不是仅限于开发人员关注的领域。 多年来，设计师们一直在为如何最好地管理资产和跟踪变化而苦苦挣扎，尽管有 Adob​​e 的 Version Cue 和 LayerVault 等尝试，但它仍然是一个距离被破解还有很长一段路要走的难题。

在开发世界中情况并非如此。 版本控制本质上是为开发人员解决的默认问题…

原文链接：https://www.wordpresshy.com/363818