Passar para o conteúdo principal
Todas as coleçõesFAQ - Perguntas frequentes
🎨 Manual de imagens: Conheça as dimensões indicadas para personalizar a sua comunidade Cativa
🎨 Manual de imagens: Conheça as dimensões indicadas para personalizar a sua comunidade Cativa

Conheça as melhores práticas para criar as artes que vão personalizar as imagens da sua comunidade Cativa

Atualizado há mais de 2 meses

Criar uma comunidade que seja familiar aos seus membros faz toda diferença para o engajamento e para gerar valor para sua marca. Pensando nisso, a Cativa oferece todos os recursos para você aplicar a sua identidade visual a sua comunidade.

Neste artigo vamos explorar as imagens personalizáveis disponíveis na plataforma, listando cada uma com a sua dimensão recomendada para melhor enquadramento.

Boa leitura!

Introdução

Para ter acesso à personalização dessas imagens, basta acessar com uma conta de administrador e clicar no item "Painel Administrativo" > "Personalizar" > "Cores e Imagens".

Atenção: A aba de personalização de imagens globais da comunidade deve ser acessada por um dispositivo desktop ou notebook. A visualização em dispositivos móveis ainda não está disponível.

Imagens personalizáveis da sua comunidade

Logo da sua comunidade

Preencha a imagem "logo" com o logótipo da sua marca, dando preferência para aplicações com dimensão quadrada.

✅ Tamanho recomendado: 512x512 px

Aplicações:

Thumbs para vitrine

Para construir sua vitrine, existem 07 formatos de card que podem ser escolhidos sempre que você cria uma nova categoria. São eles:

  • Banner: Escolha o card do tipo banner para cobrir toda a área da vitrine e criar uma página mais atrativa.

    ✅ Tamanho recomendado: 1295 x 429 px

  • Card Vertical com chamada para ação: Escolha o card do tipo banner para cobrir toda a área da vitrine e criar uma página mais atrativa.

  • ✅ Tamanho recomendado: 254 x 355 px

  • Informativo: Escolha o card do tipo Informativo para cobrir toda a área da vitrine e criar uma página mais atrativa.

    ✅ Tamanho recomendado: 581 x 480 px

  • Descritivo com efeito e chamada para ação: Escolha o card do tipo Descritivo com efeito e chamada para ação para cobrir toda a área da vitrine e criar uma página mais atrativa.

    ✅ Tamanho recomendado: 255 x 355 px

  • Descritivo com chamada para ação: Escolha o card do tipo Descritivo com chamada para ação para cobrir toda a área da vitrine e criar uma página mais atrativa.

✅ Tamanho recomendado: 214 x 114 px

  • Informativo: Escolha o card do tipo Informativo para cobrir toda a área da vitrine e criar uma página mais atrativa.

    ✅ Tamanho recomendado: 581 x 480 px

  • Conteúdo estático: Escolha o card do tipo Conteúdo estático para cobrir toda a área da vitrine e criar uma página mais atrativa.

    ✅ Tamanho recomendado: 206 x 169 px


Imagem de login desktop

A imagem de login desktop será exibida na coluna da direita das páginas não logada para ajudar os seus membros a se sentirem familiarizados com a sua marca antes de realizar o seu cadastro ou login.

Antes de criar a sua arte, tenha atenção a área útil demarcada de branco na imagem abaixo para garantir o melhor enquadramento em diferentes resoluções de monitores.

✅ Tamanho recomendado: 773x808 px

Aplicação:

Imagem de login Mobile

A imagem de login mobile será exibida nas páginas não logadas dos aplicativos móveis (Apple e Android) para personalizar os aplicativos da sua comunidade e ajudar os seus membros a se sentirem familiarizados com a sua marca antes de realizar o seu cadastro.

Será aplicado um degradê linear preto com 58% de opacidade de cima para baixo para melhorar a legibilidade do texto de boas-vindas da sua comunidade.

✅ Tamanho recomendado: 1080x1920 px

Aplicação:

Imagem de Capa timeline (capa do perfil)

As imagens de capa dos membros da comunidade podem ser personalizadas apenas pelos administradores. Os usuários não tem permissão para alterá-la e você pode usar esse espaço para trazer mais identidade para sua comunidade de acordo com sua marca.

✅ Tamanho recomendado: 525X175 px

Aplicação:

Imagem de capa dos grupos

As imagens de capa dos grupos da sua comunidade podem ser personalizadas apenas pelos administradores e moderadores do grupo. Os usuários não tem permissão para alterá-la e você pode usar esse espaço para trazer mais identidade de acordo com o propósito do grupo.

✅ Tamanho recomendado: 525x175 px

Aplicação:

Favicon

Favicon é um termo que se refere a Favorite e icon ou ícone favorito. Os favicons são pequenas imagens para visualização pelo navegador, como no exemplo abaixo. Geralmente são utilizados como logotipos.

✅ Tamanho recomendado: 512x512 px

Aplicação:

Ícones personalizáveis

É possível personalizar diversos ícones da sua comunidade para facilitar a identificação e trazer mais identidade para a plataforma de acordo com a sua marca, como, por exemplo:

  • Ícone do menu de navegação da esquerda;

  • Reação positiva e reação negativa;

  • Ícones dos grupos;

  • Ícones dos cursos;

  • Ícones/imagens das Tags;

✅ Tamanho recomendado: 175x175 px

Aplicações:

Publicidades e comunicados

A Cativa disponibiliza uma funcionalidade para expor publicidades e comunicados na sua comunidade, onde você pode usar uma imagem ou vídeo como mídia. Caso você escolha criar publicidade com uma imagem, veja abaixo as recomendações de dimensões.

✅ Tamanho recomendado: 250x500 px

Aplicações:

Na coluna esquerda da versão desktop

Se a opção de exibir a sua publicidade como pop-up estiver ativada

Se a opção de exibir a sua publicidade no feed estiver ativada ou exibir no feed Comunicados:

💡 Para saber mais sobre como criar e configurar publicidades, clique aqui para ler o artigo.

Selos

Selos normalmente são usados como recompensas para membros da sua comunidade, é uma forma de reconhecer membros que merecem destaque, segmentar níveis de usuários, gamifificar jornada e muito mais.

✅ Tamanho recomendado: 250x250 px

Aplicações:

💡 Para saber mais sobre criar e configurar selos, clique aqui para ler o artigo

Atalhos

Para dar destaque a links importantes para sua comunidade, você pode criar atalhos para links externos e deixá-los disponíveis para seus membros.

Os atalhos ficam disponíveis na coluna da esquerda na versão web desktop e dentro do menu institucional na versão mobile.

✅ Tamanho recomendado: 250x250 px

Aplicação:

💡 Para saber mais sobre criar e configurar atalhos, clique aqui para ler o artigo .

Capas em cursos:

As imagens de capas disponíveis dentro de um curso são:

Capa de um curso (382x181 px):

Capa de uma aula (255x176 px):

Respondeu à sua pergunta?