使用AEM样式系统加快内容速度

在本篇文章中，您将了解如何使用AEM式系统，使组织中的设计人员、内容作者和开发人员能够按照客户期望的速度和规模创建和提供体验。

概述

AEM Style Systems有四个主要优点：

五步设置与标准组件开发工作流非常相似。

领导力	Designer	开发人员/架构师	模板作者	内容作者
确定该组件的内容和目标	确定内容的视觉和体验呈现方式	开发CSS和JS以支持体验；定义并提供要使用的类名	通过添加由开发人员定义的CSS类名，为样式化组件配置模板策略。每种样式都应使用用户友好名称。	在创作页面时，会根据需要应用样式以获得所需的外观

虽然这是初始设置，但我们的许多客户通过简化此流程实现了额外的灵活性，例如将其CSS上传到DAM，从而允许更新样式而无需部署。其他客户则拥有功能齐全的实用程序类集，这使他们能够开发组件和样式，然后无需部署或开发即可利用这些组件和样式。

时尚系统有几种不同的风格：

注意

如需这些功能的演示，我们建议您观看我们的客户成功网络研讨会威尔·布里斯班和约瑟夫·范布斯柯克。

首先实体化缺省样式
- 应用样式系统之前组件在页面上放置时的布局和显示
- 这应该是最常用的演绎版
尽量只显示具有效果的样式选项
- 如果暴露了无效的组合，请确保它们不会产生负面影响
- 例如：指示图像位置的布局样式，并伴有控制图像位置的无效显示样式
在组合显示样式上选择布局样式
- 减少必须检查质量的排列数量
- 确保遵守品牌标准
- 简化了内容作者的创作
- 帮助创建一致的网站品牌标识
使用组合样式时要保守
- 在类别间和类别内
分配适当的时间以彻底测试组合样式
- 有助于避免不良影响
最大程度地减少样式选项和排列数量
- 太多选项可能会导致外观和感觉缺乏品牌一致性
- 可能会导致内容作者感到困惑，不知需要哪种组合才能获得预期效果
- 增加必须检查质量的排列
使用便于企业用户使用的样式标签和类别
- “蓝色”和“红色”，而不是“主要”和“次要”
- “卡片”和“主页”而不是“变量A”和“变量B”
- 对于某些客户来说，这可能更具有普遍性；设计团队、业务团队和内容团队非常熟悉它们的主要颜色和次要颜色以及正在测试的变体。但就灵活性和未来任何变革的可能性而言，使用特定术语可能更为有效。

样式系统减少了复杂对话框的需要，但是它们不是对话框的替代。它们有助于简化操作，但在某些情况下，您可能要使用组件属性或对话框而不是为其创建样式系统。

他们可以从开发角度简化流程。您可以使用一个样式系统获得同一内容的多重外观。同样，从创作角度来看，与其培训作者，作者必须记住使用哪个宫殿的组件，您可以加快创作速度。

事情就是干净的。核心组件中的HTML非常详细。在CSS级别执行所有这些操作可加快组件构建速度并简化代码。

最后，样式系统的使用更多的是艺术而非科学。正如我们所讨论的，虽然有多种最佳实践，但您可以灵活地自定义组织的设置。

欲知更多信息，请查看我们的客户成功网络研讨会威尔·布里斯班和约瑟夫·范布斯柯克。

欲进一步了解战略和思想领导力，请访问客户成功集线器。