PatternFly 与 Bootstrap 的区别？

去年六月，Opensource.com 让读者了解了 PatternFly 的幕后故事，它是如何诞生的，以及为什么开发者应该了解这个项目。这一次，我认为重要的是听取实际使用 PatternFly 的人的意见。本系列旨在通过开发者的视角了解更多关于 PatternFly 的信息。

为了启动这个系列，我采访了 Andrés Galante，他是一位精通 HTML 和 CSS 的专家，在 Less、Sass、Bootstrap 和 Zurb Foundation 方面拥有丰富的经验。Andrés 周游世界，在会议上发表演讲，内容涉及前端开发和 PatternFly。他还因 倡导设计师和开发者之间更好的协作 而闻名。Andrés 目前在红帽公司担任 用户体验设计 (UXD) 团队 的交互设计师，居住在阿根廷布宜诺斯艾利斯。

您第一次使用 PatternFly 的体验是什么？

我对 PatternFly 一见钟情。我已经很了解 Boostrap，而 PatternFly 是企业 Web 应用程序缺少的关键部分。对我来说，上手 PatternFly 很容易。它很无缝。我进入代码，阅读它，发现它很有道理，因为一切都像 Bootstrap 一样编写。它只是遵循我早已习惯的相同规则。

PatternFly 与 Bootstrap 的区别？

PatternFly 的外观和感觉是“企业级”的。它非常专注并致力于一件事，而 Bootstrap 适用于任何其他 Web 应用程序，并且对于您想构建的任何内容都具有更通用的外观。在使用 PatternFly 后，我还意识到我们将测试集成到 PatternFly 流程中，以确保我们交付可靠的组件。

是什么激励您在会议上发表演讲？

我喜欢旅行，会议是结识朋友和获得新想法的好环境。当您参加会议时，那里有非常聪明和有能力的人，他们知道自己在做什么。因此，每当您谈论您正在构建的内容时，您都会从以前从未听说过的不同角度获得意见。您还可以获得新合作的想法。

因为开发者非常热衷于开源，所以他们喜欢协作。这通常不会发生在设计会议上。它们是不同的——在某种程度上是封闭的。当您告诉开发者关于 PatternFly 时，他们想玩玩它。他们想打开它看看里面有什么。他们想看看他们可以用它做什么或如何改进它。这就是我喜欢会议的原因。我也希望 PatternFly 社区变得更大。我喜欢 PatternFly。我在 PatternFly 上工作。使用它并为其做出贡献的人越多，它就会变得越好。

对于开源来说，拥有良好的用户体验有多重要？

与任何项目一样，非常重要。*笑声*

这在开源中尤其如此，因为开源几乎没有设计师。如果能看到更多设计思维的参与就好了。设计师和开发者之间存在差距。如果开源领域的设计师和开发者一样多，结果可能会令人惊叹。

您认为是什么导致了开发者和设计师之间的隔阂？

双方都有责任。开发者应该更多地联系，看看如何将设计师融入他们的工作流程，而设计师不应该对他们所做的事情如此担忧。有很多方面需要考虑。沟通就是其中之一。Git 对于每个设计师学习都很重要，对于开发者向设计师教授 Git 也很重要。

当我刚来红帽时，他们教我 Git。第一周我制作了一些东西，他们告诉我，“除非它在 repo 上，否则我们无法使用它。”那是他们的工作流程，我们应该调整我们的流程以适应它。用户体验设计师在这里帮助开发者理解用户的目标，所以我们不应该只是说“按照我们说的做”。我们应该问，“我们如何在您的流程中提供帮助？”

您认为 PatternFly 有助于弥合设计师和开发者之间的差距吗？

我认为是这样。它是一种通用语言，但这并没有解决开源社区的问题。它并没有让设计师抽出空闲时间来为社区服务。另一方面，如果设计师加入一个社区并询问他们是否可以提供帮助，那应该不仅仅是构建一个徽标。设计师可以帮助构建应用程序的整个过程。

对于设计师来说，进入那个环境可能会非常令人生畏，并且可能会觉得他们占用了开发者太多的时间。

这些是开源开发者，所以一般来说他们很乐意提供帮助。当我来到红帽时，我觉得他们把我当成吉祥物。我什么都不知道。我搞砸了 repos 和所有代码，但他们并不在意。他们很有耐心教我他们的方法。拥有想要学习的心态，并希望他们帮助使用我所做的事情。Brian [Leathem] 就是一个很好的例子。他会发现你的技能是什么，并达到那个程度，以便他可以使用你生产的东西。我想这是双向的，但我认为如果任何设计师加入开源社区并尝试提供帮助，那么他们将能够以某种方式提供帮助。

哪个开源社区为您指明了方向？

Aerogear 社区。他们都以某种方式帮助了我。我加入团队的第一周，来自捷克共和国的开发者 Lukas Fryc 陪我坐了四个小时，只是为了让我的本地系统工作。这本应只需 10 分钟，但我需要从头开始安装所有东西。四个小时！我简直不敢相信。我想这就是他们多么想要一位设计师。

当您加入 Aerogear 时，他们已经在使用 PatternFly 了吗？

他们是最早使用 PatternFly 的人之一，所以那是一个非常早期的版本。今天它看起来与那时完全不同。我几乎是从头开始的。这很酷。我们进行了用户研究，研究了不同的用例，然后使用 PatternFly 2 构建了 Unified Push Console。

您参与了测试、用例、设计和前端开发吗？

是的，HTML 和 CSS。不是 Angular 部分。移动团队构建 RHMAP (红帽移动应用程序平台)。他们计划将工作室迁移到 PatternFly。这就是为什么当他们开发新的独立工具（如 API 映射器）时，他们会使用 PatternFly。

您说 Aerogear Unified Push Server 是从早期版本的 PatternFly 开始的。您能告诉我更多关于他们从哪里开始以及最终使用 PatternFly 的演变过程吗？

除了看起来很奇怪之外，可用性也很差。需要多次点击才能到达您想去的地方，并且入职流程非常糟糕。那是我想要改进的东西。我们更改了入职流程，以便当用户被介绍到 UPS 控制台时，他们会按照步骤设置和运行应用程序。

是的，我记得。您为 PatternFly 贡献了 Empty State 模式。

是的，那个模式就是从那里来的。所以，在我看来，UPS 不仅看起来更好，而且行为也更好。

您希望在 PatternFly 中看到什么？

[技术] 文档是一个很好的起点。这些模式为设计师提供了完善的文档。我们需要为开发者提供更好的文档。每个组件都有自己的代码片段，但它没有深入探讨变体是什么、如何实现这些变体、如何使用它们、如何在上下文中使用它们以及其他对开发者有用的东西。

新网站解决了查找信息的许多问题。我们已经开始做的另一件事是演示应用程序和布局，以便于 PatternFly 的入门。演示应用程序是使用现成的 PatternFly 组件制作的示例应用程序。它具有运行应用程序所需的所有设置和构建。开发者可以将其作为起点并在此基础上进行构建。这些事情应该是 PatternFly 向前迈出的一大步。

是的，我们期待在 6 月推出新网站，并在不久的将来包含演示应用程序。就文档而言，我们是一个小团队，但正在调查如何为 PatternFly 安排合适的人员和流程。

对于想要开始使用 PatternFly 的人，您有什么建议？

我们在 GitHub repo 上有一个 快速入门指南，它应该为您提供一个开始使用 PatternFly 的好方法，或者至少给您一个基本的介绍。除此之外，只需使用 Bower 或 npm 下载项目，或 fork 它并进行尝试。复制并粘贴代码片段，看看会发生什么。我们是一个小社区，所以我们是一个乐于助人的社区。

如果任何人需要帮助，请访问我们的 IRC 频道 或 发送电子邮件，我们可以指导他们到达他们想去的地方。对于任何参加 红帽峰会 的人，您可以在 Community Central 的 PatternFly 展位找到我，我很乐意在那里聊天或回答任何问题。