我是如何在一个像素上损失 1000 美元的

这是一个客户如何让我在移动 1 像素的东西上损失 1000 美元的故事。它改变了我的职业生涯，而且我从未要求退还这笔钱。它还告诉我一些关于 Web 开发如何转变的事情，我们可以适应这些变化。

过去，我经营一家社交媒体机构。除了使用内部尖端系统运行社交媒体帐户外，我们还为我们的客户举办比赛和制作小型营销应用程序。

有时客户来了并不知道，所以我们从头开始设计一个应用程序。我们很少有客户为要开发的营销应用程序提供现成的设计。

通常我所做的只是松散地遵循设计以适应客户的预算。每个人都很开心，比赛很成功，给我们的客户带来了很多新的追随者和广泛的品牌知名度。

那是社交媒体的开端，与现在相比，通过有机活动接触客户要容易得多。

因此，我作为 Web 开发人员的生活相当舒适。直到那个客户进来。他不想参加比赛。他想在他的社交媒体帐户上有一个时事通讯订阅页面。

我不会提及社交媒体平台的名称，但在过去，它能够使用 HTML、CSS 和 JS 在您的社交媒体页面上创建子页面。

我为这项任务商定的预算是合理的；客户接受了它。我有足够的时间不急不忙地完成订单。

我忘了提吗？他为时事通讯页面设计了自己的设计。它美丽而引人注目，远远超过了当时营销应用程序的想法。

对我来说，它使任务变得更容易，因为我只需要编写页面并转到其他任务。混杂了两天后，我完成了着陆页，发给了客户，结果很满意。

但是客户没有分享我的热情。他告诉我着陆页与设计不同。好吧，确实如此。设计只是一种灵感，我只是将所有东西或多或少地放在了正确的位置。

我想，好吧，我会再调整一下。将按钮向左移动，图像向上移动，依此类推。这对我来说很常见，因为经常，即使在制定完美的解决方案时，一些客户也会要求进行一些更改。

这是一个自然而重要的步骤，因为它给客户一种参与感和满足感，因为他拥有了他想要的东西。

又过了几天，我调整了时事通讯的着陆页，发给了客户。一个小时后，我得到了回复，“它仍然是倾斜的。”

这让我很失望，因为实施*几乎*是所提供设计的完美代表，而且我用完了这个项目的预算。

就在那个时候，我决定制作一个实现的屏幕截图，并将其覆盖在 Paint.NET 应用程序中的设计上。它揭示的是，虽然实现与设计相似，但元素在各个方向上都与设计相距甚远。

直到我生命中的这一点，我对没有看到像素差异感到非常高兴。我很沮丧。但我真的很想完成我接下的这个任务。所以我进一步研究了这个项目。通过额外工作几个小时，我总共超出了预算 300 美元。

这一次，我选择了不同的方法。我没有尝试调整实施。我只是移动了元素，所以它们 100% 适合 Paint.NET 中的设计。这是我的第一个像素完美实现。

在我的脑海里，我在“这没有意义”和“让我们试试看”之间挣扎。最后，我能够将新版本发送给客户。一旦像素完美，客户就会接受结果。

我本来打算马上转到下一个任务，但我很好奇。有什么区别？我并排打开了两个 Paint.NET 应用程序来比较我的第一个实现和像素完美的实现。

我相当不拘一格的工程眼所看到的是惊人的。我最初的实现看起来很难看！我以前从未见过它，并且认为这 2-3 个像素的差异不会影响感知。但我在那里，用一种糟糕的眼光看着时事通讯《蒙娜丽莎》。

我最初想用像素向客户收取这种废话。但是，考虑到我只是在学习非常重要的东西，所以我只是向他收取了基本费用。

这一刻和这个客户巩固了我从前端开发人员到设计开发人员的转变。从那时起，我与很多设计师、客户和前端开发人员一起工作。

不是每个人都期望像素完美的实现。这并不总是必要的，也不总是明智的。但有时确实如此，尤其是当你想吸引顾客时。

好的设计会吸引人们的眼球。好的设计隐藏在您添加到 CSS 表中的 1px 中。

为了能够专注于此类问题，您必须对软件的技术方面进行梳理。这样就可以在您的电子商务商店或应用程序的营销、业务和体验方面投入更多精力。

这就是为什么我喜欢Elastic Path提供的功能。这是一家赞助我参加这篇文章的比赛的公司。它们提供了建立多个电子商务站点所需的所有操作功能。

作为一名开发人员，我喜欢这个想法，因为我更关注业务需求，而不是维护和开发产品目录、支付系统等。他们提供了一个易于使用的 API，你可以直接进入你的新电子商务场所.

如果您喜欢这篇文章，请点击心形图标，发表评论，并在社交媒体上分享。干杯!