Temas de cores

Temas de cores e marcas no Learning Manager

O Learning Manager permite alterar a aparência do aplicativo para corresponder aos requisitos de marca da empresa.

Personalizar sua interface de usuário

Neste treinamento, você explorará maneiras de personalizar a aparência da interface para que corresponda aos requisitos de marca de uma organização.

botão

Se você não conseguir iniciar o treinamento, escreva para almacademy@adobe.com.

Marca branding

Clique em Marcas no painel esquerdo para atualizar o nome da sua organização, alterar o subdomínio, os estilos de log e os temas. Clique em Editar ao lado de cada um desses tópicos para modificar o conteúdo.

Estilo de logotipo logostyling

Clique em Editar para definir a aparência do logotipo e do nome da empresa no aplicativo Learning Manager.

Clique em Carregar novo logotipo e escolha o logotipo no computador para carregar. Você pode visualizar a aparência do logotipo e o nome da sua empresa abaixo. Escolha o estilo de cabeçalho de sua escolha e clique em Salvar.

Temas themes

Um conjunto de cinco imagens representativas é fornecido para visualizar as alterações do tema de cores antes de aplicá-las ao aplicativo. Navegue por essas imagens clicando nos símbolos < e > no lado esquerdo e direito das imagens, respectivamente, para visualizar. Como alternativa, você também pode clicar nos círculos de navegação na parte inferior dessas imagens para navegar pelo conjunto de instantâneos de visualização.

Selecionar um tema

Clique em Mostrar dicas abaixo desta seção para exibir as dicas na imagem, conforme mostrado abaixo.

Exibir dicas sobre um tema

O aplicativo Learning Manager fornece cinco opções de temas de cores aos seus usuários:

  • Padrão Prime
  • Bolhas
  • Carnaval
  • Outono
  • Céu de inverno
  • Vívido
NOTE
O tema Vívido é compatível com acessibilidade.

Personalizar cores de um tema

Você pode personalizar a cor da barra superior, a cor do destaque (por exemplo, a cor dos ícones no painel esquerdo), a cor primária e o brilho da barra lateral dos temas, exceto do tema padrão do Prime.

No seletor Cor primária, você pode escolher a cor usada para a interface do usuário imersiva.

Para personalizar, escolha o tipo de tema no painel esquerdo e clique nos quadrados adjacentes às cores dos ícones da marca e da barra lateral. Clique na barra lateral de brilho e arraste para frente ou para trás para ajustar o brilho. Observe a visualização nas imagens acima conforme você modifica essas opções.

Clique em Redefinir Tema para restaurar as configurações originais do tema. Clique em Salvar após concluir as alterações.

Visualização ao vivo

Clique em Visualização ao vivo no canto inferior esquerdo da seção Temas. Uma janela pop-up é exibida conforme mostrado abaixo:

Pop-up Visualização ao Vivo

Escolha o tema de sua preferência na lista suspensa, ajuste as configurações e clique em Visualizar para exibir as alterações em tempo real no aplicativo. Agora, você pode analisar todos os recursos do aplicativo e testemunhar as alterações. Você também pode alterar as funções ao passar pela visualização ao vivo. Quando estiver satisfeito com as alterações, volte para o recurso pop-up Visualização dinâmica do tema e clique em Aplicar tema.

Ao visualizar as alterações em tempo real, a janela pop-up de visualização dinâmica do tema ainda aparece na parte inferior da tela. Você pode optar por minimizar a janela pop-up.

Várias marcas multiple-branding

Veja como implementar várias marcas:

  1. No aplicativo de administração, selecione Marcas no painel esquerdo.
  2. Selecione Editar na seção de Marcas Múltiplas.
  3. Selecione o botão de alternância e ative-o.

Usuários internos

  1. Selecione um campo ativo na lista suspensa.
  2. Com base na seleção, você pode alterar o nome da organização e fazer upload de um novo logotipo para os usuários.

Usuários externos

  1. Selecione um campo ativo na lista suspensa.
  2. Com base na seleção, você pode alterar o nome da organização e fazer upload de um novo logotipo para os usuários.
NOTE
Os usuários internos podem ter campos ativos como Usuários externos (por exemplo, o administrador deve adicionar a multimarca para os usuários internos e usuários externos separadamente selecionando valores de campo ativos separadamente).
INFO
Confira este blog para obter mais informações.

Apontar para a observação

  • Um administrador pode adicionar a marca de vários níveis para este valor de campo ativo e o usuário externo pode fazer logon com diferentes mecanismos (SSO único (Okta, Mini laranja), logon social) e verificar se a marca de vários níveis é aplicável.
  • Um usuário externo tem um campo ativo e um valor de campo ativo, como o usuário interno: mesmo que seja compartilhado, ele deve ser especificado separadamente na identidade visual múltipla pelo administrador. Depois de aplicado, o usuário externo pode fazer logon com mecanismos diferentes (SSO único (Okta, Mini laranja), logon social) e verificar se a marca múltipla é aplicável.
  • Um usuário externo movido de um perfil para outro: mover o usuário externo de um perfil para outro não afetará o valor do campo ativo para o usuário, a menos que o valor do campo ativo seja editado/excluído pelo administrador ou pelo usuário externo durante o logon ou o registro
NOTE
Quando várias marcas são definidas para usuários internos e externos, com o mesmo nome de campo ativo, com o mesmo valor de campo ativo, mas configuração diferente. Nesse caso, a recomendação para os clientes seria usar a mesma configuração (logotipo, tema, nome da organização) para evitar discrepâncias.

Personalize sua conta customize

O Adobe Learning Manager permite que você personalize sua conta para fornecer uma experiência de usuário aprimorada.

A lista abaixo exibe os componentes que podem ser personalizados. Para personalizar a conta, contate o suporte do Learning Manager.

Personalizar
O que é recomendado
Personalizar cores do cartão de treinamento
  • Somente até 12 cores personalizadas.
  • As cores são aplicadas a todos os objetos de aprendizado. As cores serão aplicadas sequencialmente a todos os objetos de aprendizado (treinamentos) e o código de cores hexadecimais é o formato necessário para todas as cores, por exemplo, #ffffff.
  • Se apenas uma cor for fornecida, essa cor será aplicada a todos os objetos de aprendizado.
Imagem do ponteiro do cursor

A imagem personalizada é exibida quando um usuário passa o mouse sobre qualquer objeto de aprendizado.

  • A imagem personalizada aplicada será exibida quando o usuário passar o mouse na página da Web do Learning Manager.
  • Tamanho recomendado - 16x16 ou 24x24 px
  • Formato de imagem recomendado: PNG, JPG
Imagem do ícone de progresso

Exibido ao navegar entre páginas. Presente em lugares onde você vê o gif de progresso de “4 quadrados”.

  • Tamanho recomendado - menor ou igual a 32x32 px
  • Formato de imagem recomendado: GIF, PNG, JPG
Fontes

Para aplicar as fontes, é necessário um CDN. Além disso, você deve compartilhar a família de fontes a ser aplicada.

Observação: a família da fonte deve ser compatível com todos os navegadores.

Imagem do Fundo

Uma imagem de fundo é visível somente em uma função de aluno.

Você deve compartilhar a imagem que precisa ser aplicada ao plano de fundo do aluno.

  • Formato de imagem recomendado: PNG, JPG, JPEG
  • Tamanho recomendado: 1400 x 908 px

Definir configurações de recomendação configurerecommendationsettings

Em Marcas > Geral, você pode configurar escopos de recomendação para alunos internos e externos e permitir que os alunos escolham habilidades na página inicial do aluno.

Na página Geral, você tem as seguintes opções:

Página inicial do aluno
Escolha Clássico ou Imersivo. Se você escolher Imersivo, outras opções serão exibidas.
Tipo de treinamento
Escolha Personalizado ou Setor alinhado. Se houver menos de 1.000 alunos, a conta inteira será considerada como um escopo único. A recomendação é baseada em todos os alunos.
Configuração do escopo de recomendação
Escolha um ou mais campos ativos. Para Personalizado, você pode escolher no máximo um campo ativo. Para Setor alinhado, você pode escolher no máximo cinco campos ativos.
Permitir que o aluno explore áreas de interesse
Somente para a experiência clássica. Escolha Sim ou Não.
Solicitar aos usuários que selecionem Áreas de Interesse (Habilidades)
Somente para experiência imersiva. Escolha Sim ou Não.
recommendation-more-help
d5e5961a-141b-4c77-820e-8453ddef913d