En este artículo, aprenderá a utilizar sistemas de estilo AEM para potenciar a diseñadores, autores de contenido y desarrolladores de su organización a fin de crear y ofrecer experiencias a la velocidad y la escala que esperan sus clientes.
AEM sistemas de estilos tienen cuatro ventajas clave:
La configuración de 5 pasos es muy similar a un flujo de trabajo de desarrollo de componentes estándar.
Liderazgo | Designer | Desarrollador/Arquitecto | Autor de plantillas | Autor de contenido |
---|---|---|---|---|
Determina el contenido y los objetivos de ese componente | Determina la presentación visual y experiencial del contenido | Desarrolla CSS y JS para admitir la experiencia; define y proporciona nombres de clase para usar | Configura las políticas de plantilla para los componentes con estilo mediante la adición de nombres de clase CSS definidos por los desarrolladores. Los nombres descriptivos deben aprovecharse para cada estilo. | Durante la creación de páginas, aplica los estilos necesarios para lograr el aspecto deseado |
Aunque esta es la configuración inicial, muchos de nuestros clientes han conseguido agilidad adicional al simplificar este proceso, por ejemplo, al cargar su CSS en DAM, que permite actualizar los estilos sin necesidad de implementación. Otros clientes tienen un conjunto completo de clases de utilidades, que les permite desarrollar componentes y estilos que se pueden aprovechar sin implementación ni desarrollo.
Los sistemas de estilos tienen algunos sabores diferentes:
Estilos de diseño
Cambios multifacéticos en el diseño y el diseño
Se utiliza para una representación bien definida e identificable
Mostrar estilos
Variaciones menores que no cambian la naturaleza fundamental del estilo
Por ejemplo, cambiar la combinación de colores, la fuente, la orientación de la imagen, etc.
Estilos informativos
Para ver una demostración de estas funciones, le recomendamos que consulte nuestra Seminario web de éxito del cliente con Will Brisbane y Joseph Van Buskirk.
Los sistemas de estilos reducen la necesidad de diálogos complejos, pero no sustituyen al diálogo. Ayudan a simplificar las cosas, pero puede haber algunos casos en los que desee utilizar propiedades de componentes o cuadro de diálogo en lugar de crear un sistema de estilos para él.
Pueden racionalizar los procesos desde una perspectiva de desarrollo. Puede conseguir múltiples aspectos del mismo contenido con un sistema de estilos. Del mismo modo, desde la perspectiva de la creación, en lugar de formar a los autores, y teniendo en cuenta qué componente utilizar en cada palacio, puede acelerar la velocidad de creación.
Las cosas son simplemente más limpias. El HTML dentro de los componentes principales es muy detallado. Todo esto a nivel de CSS hace que el componente se compila más rápido y el código también es más limpio.
Por último, el uso de Style Systems es más arte que ciencia. Como hemos analizado, existen varias prácticas recomendadas, pero tendrá flexibilidad para personalizar la configuración de su organización.
Para obtener más información, consulte nuestra Seminario web de éxito del cliente con Will Brisbane y Joseph Van Buskirk.
Obtenga más información sobre la estrategia y el liderazgo mental en Éxito del cliente hub.