Darkroom 如何构建下一代移动优先的摄影工具

Darkroom 是由一群前 Facebook 同事和经验丰富的应用程序开发人员开发的应用程序，它为业余和专业用户带来了直观的编辑体验 — 从 iPhone 扩展到 iPad、Mac，现在又扩展到 Vision Pro。 我们有机会与 Darkroom 的联合创始人兼产品设计师 Jasper Hauser（三届 Apple 设计奖得主）进行交流，探讨该应用程序的历程、其背后的设计理念以及他们如何使用 Sketch 将他们的想法变为现实。

您能告诉我们有关 Darkroom 背后的团队和灵感吗？

Darkroom 是我的联合创始人 Majd 的愿景。 作为我们在 Facebook 工作期间的前同事和亲密朋友，Majd 对移动照片编辑的热情激发了最初的想法。 他开始为 iPhone 构建 Darkroom，并使用拆分界面设计应用程序：上半部分用于查看照片，特别是考虑到 Instagram，下半部分用于访问强大的编辑工具。 这种设置使用户可以轻松地创建自己的预设。 今天，我们是一个由四个核心成员组成的小团队：Majd、Joe、Jeff 和我自己。 多年来，我们还有其他全职和兼职贡献者，许多其他人以不同的方式为该项目贡献了他们的才能。

自 2015 年推出以来，Darkroom 经历了几个关键的发展：2018 年从 iPhone 扩展到 iPad，2020 年首次在 Mac 上亮相，并在 2022 年推出了高级遮罩工具。我们对质量和用户体验的奉献精神得到了 Apple 设计奖的认可，从早期到现在，我们的目标始终是让用户能够以最简单、最有效的方式将他们的创意愿景变为现实。

Darkroom 的最初设计是如何形成的？

最初的设计是 Majd 创建的 iPhone 原型版本。 从一开始，他的想法就是通过计算编辑照片所需的点击次数来提供直观而高效的移动工作流程 — 并（首次）在移动设备上提供曲线和颜色等工具，以便人们可以创建以前难以或不可能实现的预设外观。

从我的角度来看，真正的“突破”是编辑界面布局。 Majd 提出了一个简单但独特的布局，顶部有一个正方形照片的空间，其余空间用于下面的工具。 还记得过去美好的正方形 Instagram 和小巧的 iPhone 5 时代吗？ 这种设置提供了出色的人体工程学，并且能够仅用拇指进行导航和基本编辑。 滑动也用于关闭照片并导航到上一个和下一个镜头。

在早期，我所做的只是鼓掌并确认他的直觉，即这是一种可靠的方法。 2016 年我正式加入担任产品设计师后，我开始贡献更多：优化工作流程，使其更加直观和易于使用，发展业务并扩展到其他平台。

您能告诉我们 Darkroom 的设计方法吗？

我和 Majd 的设计方法的关键方面之一是我们对设计、摄影和工程学的理解和技能有很强的重叠。 即使 Majd 是我的技术联合创始人，他同样也是一位设计思想家和合作伙伴。 我们密切合作进行产品和交互设计，并期望团队中的每个人都能够对这些主题持有松散但坚定的意见。 我经常进行市场调查、创建设计模型和构建原型，以促进讨论和实施计划。 我们在启动前做好功课，多次迭代，并且我保留详细的笔记来跟踪我们的进展。 此外，我创建带有视频演练的原型来展示工作流程和用例，这有助于产生来自团队的宝贵反馈。

一旦我们清楚地了解了范围、阶段和挑战，我们更愿意尽早开始构建，而不是更晚。

一旦我们清楚地了解了范围、阶段和挑战，我们更愿意尽早开始构建，而不是更晚。 这有助于我们发现实际实施的复杂性，并解决有关产品和设计的任何剩余问题。 对我们来说，设计产品的后半部分发生在我们开始构建它时。 在此阶段，我们会进行详细的产品审查，自由讨论想法，并在手头有产品的情况下进行迭代。 我们投入大量时间从原型到功能完成的过渡，不断地改进和完善。 对于更大的功能，我们还倾向于邀请一些外部人士来权衡我们正在构建的内容。

ADA 是您从早期就设定的目标，还是只是 Darkroom 发展的一部分？

赢得 ADA 并不在我的考虑范围内，特别是考虑到我已经在我之前的 Made by Sofa 的风险投资公司 Versions 和 Checkout 中体验了赢得 Apple 设计奖的乐趣。 然而，看到 Majd 的热情和我们团队的奉献精神，赢得 ADA 成为我们对卓越承诺的主要证明。

在行业工作了九年多，您能分享一下 Darkroom 多年来如何蓬勃发展的见解吗？

我了解到，倾听用户的声音并优先考虑他们的需求会产生令人惊讶的影响 :) Darkroom 的成功建立在这个原则之上：不断根据反馈进行迭代，从而创造出色的用户体验。 在技术领域保持领先地位意味着不断发展，对于 Darkroom，我们拥抱了新的平台、技术和趋势，确保我们在保持核心简单性的同时保持相关性。

无论是性能、稳定性还是用户支持，保持高标准都建立了信任和可靠性。

我们从未在质量上妥协。 无论是性能、稳定性还是用户支持，保持高标准都建立了信任和可靠性。 坚持不懈也是关键 — 在面对挑战时永不放弃并保持持续的努力推动了我们随着时间的推移的成功和增长。

将 Darkroom 从 iPhone 扩展到 iPad，再到 Mac 和 Vision Pro 的过程是怎样的？

将 Darkroom 扩展到多个平台是一个战略举措，旨在满足我们用户在任何地方的需求并发展我们的业务。目前，iPhone 仍然占用户的大约一半，而 iPad 和 Mac 现在各占另一半。最初，在 iPhone 上，我们专注于优化点击和滑动操作，创建了一个精简的、基于触摸的界面。转移到 iPad 让我们能够彻底重新思考用户体验。我们利用更大的屏幕引入了更全面的工作区，并启用了横向布局，这使得可以使用双手甚至键盘来使用该应用程序。

当我们转移到 Mac 时，我们首先调整了我们的 iPad 版本，但很快就开始接受 Mac 特定的设计语言和功能，例如更深入的键盘快捷键支持、更好的拖放功能等。这种方法使我们能够慢慢地迎合更严肃的摄影师和喜欢使用桌面环境进行详细编辑的用户。

对于 Vision Pro，我们只是简单地将我们的 iPad 应用程序提供在该平台上，并进行了一些小的修改，利用其功能来提供沉浸式编辑体验。随着平台的发展和成熟，我们将开始更多地定制我们的体验——我已经有很多 Artboards 充满了想法。

你们如何保持所有平台的一致性？

这是一个有趣的平衡。在核心方面，我们确保我们的配色方案和图标保持一致。我们的大部分视图颜色都与系统颜色紧密对齐，但没有任何色调，与 Apple 不同，以避免影响照片的外观。我们有我们标志性的红色主色和完全自定义的数百个图标库。

在可能的情况下，我倾向于将我们的核心视图设计为可在多个平台上重用。我们的专辑列表、编辑工具栏和工具视图在不同设备上基本一致。如果它们不一致，那是因为存在空间限制或机会，为此我们设计了不同的体验，例如“转换”和“色彩分级”工具。但是，我们会调整导航模式和控件大小以匹配原生平台约定，确保一切都感觉熟悉且易于使用。这意味着，虽然可能存在一些纯粹主义设计上的不一致，但接受特定于平台的约定有助于我们保持整体的连贯性，并在统一的品牌形象和针对每个平台定制的用户体验之间取得平衡。

作为 AI 驱动的蒙版的先驱，我们很想知道这个决定是如何产生的，以及有哪些挑战？

我们的 AI 驱动的蒙版进一步赋予摄影师精确编辑照片的能力，只需轻点几下，就可以将他们的愿景变为现实，这在以前要困难得多。从历史上看，画笔、线性和径向蒙版等工具在某种程度上帮助简化了此过程。但是，AI 驱动的蒙版，尤其是那些可以准确选择背景、主题或详细元素（如头发或天空）的蒙版，对工作流程的效率产生了重大影响。

幸运的是，Apple 和其他几家公司都免费提供了 Vision 机器学习模型，这对像我们这样的小型自筹资金公司至关重要。这意味着我们能够在非常合理的时间范围内进行技术原型设计、判断和创建可用于生产的实施方案。

令我们惊讶的是，使我们的 AI 支持的蒙版成为现实的最大挑战与 AI 本身无关，而是与产品的可用性和简单性有关。我们的目标是以这样一种方式集成这些功能，使用户可以从 AI 的强大功能中受益，而不会感到被复杂性所淹没——我们希望确保这些工具超级易于使用和发现。添加太多的模态和菜单可能会让人感到害怕，尤其是在移动设备上，因此我们非常专注于尽可能地简化界面。我们最终发布的是我在两年内进行的第五次重大设计修订的结果。这种迭代过程对于在高级功能和用户友好的设计之间取得平衡至关重要。

令我们惊讶的是，使我们的 AI 支持的蒙版成为现实的最大挑战与 AI 本身无关，而是与产品的可用性和简单性有关。

Darkroom 的多个图标和变体背后的故事是什么？

Darkroom 的应用程序图标的演变反映了应用程序的增长和创新。最初，该图标采用简约设计，灵感来自卑尔根附近的挪威山脉，象征着摄影的本质。当我在 2017 年通过 2.0 版本完全接手设计时，我的目标是在保留其核心本质的同时更新图标。我们希望该图标反映 Darkroom 的动态和创造能力，从耐克和苹果等品牌中汲取灵感，这些品牌创造性地发展其徽标，同时保持其核心身份。

每次重大更新都会为图标带来焕然一新的外观，兼顾实用性和美观性。例如，Version 3 的霓虹灯参考了模拟暗室中的安全灯，而 Version 4 则简化了设计以更好地集成 iPad。Mac 应用程序的图标采用了大胆的 Aqua 视觉风格，并且随着 Version 6 中添加了 AI 驱动的蒙版，我们引入了一个受大气透视启发的分割渐变。我们还采用了图标自定义，允许用户个性化他们的应用程序体验。这种方法帮助我们在一致性和创新之间取得平衡，确保我们的图标保持可识别但又清新。

我们迫不及待地想分享下一个主要版本及其随附的变体（我已经为此工作了一段时间！）。如果您想了解更多信息，我们写了一篇博客文章，其中深入探讨了该主题。

是否有某个特定功能因意外受到用户的欢迎而让您感到惊讶？

在大多数情况下，我们设法将用户的需求与我们理解和构建他们想要的功能的能力结合起来。但是，也有些令人惊讶的事情。边框就是一个有趣的例子。最初，我们决定删除它，因为它表现不佳，但我们的收件箱充满了用户要求将其恢复的消息，因此我们重新设计并重建了它，并使其成为一个与众不同的功能——这表明有时删除某些功能可能是有价值的。我们刚才谈到的 AI 支持的蒙版也很受欢迎。

最后，我们注意到使用和探索社区预设的人数大幅增加。很高兴看到我们的社区对这一功能的参与程度如此之高，并且凸显了我们旨在在 Darkroom 中培养的协作精神。

预设在创建社区中扮演什么角色？

预设通过使用户能够分享他们的创造力、帮助他人并改善整体用户体验，从而在 Darkroom 中培养社区意识方面发挥着重要作用。我们通过 Nolt 和社交媒体等平台密切关注我们的社区，并且每年进行几次采访，以了解他们最新的需求和偏好。这种反馈对于塑造 Darkroom 的发展和产品决策非常宝贵。

哪些特定的 Sketch 功能对您设计 Darkroom 的帮助最大？

在这个行业干了 25 年，并且从 Photoshop 过渡到 Sketch，令人着迷的是，我们经常强调最新的花哨的 AI 功能，而没有意识到最初奠定基础的突破性工具。Sketch 是第一个真正的产品设计师工具，它的许多功能现在都被认为是理所当然的。

画板彻底改变了我们组织设计的方式，这已经与我们使用 Photoshop 的日子有了很大的不同。矢量工具实现了高性能、精确且可扩展的图形，这对于高质量设计至关重要。就像 P3 色彩空间支持一样，这对于设计像 Darkroom 这样的应用程序至关重要。我也喜欢在飞行和旅行时使用 Sketch，而且它是一个原生应用程序，这使得整体设计更加愉快。虽然协作和丰富的原型设计工具很棒，但作为一个小团队，我们对它们的依赖程度要低得多。然而，Sketch 的基础功能是不可或缺的。

您与 Sketch 有什么渊源？您能告诉我们您使用它进行的其他项目吗？

作为一位荷兰 Mac 爱好者，我从创始人 Pieter Omvlee 还在 Fontcase 时代就认识他了，甚至在他开始使用 Sketch 之前！我记得他向我展示了 Sketch 1 的第一个 beta 版本，当时我在 Made by Sofa 工作，它在早期就显示出了很大的潜力。Sketch 2 是一个巨大的里程碑，尤其是在 2012 年赢得了 Apple 设计奖时。我在 Facebook 经历了大型行业转型，我们从 Photoshop 过渡到 Sketch，在那里我将其用于我领导的几乎所有项目，包括 Facebook Pages 和 Facebook Events。从那时起，我一直使用 Sketch 进行 Darkroom 的所有工作。

您对哪些即将推出的功能感到兴奋，并且可以与我们分享？

哈，太多了！作为 Darkroom 的唯一设计师，我一直在为 Darkroom 未来五年的功能储备设计 :) 所以有很多选择。我最兴奋的是发布我们的新渲染引擎，它在性能和稳定性方面都有了巨大的改进。它解决了我们在 Darkroom 中几乎所有剩余的问题，并将使我们能够构建我们一直想要但被阻止的所有功能。我很高兴终于能够添加画笔和润饰工具、更多的照片管理和选择选项、新的编辑功能，并扩展我们与社区预设的合作。

您可以在 App Store 上找到适用于 iPhone、iPad 和 Vision Pro 的 Darkroom。如果您在 Sketch 中制作了一些让您引以为豪的东西，我们很乐意听到！请在我们的 社区论坛 中与我们分享。