Produção de conteúdo

engajamento dos colaboradores é um dos grandes desafios quando falamos em treinamento online corporativo. E para chamar a atenção do público, hoje tão acostumado com a linguagem visual da internet, nada melhor do que criar um conteúdo com aspecto moderno.

Aqui na Mobiliza, uma das formas encontradas para trazer esse efeito é escolhendo com cuidado o background dos cursos.

No Applique, é possível inserir nesse background imagens, ilustrações, texturas ou cores. Tudo isso para deixar os cursos mais atrativos e com um maior apelo visual.

Aqui vamos trazer algumas dicas de como utilizar esse recurso da melhor forma possível!

LNT

Dica #1:

O ideal é que o background tenha destaque, mas não excessivo, para não tirar a atenção do aluno do que realmente importa: o conteúdo. Além disso, deve-se tomar cuidado para que ele não interfira na legibilidade dos elementos fora da área de conteúdo, como títulos, menus e barra de progresso.

Dica #2:

A área visível do background dependerá da resolução da tela do computador de cada aluno. Portanto, o ideal é que a imagem tenha um mínimo de 1920x1080px, pois caso você opte por usar o background em seu tamanho original não sobrará espaços em branco em volta da imagem, e se você optar por esticá-la, ela não perderá qualidade e não ficará distorcida em monitores maiores.

Dica #3:

Você pode inserir um padrão ou uma textura no background. Para isso, insira uma imagem pequena com esse padrão e selecione a opção Repetir. Você deve ter cuidado para que o padrão se encaixe corretamente, garantindo uniformidade.

Dica #4:

Brinque e experimente bastante com o background. Uma criação que fazemos em vários cursos é inserir um background que parece estender a área de conteúdo. Veja só no exemplo abaixo.

Na tela acima, a Área de Conteúdo não foi alterada, apenas o background foi usado para dar a sensação de que ela é mais larga. Isso apelidamos de fundo infinito. Esse efeito é interessante pois diferencia o seu curso de um ppt e ainda ajuda a deixar a leitura mais leve, diminuindo a densidade de textos na tela.

Dica #5:

Agora, se você quiser ir ainda mais a fundo, dá para interagir o background com elementos dentro da área de conteúdo. Essa abordagem faz com que toda a tela fique em harmonia.

Dica #6:

Cada padrão visual tem dimensões de largura e altura diferentes para sua área de conteúdo. Na tabela abaixo tem as áreas de cada padrão, para planejar os seus backgrounds.

Tabela de medidas

teste gratis mobiliza hub

Bônus!

Agora um presente para você: disponibilizamos fundos infinitos para você utilizar nos seus cursos!

Fizemos um para cada padrão visual. Aproveite!

BG_Classic

BG_Clean

BG_Concept

BG_Light

BG_Impact

BG_Drift

PS.: Clique nos links acima para salvar as imagens em seu computador.

Um ótimo trabalho e até a dica da próxima semana!