Configure cores para ilustrações de cartão

Configure e controle as cores aplicadas automaticamente às imagens de ilustrações de cartão para manter sua experiência visual envolvente e manter o reconhecimento da marca.

Antes de Iniciar

Função necessária: ui_builder_admin

Para obter informações sobre funções granulares, consulte Granular admin roles.

Por Que e Quando Desempenhar Esta Tarefa

Como categoria, todas as ilustrações de cartão compartilham mapeamentos de gancho de cor. Como resultado, as cores que você aplica a um tipo de ilustração de cartão também são aplicadas a toda a categoria de ilustração de cartão.

Importante:

A configuração de cores de ilustração do cartão se aplica a espaços de trabalho e não é compatível com IU principal.

Procedimento

1. Navegar até Tudo > Estrutura do Now Experience > Construtor de temas.
   . Construtor de temas A página principal é aberta em uma nova guia e exibida na exibição da página inicial.
2. Use a lista suspensa Página para selecionar a exibição da página do Editor.

   Figura 1. Exibição da página do editor

   

3. Na lista suspensa Tema, selecione o tema que você deseja editar.
4. Selecione Estilos de imagem no painel estilos gerais e expanda Cartões .
   As ilustrações do cartão disponíveis para edição estão listadas por tipo na fase principal.
5. Selecione qualquer tipo de ilustração de cartão na fase principal.
   Nota:

   A personalização das cores de qualquer tipo de ilustração de cartão aplica a mudança de cor a toda a categoria de cartão, independentemente do tipo selecionado.
   O painel de propriedades é aberto automaticamente.

   Figura 2. Guia Estilos de imagem com Cartões expandidos e Ilustração de foco importante selecionada

   

6. No painel Propriedades, selecione Cores guia.
   Nota:

   O número de cores iniciais ou de suporte difere dependendo da categoria de ilustração. Por exemplo, as ilustrações de faixa têm uma cor principal, enquanto as ilustrações de cartão têm três cores principais. As cores principais são as cores principais na ilustração e as cores de apoio são acentos. Eles estão listados do mais proeminente para o menos importante.

   Figura 3. Guia Cores do painel de propriedades

   

7. Selecione uma cor de imagem para editar a cor usando o seletor de cores.

   Figura 4. Seletor de cores

   

   Nota:

   Por padrão, a guia Minhas cores mostra todas as cores disponíveis para a ilustração. Você também pode usar a guia Personalizado para selecionar uma nova cor.
8. Ao concluir as mudanças, selecione Salvar mudanças .
   Nota:

   Depois de salvar as mudanças em qualquer um dos ganchos de cor, um símbolo Remover substituição será exibido. O símbolo Remover substituição permite reverter as mudanças de cor de volta para as cores originais geradas automaticamente.

   

Resultado

As novas cores são aplicadas a todos os tipos de ilustração de cartão.

Se o tema for publicado, as edições da ilustração do cartão ficarão visíveis para os usuários que tiverem o tema aplicado na atualização. Para obter informações sobre como publicar temas, consulte Publique seus temas com Construtor de temas.