AEM En este artículo, aprenderá a utilizar sistemas del estilo de la para permitir a los diseñadores, autores de contenido y desarrolladores de su organización crear y ofrecer experiencias a la velocidad y a la escala que esperan sus clientes.
AEM Los sistemas de estilo de la 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 utilizar | Configura las políticas de plantilla para los componentes con estilo añadiendo 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 según sea necesario para lograr la apariencia deseada |
Aunque esta es la configuración inicial, muchos de nuestros clientes han conseguido una agilidad adicional optimizando este proceso, por ejemplo cargando su CSS en el DAM, lo 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 luego se pueden aprovechar sin implementación ni desarrollo.
Los sistemas de estilos vienen en algunos sabores diferentes:
Estilos de diseño
Cambios multifacéticos en el diseño y la presentación
Se utiliza para representaciones bien definidas e identificables
Estilos de visualización
Variaciones menores que no cambian la naturaleza fundamental del estilo
Por ejemplo, cambiar el esquema 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 a los diálogos. Ayudan a simplificar las cosas, pero puede haber casos en los que desee utilizar propiedades de componentes o cuadros de diálogo en lugar de crear un sistema de estilos para ellos.
Pueden agilizar los procesos desde la perspectiva del desarrollo. Puede lograr varios aspectos del mismo contenido con un sistema de estilos. Del mismo modo, desde una perspectiva de creación, en lugar de formar autores, y los autores que tienen que recordar qué componente utilizar en qué palacio, se puede acelerar la velocidad de creación.
Las cosas son simplemente más limpias. El HTML dentro de los componentes principales es muy detallado. Hacer todo esto en el nivel CSS hace que el componente se cree más rápido y que el código también sea más limpio.
Por último, el uso de los sistemas de estilos es más arte que ciencia. Como hemos comentado, hay una serie de 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 de clientes con Will Brisbane y Joseph Van Buskirk.
Obtenga más información sobre estrategia y liderazgo mental en Éxito del cliente hub.