Neste artigo, você aprenderá a usar sistemas de estilo AEM para capacitar designers, autores de conteúdo e desenvolvedores em sua organização a criar e fornecer experiências na velocidade e escala que seus clientes esperam.
Sistemas de estilo AEM têm quatro benefícios principais:
A configuração de 5 etapas é muito semelhante a um fluxo de trabalho padrão de desenvolvimento de componentes.
Liderança | Designer | Desenvolvedor / Arquiteto | Autor do modelo | Autor de conteúdo |
---|---|---|---|---|
Determina o conteúdo e os objetivos desse componente | Determina a apresentação visual e experimental do conteúdo | Desenvolve CSS e JS para oferecer suporte à experiência; define e fornece nomes de classe a serem usados | Configura as políticas do modelo para componentes estilizados, adicionando nomes de classe CSS definidos pelos desenvolvedores. Nomes amigáveis devem ser usados para cada estilo. | Ao criar páginas, o aplica estilos conforme necessário para atingir a aparência desejada |
Embora essa seja a configuração inicial, muitos de nossos clientes obtiveram agilidade adicional simplificando esse processo, por exemplo, carregando o CSS no DAM, o que permite atualizações de estilos sem a necessidade de implantação. Outros clientes têm um conjunto completo de classes de utilitários, o que permite desenvolver componentes e estilos que podem ser aproveitados sem implantação ou desenvolvimento.
Os sistemas de estilo têm alguns sabores diferentes:
Estilos de layout
Alterações multifacetadas no design e layout
Usado para representação bem definida e identificável
Estilos de exibição
Pequenas variações que não alteram a natureza fundamental do estilo
Por exemplo, alterar o esquema de cores, a fonte, a orientação da imagem etc.
Estilos informativos
Para ver uma demonstração desses recursos, recomendamos assistir nossa Webinário de sucesso do cliente com Will Brisbane e Joseph Van Buskirk.
Sistemas de estilo reduzem a necessidade de diálogos complexos, mas não são uma substituição de diálogo. Eles ajudam a simplificar as coisas, mas pode haver alguns casos em que você deseje usar propriedades de componentes ou caixas de diálogo em vez de criar um sistema de estilos para elas.
Eles podem simplificar os processos de uma perspectiva de desenvolvimento. Você pode obter várias aparências do mesmo conteúdo com um sistema de estilo. Da mesma forma, de uma perspectiva de criação, em vez de treinar autores, e autores tendo que lembrar qual componente usar em qual palácio, você pode acelerar a velocidade de criação.
As coisas estão simplesmente mais limpas. O HTML dos componentes principais é altamente explícito. Fazer tudo isso no nível CSS torna as criações do componente mais rápidas e o código também fica mais limpo.
Finalmente, o uso de sistemas de estilo é mais arte do que ciência. Conforme discutimos, há várias práticas recomendadas, mas você terá flexibilidade em como personalizar a configuração da sua organização.
Para obter mais informações, consulte nosso Webinário de sucesso do cliente com Will Brisbane e Joseph Van Buskirk.
Saiba mais sobre estratégia e liderança de pensamento na Sucesso do cliente hub.