在本篇文章中,您将了解如何使用AEM式系统,使组织中的设计人员、内容作者和开发人员能够按照客户期望的速度和规模创建和提供体验。
AEM Style Systems有四个主要优点:
五步设置与标准组件开发工作流非常相似。
领导力 | Designer | 开发人员/架构师 | 模板作者 | 内容作者 |
---|---|---|---|---|
确定该组件的内容和目标 | 确定内容的视觉和体验呈现方式 | 开发CSS和JS以支持体验;定义并提供要使用的类名 | 通过添加由开发人员定义的CSS类名,为样式化组件配置模板策略。 每种样式都应使用用户友好名称。 | 在创作页面时,会根据需要应用样式以获得所需的外观 |
虽然这是初始设置,但我们的许多客户通过简化此流程实现了额外的灵活性,例如将其CSS上传到DAM,从而允许更新样式而无需部署。 其他客户则拥有功能齐全的实用程序类集,这使他们能够开发组件和样式,然后无需部署或开发即可利用这些组件和样式。
时尚系统有几种不同的风格:
布局样式
对设计和布局的多方面更改
用于明确定义和可识别的演绎版
显示样式
不会改变风格基本特性的细微变化
例如,更改颜色方案、字体、图像方向等。
信息样式
如需这些功能的演示,我们建议您观看我们的 客户成功网络研讨会 威尔·布里斯班和约瑟夫·范布斯柯克。
样式系统减少了复杂对话框的需要,但是它们不是对话框的替代。 它们有助于简化操作,但在某些情况下,您可能要使用组件属性或对话框而不是为其创建样式系统。
他们可以从开发角度简化流程。 您可以使用一个样式系统获得同一内容的多重外观。 同样,从创作角度来看,与其培训作者,作者必须记住使用哪个宫殿的组件,您可以加快创作速度。
事情就是干净的。 核心组件中的HTML非常详细。 在CSS级别执行所有这些操作可加快组件构建速度并简化代码。
最后,样式系统的使用更多的是艺术而非科学。 正如我们所讨论的,虽然有多种最佳实践,但您可以灵活地自定义组织的设置。
欲知更多信息,请查看我们的 客户成功网络研讨会 威尔·布里斯班和约瑟夫·范布斯柯克。
欲进一步了解战略和思想领导力,请访问 客户成功 集线器。