作为一名正在寻找与开发人员合作的更好方式的交互设计师,我尝试向我当前的客户介绍 Pattern Lab。然而,前端框架的首席开发人员却对此表示反对。他的论点的主要要点:
我们的工具包具有复杂的组件,除了 HTML/CSS 之外,还需要 JavaScript 或 JS 库。这不会与模式实验室中的 Mustache 或 Handlebars 模板很好地混合。因此,我们使用 Angular JS,它是我们编写组件的框架。
我试图寻找讨论该主题的文章。有nothing https://stackoverflow.com/questions/tagged/patternlab.io+angularjs据我所知,这里是这样。在外面,我只发现了一些帖子(example http://www.bigeng.io/the-living-style-guide-pattern-lab/),但除了一个解析问题之外,没有任何专门讨论 Pattern Lab 与 Angular(缺乏)兼容性的主题。solved https://github.com/pattern-lab/patternlab-php/issues/209两年前。
作为一名非程序员,我没有必要的影响力来影响我的开发人员同行。如果有实践经验的人能详细说明一下就好了。
使用 Pattern Lab 创建的可重复使用的模式有绝不依赖于 Mustache,因此您的开发人员可以放心,模式实验室不会引入任何会延续到其代码中的依赖项。
事实上,无论是否使用 Pattern Lab 构建,样式指南的全部要点是构建一个独立于语言的样式模式库(HTML 标记和 CSS),开发人员可以在他们的应用程序中重用这些库,无论他们是否选择构建它们在 AngularJS、ReactJS、简单的旧服务器端代码隐藏或其他内容中。
模式实验室只是维护样式指南的前端开发人员或设计师的一个方便工具。它生成一个静态风格指南网站,展示不同的模式。该网站将成为项目开发人员使用这些模式的工具。正如 AngularJS 可以在任何静态站点中使用一样,它当然也可以在使用 Pattern Lab 生成的静态站点中使用。
Mustache 是 Pattern Lab 用于生成静态网站的工具堆栈的一部分,但没有任何 Mustache 的痕迹或对其的依赖关系会转移到生成的网站中。我为几个 AngularJS 团队提供托管在 Pattern Lab 上的设计模式服务,他们中没有一个人曾经接触过甚至不知道 Mustache。
如果您的开发人员熟悉 Bootstrap 或 Foundation 等前端框架,它们为不同的前端块提供了记录的模式,那么这也是一样的。不同项目的开发人员可以复制 HTML 标记和 CSS 代码,而无需任何其他依赖项。
风格指南应该是任何现代 Web 开发设置的先决条件,因为它是开发人员和设计人员之间智能、高效协作的先决条件,并使快速原型制作变得更快。因此,我认为您应该讨论的是是否应该使用样式指南来进行协作并帮助更有效的协作。如果您对此达成一致,Pattern Lab 就是开发一个明智的选择。
这里很好地介绍了如何使用样式指南,以及可以用来构建样式指南的不同工具集。模式实验室列在样式指南平台部分下:https://www.smashingmagazine.com/2015/04/an-in-deep-overview-of-living-style-guide-tools/ https://www.smashingmagazine.com/2015/04/an-in-depth-overview-of-living-style-guide-tools/
希望这可以引发与您的开发人员更好的讨论,如果他们阻止您构建样式指南,他们就会错过。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)