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.
AEM Style Systems tem quatro benefícios principais:
A configuração de 5 etapas é muito semelhante a um fluxo de trabalho de desenvolvimento de componente padrão.
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 políticas de modelo para componentes estilizados adicionando nomes de classe CSS definidos por desenvolvedores. Nomes amigáveis devem ser usados para cada estilo. | Ao criar páginas, aplica estilos conforme necessário para atingir a aparência desejada |
Embora essa seja a configuração inicial, muitos de nossos clientes tiveram agilidade adicional ao simplificar esse processo, por exemplo, ao fazer upload de seu CSS no DAM, o que permite atualizações em 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 estilos apresentam alguns tipos diferentes:
Estilos de layout
Alterações multifacetadas no design e layout
Usado para representação bem definida e identificável
Exibir estilos
Pequenas variações que não alteram a natureza fundamental do estilo
Por exemplo, alteração do esquema de cores, fonte, orientação da imagem etc.
Estilos informativos
Para uma demonstração desses recursos, recomendamos assistir ao Webinário de sucesso do cliente com Will Brisbane e Joseph Van Buskirk.
Os sistemas de estilos reduzem a necessidade de caixas de diálogo complexas, mas não são uma substituição de caixa de diálogo. Eles ajudam a simplificar as coisas, mas pode haver alguns casos em que você deseja usar as propriedades do componente ou a caixa de diálogo, em vez de criar um sistema de estilos para ele.
Eles podem simplificar processos de uma perspectiva de desenvolvimento. Você pode obter várias aparências do mesmo conteúdo com um sistema de estilos. Da mesma forma, de uma perspectiva de criação, em vez de treinar autores e autores que precisam lembrar qual componente usar em qual palácio, você pode acelerar a velocidade de criação.
As coisas são simplesmente mais limpas. A HTML dentro dos componentes principais é altamente detalhada. Fazer tudo isso no nível de CSS torna as criações do componente mais rápidas e o código também é mais limpo.
Por fim, o uso de Sistemas de Estilo é mais arte do que ciência. Conforme discutimos, há várias práticas recomendadas, mas você terá flexibilidade para personalizar a configuração de sua organização.
Para obter mais informações, consulte nossa Webinar de sucesso do cliente com Will Brisbane e Joseph Van Buskirk.
Saiba mais sobre estratégia e liderança de pensamento no Sucesso do cliente cubo.